//Javascript抜きでも別窓が開くよう改良。
//a hrefプロパティとJSの変数で、同一のURI・同一のターゲットウインドウ名を記載
function openWin(theURL,winName,features) { 
window.open(theURL,winName,features);
return false;
}

//親窓に戻る場合
//同様にa hrefプロパティとJSの変数で、同一のURIを記載
function openParent(theURL){
	if(window.opener && !window.opener.closed){
		window.opener.location.href = theURL;
		window.opener.focus();
		return false;
	}
}
//Flash関数を実行
function exeFla(mname, fname){
	//ExternalInterface対応ブラウザ検出
    if(navigator.userAgent.indexOf("MSIE") != -1 && navigator.userAgent.indexOf("MSIE 4")  ==-1){
					verFlag = true;
    } else if(navigator.userAgent.indexOf("Netscape/8") != -1){
					verFlag = true;
    } else if(navigator.userAgent.indexOf("Firefox") != -1 && navigator.userAgent.indexOf("Firefox/0")  ==-1){
					verFlag = true;
    } else if(navigator.userAgent.indexOf("Safari") != -1  &&navigator.userAgent.indexOf("Safari/1")  ==-1&&navigator.userAgent.indexOf("Safari/85")  ==-1){
					verFlag = true;
    }  else{
						verFlag = false;
	}
	//対応していればAS呼び出し
	if(verFlag){
		var funcObj = new Array();
		if (navigator.appName.indexOf("Microsoft") != -1) {
			eval("window['"+mname+"']."+fname+";");
		} else {
			eval("document['"+mname+"']."+fname+";");
		}
	}
}


/*============================================================
Get RootPath
============================================================*/

/* Setup RootPath */
var docRoot = new DocRoot();
var docHref=docRoot.path;

/* Start Engine */
function DocRoot() {
	var base = 'common/js/common.js';
	var scripts = document.getElementsByTagName( 'script' );
	for ( var i = 0, l = scripts.length; i < l; i++ ) {
		if ( scripts[ i ].src.match( base ) ) {
			var src = scripts[ i ].src;
			break;
		}
	}
	this.path = src.replace( base, '' );
}



/*============================================================
Loading File [Plug-in Setup]
============================================================*/

/* Document Write */
document.write('<script type="text/javascript" src="'+docHref+'common/js/jquery.js"></script>');



/*============================================================
Include File
============================================================*/

/* Start Engine */
function CmnIncFile(name,path,file){
	$(name).load(docHref+path+file);
}



/*============================================================
ToolChip
============================================================*/

/*--------------------------------------------------------
CmnToolchip
[name:ボックスID名]
[parent:基準となる親要素]
[path:インクルードさせるファイルまでのパス]
[file:ファイル名]
[top:ボックスのcssプロパティ値(top)]
[left:ボックスのcssプロパティ値(left)]
----------------------------------------------------------
CmnToolchipClose
[name:対象のボックスID名]
--------------------------------------------------------*/

var CmnToolchipFlag = false;

function CmnToolchip(name,parent,path,file,top,left){
	if(CmnToolchipFlag == false){
		$('#'+parent).append('<div id="'+name+'" class="cmn_tc_box"></div>');
		$('#'+name).css('top',top);
		$('#'+name).css('left',left);
		CmnIncFile('#'+name,path,file);
		CmnToolchipFlag = true;
	}
}
function CmnToolchipClose(name){
	$('#'+name).remove();
	CmnToolchipFlag = false;
}



/*============================================================
Carousel
============================================================*/

/*--------------------------------------------------------
[name:移動させるボックス名(ex'.cmn_cl_box')]
[distance:移動距離(ex'+=100px')]
[speed:速度(ex'slow')]
[flag:指定移動方向(ex'next')]
[parent:nameの親要素ボックス(ex'.cmn_cl')]
--------------------------------------------------------*/

function CmnCarousel(name,distance,speed,flag,parent){

	var Target = new Array(
		name,
		distance,
		speed,
		$(name).css('width'),
		$(name).css('left'),
		parent
	);

	//対象の幅取得と数値化
		var wid = Target[3].lastIndexOf('px');
		wid = Target[3].substr(0,wid);
		var widInt = parseInt(wid);

	//対象の座標取得と数値化
		var lef = Target[4].lastIndexOf('px');
		lef = Target[4].substr(0,lef);
		var lefInt = parseInt(lef);

	//親の幅取得と数値化
		var pid = $(Target[5]).css('width').lastIndexOf('px');
		pid = $(Target[5]).css('width').substr(0,pid);
		var pidInt = parseInt(pid);

	//取得情報から稼動限界座標の算出
		var lidInt = widInt - pidInt;

	//移動処理
	if( (flag=='prev') && (lefInt>=0) ){
	}else if( (flag=='next') && (Math.abs(lefInt)>=Math.abs(lidInt)) ){
	}else{
		$(Target[0]).animate({left:Target[1]},Target[2]);
	}
}



