/*************************************************
* マリークヮントオンラインショップ ユーザ
* 商品詳細(特殊) スキンケア
* 
* @author	T.OBAYASHI <BrainWave>
* @version	2006.11.7
* @require	skincare.js
*************************************************/

/*************************************************
  ショッピングバッグに商品を追加
*************************************************/
function sendShoppingBag (form_id) {

	// STEPページのGET値取得
	var stepVal;
	if (location.search.length > 1) {
	　　var list = location.search.substr(1).split("&"); 
	　　for (i in list) {
	　　　var idx = list[i].split("=");

			if (idx[0] == 'step') {
				stepVal = idx[1];
			}
	　　}
	}

	// GET値をキーにして、ID名をクッキーに書き込み
	$.cookie(stepVal, $("#tabMenu a.block").attr("title"), { expires: 1 });

	// ショッピングバッグに商品を追加
	if (form_id != null) {
		document.forms[form_id].submit();
	}
}

/*************************************************
  ショッピングバッグに商品を追加（商品、商品数分割）
*************************************************/
function sendShoppingBagSplit (formId) {
	if (formId != null) {
		var selectItemName  = document.forms[formId].itemCd.value;
		var selectItemValue = document.forms[formId].itemValue.value;
		var max = document.forms[formId].elements.length;
		var i;
		for (i = 0; i < max; i++) {
			if (selectItemName == document.forms[formId].elements[i].name) {
				document.forms[formId].elements[i].value = selectItemValue;
			}
		}
		document.forms[formId].submit();
	}
}

/*************************************************
  商品お知らせメール登録ウィンドウ表示
*************************************************/
function openInformsStock (url, itemCd) {
	var url   = url + '?informsItemCd=' + itemCd;
	//var name  = 'informs_stock';
	var name  = '';
	var style = 'width=468, height=440';
	win = window.open(url, name, style);
}

/*************************************************
  配合成分ウィンドウ表示
*************************************************/
function openDispSeibun (url) {
	var url   = url
	var name  = 'seibun';
	var style = 'toolbar=no,location=no,menubar=no,scrollbars=yes,resizable=no,width=400,height=430';
	win = window.open(url, name, style);
}

/*************************************************
  Jquery
*************************************************/
window.onload = $(function(){
	var itemCon = "#itemCon";
	
	$("#tabMenu a").hover(function(){
		$("img:visible",this).stop().fadeTo(200,0);
	},function(){
		$("img:visible",this).fadeTo(200,1);
	});

	/* ImgReplace */
	function imgReplace(targetImg){
		var img = {}, preload = new Image();
		img.src = $(targetImg).attr("src");
		img.on = img.src.replace("_off","_on");
		preload.src = img.off;
		$(targetImg).hover(
			function(){$(this).attr("src",img.on)},
			function(){$(this).attr("src",img.src);}
		);
	}
	$("img[src*='_off']").each(function(){
		imgReplace(this);
	});


	$("#tabMenu td a").each(function(){
		var ID = $(this).attr("title");
		$(this).click(function() {
			$("div" , itemCon).hide();
			$("#tabMenu td a.block").removeClass("block");
			$(this).addClass("block");
			$($(this).attr("title")).fadeIn("first");
			return false;
		});
		
	});

	// STEPページのGET値取得
	var stepVal;
	if (location.search.length > 1) {
	　　var list = location.search.substr(1).split("&"); 
	　　for (i in list) {
	　　　var idx = list[i].split("=");

			if (idx[0] == 'step') {
				stepVal = idx[1];
			}
	　　}
	}

	// クッキーに記録していたIDをもとに表示切替
	var showDivName = $.cookie(stepVal);
	if (showDivName != null) {
		$($("#tabMenu a.block").attr("title")).hide();
		$("#tabMenu a.block").removeClass("block");
		$("#tabMenu a[title='" + showDivName + "']").addClass("block");
		$(showDivName).show();
	}

	$("#tabMenu td a").each(function(){
		var URL = document.URL;
				
		var IDs = {
			top_moisture:"#top_moisture",
			top_brightening:"#top_brightening",		
			top_wrinklecare:"#top_wrinklecare",
			pack_mask_01:"#pack_mask_01",			
			pack_mask_02:"#pack_mask_02",			
			pack_mask_03:"#pack_mask_03",			
			pack_mask_04:"#pack_mask_04",			
			pack_mask_05:"#pack_mask_05"	
		}
		var Tabs = {
			tab01: "#tab01",
			tab02: "#tab02",
			tab03: "#tab03",
			tab04: "#tab04",
			tab05: "#tab05"
		}
		
		/*
		$(IDs.top_brightening).hide();
		$(IDs.top_wrinklecare).hide();
		$(IDs.pack_mask_02).hide();
		$(IDs.pack_mask_03).hide();
		$(IDs.pack_mask_04).hide();
		$(IDs.pack_mask_05).hide();
		*/

		if(URL.match(Tabs.tab01)){
			$("#tabMenu td a.block").removeClass("block");
			$("#tabMenu td a[title='"+IDs.top_moisture+"']").addClass("block");
			$("#tabMenu td a[title='"+IDs.pack_mask_01+"']").addClass("block");
			$("div" , itemCon).hide();
			$(IDs.top_moisture).show();
			$(IDs.pack_mask_01).show();
		}
		if(URL.match(Tabs.tab02)){
			$("#tabMenu td a.block").removeClass("block");
			$("#tabMenu td a[title='"+IDs.top_brightening+"']").addClass("block");
			$("#tabMenu td a[title='"+IDs.pack_mask_02+"']").addClass("block");
			$("div" , itemCon).hide();
			$(IDs.top_brightening).show();
			$(IDs.pack_mask_02).show();
		}
		if(URL.match(Tabs.tab03)){
			$("#tabMenu td a.block").removeClass("block");
			$("#tabMenu td a[title='"+IDs.top_wrinklecare+"']").addClass("block");
			$("#tabMenu td a[title='"+IDs.pack_mask_03+"']").addClass("block");
			$("div" , itemCon).not($("#pack_mask_03")).hide();
			$(IDs.top_wrinklecare).show();
			$(IDs.pack_mask_03).show();
		}
		if(URL.match(Tabs.tab04)){
			$("#tabMenu td a.block").removeClass("block");
			$("#tabMenu td a[title='"+IDs.pack_mask_04+"']").addClass("block");
			$("div" , itemCon).hide();
			$(IDs.pack_mask_04).show();
		}
		if(URL.match(Tabs.tab05)){
			$("#tabMenu td a.block").removeClass("block");
			$("#tabMenu td a[title='"+IDs.pack_mask_05+"']").addClass("block");
			$("div" , itemCon).hide();
			$(IDs.pack_mask_05).show();
		}
	});
});