/*************************************************
  ショッピングバッグに商品を追加
*************************************************/
function sendShoppingBag (form_id) {
	
	// 現在表示されている商品のID名をクッキーに書き込む
	$.cookie('divName', $("#Nav ul li.select > a").attr("href"), { expires: 1 });
	
	if (form_id != null) {
		document.forms[form_id].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 openColorZoomInfo (url) {
	var url   = url
	var name  = 'color_zoom';
	var style = 'toolbar=no,location=no,menubar=no,scrollbars=yes,resizable=yes,width=490,height=430';
	win = window.open(url, name, style);
}

/*************************************************
  jQuery
*************************************************/
$(function(){	
	//カラーチップのロールオーバー設定
	$("#Nav ul li").each(function(){
		$(this).hover(function(){
			$(this).stop().fadeTo(500,1);
		},function(){
			$(this).stop().fadeTo(500,0);
		});

		//カラーチップのクリック設定
		var Hash = $("a" , this).attr("href");
		$("a" , this).click(function(){
			$("#Nav ul li").removeClass("select");
			$($(this).parent()).addClass("select");	
			$("#itemArea .section").fadeOut(0);
			$(Hash).fadeIn(300);
			return false;
		});
				
	});

	//section内の「おそろいカラー」のクリック設定
	$(".section .btn").each(function(){
		var Hash = $("a" , this).attr("href");
		$("a" , this).click(function(){
			$("#itemArea .section").fadeOut();
			$(Hash).fadeIn();
			$("#Nav ul li").removeClass("select");
			$($("#Nav ul li a[href='" + Hash + "']").parent()).addClass("select");
			return false;
		});
	});
		
});

$(function(){
	// クッキー読み込み
	var showDivName = $.cookie('divName');
	// クッキーからID名が取得できた場合
	if (showDivName != null) {
		// サムネイルの選択状態を解除
		$("#Nav ul li").removeClass("select");
		// 現在表示されている商品詳細を非表示にする
		$("#itemArea .section").fadeOut(0);
		// サムネイルを選択状態にする
		$($("#Nav ul li a[href='" + showDivName + "']").parent()).addClass("select");
		// 商品詳細を表示にする
		$(showDivName).fadeIn(300);
	} else {
		$("#itemArea .section:first").fadeIn(300);
		$("#Nav ul li:first").addClass("select");
	}
});