/*============================================================
Light Box
============================================================*/

/* Start Engine */
function CmnLightBox(name,path,file){
	$('body').append('<div class="'+name+'"></div>');
	CmnIncFile(name,path,file);
}

/* Close Action */
function CmnLightBoxClose(name){
	$('div.'+name).css('display','none');
	$('div.'+name).remove();
}



/*============================================================
Roll Over
============================================================*/

/* Target ClassName */
var roll = '.cmn_roll';

/* Start Engine */
function CmnRollOver(){
	var image_cache = new Object();
	$(roll).not("[src*='_on.']").each(function(i){
		var imgsrc = this.src;
		var dot = this.src.lastIndexOf('.');
		var imgsrc_on = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4);
		image_cache[this.src] = new Image();
		image_cache[this.src].src = imgsrc_on;
		$(this).hover(
			function(){this.src = imgsrc_on;},
			function(){this.src = imgsrc;}
		);
	});
}


 
/*============================================================
Slide Toggle
============================================================*/

/* Start Engine */
function CmnSlideToggle(target,slide){
	$(target).toggle(
		function(){
			$(slide).slideUp('Fast');
		},function(){
			$(slide).slideDown('Fast');
		}
	);
}



/*============================================================
Include Sorce
============================================================*/
/*
●swインクルード箇所
  1:ヘッダー
  2:グローバルメニュー
  3:ページトップ
  4:フッター
  5:商品ラインナップ下部メニュー

●caモード指定
--------------------------------------------------------
  sw=1[ヘッダ]
  0:h1付き(左上にロゴ表示)
  1:h1無し(TOP向け)
--------------------------------------------------------
  sw=2[グローバルメニュー]
  0:指定無し
  1:商品ラインナップをon状態に
  2:キャラクター紹介をon状態に
  3:ヘアカラーのコツをon状態に
  4:チャレンジ・ゲームをon状態に
  5:よくある質問をon状態に
  6:リンクをon状態に
--------------------------------------------------------
  sw=3[ページトップ]
  0:表示
  1:非表示
--------------------------------------------------------
  sw=5[商品ラインナップ下部メニュー]
  0:表示
  1:非表示
--------------------------------------------------------
*/

