//=====================================================================================================================
// 定数宣言
//=====================================================================================================================
var menu_map =  {
	// -----------------------------------------------------------------------------------------------------------------
	// Desiner's Foods
	// -----------------------------------------------------------------------------------------------------------------
	"vigor" 		: "vigor/",			// ビゴール
	"fire" 			: "fire/",			// ファイア
	"smooth" 		: "smooth/",		// スムース
	"shape" 		: "shape/",			// シェイプ
	"vital_eye" 	: "vital_eye/",		// バイタル・アイ
	"brabio" 		: "brabio/",		// ブラビオ
	"etique-vivit" 	: "etique-vivit/",	// エチケ・ビビ
	"ex-vit" 		: "ex-vit/",		// エキス・ビット
	"alco-bio" 		: "alco-bio/",		// アルコ・ビオ
	"smo-bio" 		: "smo-bio/",		// スモ・ビオ
	"zingy_f-1" 	: "zingy_f-1/",		// ZINGY F-1
	"zingy_f-2" 	: "zingy_f-2/",		// ZINGY F-2
	"zingy_ex"		: "zingy_ex/",		// ZINGY EXTRA
	"x-1"			: "x-1/", 			// X-1
	"x-2"			: "x-2/", 			// X-2
	"x-3"			: "x-3/", 			// X-3
	"x-4"			: "x-4/", 			// X-4


	// -----------------------------------------------------------------------------------------------------------------
	// Natural Beauty
	// -----------------------------------------------------------------------------------------------------------------
	"skin-bio"			: "skin-bio/", 			// スキン・ビオ
	"skin-oil"			: "skin-oil/", 			// スキン・オイル
	"skin-mask"			: "skin-mask/", 		// スキン・マスク
	"cleansing_jell"	: "cleansing_jell/", 	// クレンジングジェル
	"facial_foam"		: "facial_foam/", 		// フェイシャルフォーム
	"ic"				: "ic/", 				// アイシー
	"ip"				: "ip/", 				// アイピー
	"body_shampoo"		: "body_shampoo/", 		// ボディシャンプー
	"hair_shampoo"		: "hair_shampoo/", 		// ヘアシャンプー
	"hair_conditioner" 	: "hair_conditioner/", 	// ヘアコンディショナー
	"hair_mask"			: "hair_mask/", 		// ヘア・マスク



	// -----------------------------------------------------------------------------------------------------------------
	// PET関連シリーズ
	// -----------------------------------------------------------------------------------------------------------------
	"bowwow" 	:  "bowwow/" 	// バウワウ
};


//==================================================================================================
// この関数は、画面内のクラスに「.menu_tab」が設定されていた場合に自動実行されます。
// 対象となるクラスにonMouseイベントが発生した場合、背景色を「Silver」、
// カーソルを「ポインター」に設定し、対象からマウスが離れた場合に背景色を「White」、
// 対象からマウスが離れた場合に背景色を「White」に設定します。
// カーソルを「デフォルト(矢印)」に設定します。
//==================================================================================================
$(function(){
	var id = document.getElementById("dispId").value;
	$(".menu_tab").hover(
	function(){
		if(id == this.id) {
			this.style.cursor="default";		
			return;
		}else{
			this.style.cursor="pointer";
		}
		this.style.backgroundColor = "silver";
	},
	function(){
		// 表示している画面とhiddenの値が同じ場合は背景色を白に戻さない。
		if(id == this.id) {
			return;
		}
		this.style.backgroundColor = "white";
	}
	);
});

//==================================================================================================
// この関数は、画面内のクラスに「.menu_tab」が設定されていた場合に自動実行されます。
// 対象となるクラスをクリックした場合、IDから遷移先を取得し、対象となる画面に飛ばします。
// ※ポストはしない。
//==================================================================================================
$(function(){
	$(".menu_tab").click(
	function(){
		// 表示している画面とhiddenの値が同じ場合は遷移させない。
		// 暫定対応で、擬似的に無反応の状態を作っている。
		var id = document.getElementById("dispId").value;
		var top_url = "../";

		if(id == this.id) {
			return;
		}

		// マップからIDに対応したURLを取得する。
		if(id == "top") {
			top_url = "./";
		}

		var url = top_url + menu_map[this.id];

		// URLが取得できなかった場合は遷移しない。
		if(url != "") {
			location.href = url;
		}
	} );
});

//==================================================================================================
// 画面のロード時に、要素｢dispId｣の値を取得し、その配下にある｢td｣属性の色を｢silver｣に変更します。
// 
// 
//==================================================================================================
$(document).ready(function(){
	// HIDDENの値、dispIdを取得する。
	var id = document.getElementById("dispId").value;

	// document.getElementById(id + '_01').style.backgroundColor = "silver";
	// IE7だと｢tr｣に対してスタイルシートが効かない。

	// dispIdが取得できなかった場合は、プロパティ操作を行わない。
	if(id!="") {
		$("#" + id + " > td").css("backgroundColor","silver");
	}
});

//複数のカートへ入れるボタンのID振り分け
function submitForm(id) {
	//window.alert("id:" + id);
	document.getElementById('product_id').value = id;
	document.getElementById('p_id_00').value = document.getElementById('p_id_' + id).value;
	window.document.form1.submit();
}