/*====================================================================


 ■　productsTab.js


--------------------------------------------------------------------*/


/*====================================================================

 □　初期設定

--------------------------------------------------------------------*/
var targetUrl=location.href; //現在のアドレスを取得

/*====================================================================

 □　処理リスト

--------------------------------------------------------------------*/

$(document).ready(function(){
		productsTab()
});


/*--------------------------------------------
	productsTab[製品詳細のタブ制御]
--------------------------------------------*/

function productsTab(){
	var tabId = new RegExp("#products-tab-[A-Za-z0-9-]+", "i");
	var currentTab  = new Array(); //カレント用の配列生成
	var scrollFlag = 0; 
	var tabSelectId = targetUrl.match(tabId);	
	
	if(tabSelectId){
		tabSelectId = String(tabSelectId);
		if(tabSelectId.indexOf("-top") == -1) scrollFlag = 1;
		tabSelectId = tabSelectId.replace("-top","");	
		if($(".products-tab-nav > ul > li > a[href="+tabSelectId+"]").length){
			var target = $(".products-tab-nav > ul > li > a[href="+tabSelectId+"]");
			var targetTop = $(".products-tab-nav").has("a[href="+tabSelectId+"]").offset().top;
			$(".products-tab-nav > ul").has(target).find("li").removeClass("current");
			target.parent().addClass("current");
			if(scrollFlag) $((navigator.userAgent.indexOf("Opera") != -1) ? document.compatMode == 'BackCompat' ? 'body' : 'html' :'html,body').animate({scrollTop:targetTop}, 1);
		}
		//
		//var selectNum=tabSelectId.slice(-2)
		if(tabSelectId=="#products-tab-01"||tabSelectId=="#products-tab-05"||tabSelectId=="#products-tab-06"){
				$("#site-n-side").show()
				if(tabSelectId=="#products-tab-01"){
					$("#products-side-01").show()
					$("#products-side-05").hide()
					$("#products-side-06").hide()
				}else if(tabSelectId=="#products-tab-05"){
					$("#products-tab-01").hide()
					$("#products-side-01").hide()
					$("#products-side-05").show()
					$("#products-side-06").hide()
				}else if(tabSelectId=="#products-tab-06"){
					$("#products-tab-01").hide()
					$("#products-side-01").hide()
					$("#products-side-05").hide()
					$("#products-side-06").show()
				}
				$("#site-n-main").css("background-image","url(/common/en/img/base/main_bg.gif)")
				$("#site-n-main-btm").css({
					"background":"url(/common/en/img/base/main_bg_02.gif) left bottom no-repeat",
					"height":"5px"
				})
				$("#site-n-contents").css("width","586px")
				$(".products-tab-block").css("padding-bottom","20px")
				
			}else if(tabSelectId=="#products-tab-02"||tabSelectId=="#products-tab-03"||tabSelectId=="#products-tab-04"){
				$("#products-tab-01").hide()
				$("#site-n-side").hide()
				$("#site-n-main").css("background-image","none")
				$("#site-n-main-btm").css({
					"background":"url(../img/product_section1_bg.gif) left top no-repeat",
					"height":"10px"
				})
				$("#site-n-contents").css("width","auto")
				$(".products-tab-block").css("padding-bottom","0")
			}
	}	
	
	$(".products-tab-nav > ul > li.current.first-child").parent().addClass("first-open");		
	$(".products-tab-nav > ul > li.current").find("a").each(function(num){
		currentTab[num] = $(this).attr("href"); //currentクラスの要素を配列に格納
	});

	if(currentTab.length) { //currentに当たる要素を表示
		for(i=0; i< currentTab.length; i++){
			$(currentTab[i]).addClass("show").show();
		}
	}
	$("#products-side-05,#products-side-06").hide();
	
	$(".products-tab-nav > ul > li > a").click(function(e){ //タブをクリックした際の処理																				 
		e.preventDefault(); //clickイベントをキャンセル
		if($(this).parent().attr("class").indexOf("current") == "-1") { //既にcurrentのタブをクリックした際は下記処理から除外
			var obj = $("li.current"); //現在カレントのタブをobjに格納
			var obj2 = $("div.show");	 //現在カレントのタブコンテンツをobj2に格納
			
			if($(this).parent().attr("class").indexOf("first-child")){
					$(this).parent().parent().removeClass("first-open");
			}else{
					$(this).parent().parent().addClass("first-open");				
			}
			$(this).parent().addClass("current"); //選択したタブにcurrentクラスを追加
			
			if($(this).attr("href")=="#products-tab-01"||$(this).attr("href")=="#products-tab-05"||$(this).attr("href")=="#products-tab-06"){
				$("#site-n-side").show()
				if($(this).attr("href")=="#products-tab-01"){
					$("#products-side-01").show()
					$("#products-side-05").hide()
					$("#products-side-06").hide()
				}else if($(this).attr("href")=="#products-tab-05"){
					$("#products-side-01").hide()
					$("#products-side-05").show()
					$("#products-side-06").hide()
				}else if($(this).attr("href")=="#products-tab-06"){
					$("#products-side-01").hide()
					$("#products-side-05").hide()
					$("#products-side-06").show()
				}
				$("#site-n-main").css("background-image","url(/common/en/img/base/main_bg.gif)")
				$("#site-n-main-btm").css({
					"background":"url(/common/en/img/base/main_bg_02.gif) left bottom no-repeat",
					"height":"5px"
				})
				$("#site-n-contents").css("width","586px")
				$(".products-tab-block").css("padding-bottom","20px")
				
			}else if($(this).attr("href")=="#products-tab-02"||$(this).attr("href")=="#products-tab-03"||$(this).attr("href")=="#products-tab-04"){
				$("#site-n-side").hide()
				$("#site-n-main").css("background-image","none")
				$("#site-n-main-btm").css({
					"background":"url(../img/product_section1_bg.gif) left top no-repeat",
					"height":"10px"
				})
				$("#site-n-contents").css("width","auto")
				$(".products-tab-block").css("padding-bottom","0")
			}
			
			
			if(!jQuery.support.opacity){ //IE6～8の場合
				$("#site-n-main").find($(this).attr("href")).addClass("show").show();
			}else{
				$("#site-n-main").find($(this).attr("href")).addClass("show").fadeIn();
			}
			
			obj.removeClass("current");	 //currentクラスの削除	
			obj2.removeClass("show").hide(); //タブコンテンツを非表示
			
		}
	
	});	
	
}