function CmnIncSrc(sw,ca){
	if(sw==1){
		/*----------Headder----------*/
		var html='';
		html = ''
		+'<div id="headder" class="cmn_cf">'
		+'	<h1><a href="'+docHref+'"><img src="'+docHref+'common/images/cmn_h1.gif" width="146" height="36" alt="FRESH LIGHT" /></a></h1>'
		+'	<ul>'
		+'		<li class="cmn_tcm"><a href="'+docHref+'">トップ</a></li>'
		+'		<li class="cmn_tcm"><a href="'+docHref+'contact/">お問い合わせ</a></li>'
		+'		<li class="cmn_tcm"><a href="'+docHref+'sitemap/">サイトマップ</a></li>'
		+'	</ul>'
		+'</div>';
		document.write(html);
		if(ca==1){
			$('div#headder h1').remove();
		}
	}else if(sw==2){
		/*----------GlobalMenu----------*/
		var html='';
		html = ''
		+'<div id="globalnav">'
		+'	<ul class="cmn_cf">'
		+'		<li id="no1"><a href="'+docHref+'lineup/"><img src="'+docHref+'common/images/cmn_glm1.gif" width="160" height="37" alt="商品ラインナップ" class="cmn_roll" /></a></li>'
		+'		<li id="no2"><a href="'+docHref+'character/"><img src="'+docHref+'common/images/cmn_glm2.gif" width="157" height="37" alt="キャラクター紹介" class="cmn_roll" /></a></li>'
		+'		<li id="no3"><a href="'+docHref+'howto/"><img src="'+docHref+'common/images/cmn_glm3.gif" width="157" height="37" alt="ヘアカラーのコツ" class="cmn_roll" /></a></li>'
		+'		<li id="no4"><a href="'+docHref+'game/"><img src="'+docHref+'common/images/cmn_glm4.gif" width="154" height="37" alt="チャレンジ・ゲーム" class="cmn_roll" /></a></li>'
		+'		<li id="no5"><a href="'+docHref+'qa/"><img src="'+docHref+'common/images/cmn_glm5.gif" width="155" height="37" alt="よくある質問" class="cmn_roll" /></a></li>'
		+'		<li id="no6" class="cmn_last"><a href="'+docHref+'link/"><img src="'+docHref+'common/images/cmn_glm6.gif" width="157" height="37" alt="リンク" class="cmn_roll" /></a></li>'
		+'	</ul>'
		+'</div>';
		document.write(html);
		if(ca==1){
			$('div#globalnav ul li#no'+ca).empty();
			$('div#globalnav ul li#no'+ca).html('<img src="'+docHref+'common/images/cmn_glm1_on.gif" width="160" height="37" alt="商品ラインナップ" />');
		}else if(ca==2){
			$('div#globalnav ul li#no'+ca).empty();
			$('div#globalnav ul li#no'+ca).html('<img src="'+docHref+'common/images/cmn_glm2_on.gif" width="157" height="37" alt="キャラクター紹介" />');
		}else if(ca==3){
			$('div#globalnav ul li#no'+ca).empty();
			$('div#globalnav ul li#no'+ca).html('<img src="'+docHref+'common/images/cmn_glm3_on.gif" width="157" height="37" alt="ヘアカラーのコツ" />');
		}else if(ca==4){
			$('div#globalnav ul li#no'+ca).empty();
			$('div#globalnav ul li#no'+ca).html('<img src="'+docHref+'common/images/cmn_glm4_on.gif" width="154" height="37" alt="チャレンジ・ゲーム" />');
		}else if(ca==5){
			$('div#globalnav ul li#no'+ca).empty();
			$('div#globalnav ul li#no'+ca).html('<img src="'+docHref+'common/images/cmn_glm5_on.gif" width="155" height="37" alt="よくある質問" />');
		}else if(ca==6){
			$('div#globalnav ul li#no'+ca).empty();
			$('div#globalnav ul li#no'+ca).html('<img src="'+docHref+'common/images/cmn_glm6_on.gif" width="157" height="37" alt="リンク" />');
		}
	}else if(sw==3){
		/*----------Pagetop----------*/
		var html='';
		html = '<p class="pagetop"><a href="#pgtp"><img src="'+docHref+'common/images/cmn_pgtp.gif" width="149" height="32" alt="このページのTOPへ" /></a></p>';
		document.write(html);
		if(ca==1){
			$('p.pagetop').remove();
		}
	}else if(sw==4){
		/*----------Footer----------*/
		var html='';
		html = ''
		+'<div id="footer">'
		+'	<ul class="cmn_cf">'
		+'		<li id="ftr_no1">□<a href="http://www.schwarzkopf-henkel.co.jp/contact/privacy.html" target="privacy" onClick="openWin(\'http://www.schwarzkopf-henkel.co.jp/contact/privacy.html\',\'privacy\',\'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=580,height=650\')">利用条件／プライバシーポリシー</a></li>'
		+'		<li id="ftr_no2"><a href="http://www.freshlight.jp/mens/">メンズフレッシュライト｜MEN\'S FRESH LIGHT (ブリーチ,ヘアカラー,髪色もどし,ターンカラー,フェイシャルシート)</a></li>'
		+'	</ul>'
		+'	<address>Copyright &copy; 2010 Schwarzkopf &amp; Henkel K.K. All rights reserved.</address>'
		+'	<address>&copy;高橋ヒロシ(月刊少年チャンピオン)2002-2010</address>'
		+'</div>';
		document.write(html);
		if(ca==1){
			$('div#footer').remove();
		}
	}else if(sw==5){
		/*----------LineupBottomMenu----------*/
		html = ''
		+'<ul class="cmn_cf">'
		+'	<li id="sub1"><a href="'+docHref+'lineup/"><img src="../images/lineup/itm_submenu1.gif" width="137" height="27" alt="商品ラインナップへ" /></a></li>'
		+'	<li id="sub2"><a href="'+docHref+'character/"><img src="../images/lineup/itm_submenu2.gif" width="139" height="27" alt="キャラクター紹介" /></a></li>'
		+'	<li id="sub3"><a href="'+docHref+'howto/"><img src="../images/lineup/itm_submenu3.gif" width="200" height="27" alt="カッコいい髪色に仕上げるコツ" /></a></li>'
		+'	<li id="sub4"><a href="'+docHref+'lineup/colorchart.html"><img src="../images/lineup/itm_submenu4.gif" width="179" height="50" alt="カラーチャートへ" /></a></li>'
		+'</ul>';
		document.write(html);
		if(ca==1){
			$('div#itm_main ul').remove();
		}
	}else if(sw==6){
		/*----------LineupBottomMenu----------*/
		html = ''
		+'<ul class="cmn_cf">'
		+'	<li id="sub1v2"><a href="'+docHref+'lineup/"><img src="../images/lineup/itm_submenu1.gif" width="137" height="27" alt="商品ラインナップへ" /></a></li>'
		+'	<li id="sub2v2"><a href="'+docHref+'character/"><img src="../images/lineup/itm_submenu2.gif" width="139" height="27" alt="キャラクター紹介" /></a></li>'
		+'</ul>';
		document.write(html);
		if(ca==1){
			$('div#itm_main ul').remove();
		}
	}
}
