var imgPass = "/bridalring/images/";

function clearCookie(){
	if($.cookie('is_setring')==null){
		var option = { path: '/bridalring/', expires: 0 };
		$.cookie('is_setring'   , "off" , option );
		$.cookie('is_design_1'  , "off" , option );
		$.cookie('is_design_2'  , "off" , option );
		$.cookie('is_design_3'  , "off" , option );
		$.cookie('is_design_4'  , "off" , option );
		$.cookie('is_design_5'  , "off" , option );
		$.cookie('is_diamond_1' , "off" , option );
		$.cookie('is_diamond_2' , "off" , option );
		$.cookie('is_diamond_3' , "off" , option );
		$.cookie('is_diamond_4' , "off" , option );
		$.cookie('is_material_1', "off" , option );
		$.cookie('is_material_2', "off" , option );
		$.cookie('is_material_3', "off" , option );
	}
}

function listInit(){

	var nIcon = "<img src='/bridalring/images/icon_new.png' alt='NEW' class='new' />"
	$(nIcon).appendTo(".newIcon");
	$("#ringGallery li a").hover(
			function() {$(this).children("img").fadeTo(200,0.4);},
			function() {$(this).children("img").fadeTo(200,1);}
	);
	$("#is_setring").hover(
		function () { $("#is_setring img").attr("src","images/ref_setring_on.png");},
		function () {
			if($(this).attr("is_active")=="off"){
				$("#is_setring img").attr("src","images/ref_setring.png");
			}
		}
	);
	$("#is_design_1").hover(
		function () { $("#is_design_1 img").attr("src","images/ref_design01_on.png");},
		function () {
			if($(this).attr("is_active")=="off"){
				$("#is_design_1 img").attr("src","images/ref_design01.png");
			}
		}
	);
	$("#is_design_2").hover(
		function () { $("#is_design_2 img").attr("src","images/ref_design02_on.png");},
		function () {
			if($(this).attr("is_active")=="off"){
				$("#is_design_2 img").attr("src","images/ref_design02.png");
			}
		}
	);
	$("#is_design_3").hover(
		function () { $("#is_design_3 img").attr("src","images/ref_design03_on.png");},
		function () {
			if($(this).attr("is_active")=="off"){
				$("#is_design_3 img").attr("src","images/ref_design03.png");
			}
		}
	);
	$("#is_design_4").hover(
		function () { $("#is_design_4 img").attr("src","images/ref_design04_on.png");},
		function () {
			if($(this).attr("is_active")=="off"){
				$("#is_design_4 img").attr("src","images/ref_design04.png");
			}
		}
	);
	$("#is_design_5").hover(
		function () { $("#is_design_5 img").attr("src","images/ref_design05_on.png");},
		function () {
			if($(this).attr("is_active")=="off"){
				$("#is_design_5 img").attr("src","images/ref_design05.png");
			}
		}
	);

	$("#is_diamond_1").hover(
		function () { $("#is_diamond_1 img").attr("src","images/ref_dia01_on.png");},
		function () {
			if($(this).attr("is_active")=="off"){
				$("#is_diamond_1 img").attr("src","images/ref_dia01.png");
			}
		}
	);
	$("#is_diamond_2").hover(
		function () { $("#is_diamond_2 img").attr("src","images/ref_dia02_on.png");},
		function () {
			if($(this).attr("is_active")=="off"){
				$("#is_diamond_2 img").attr("src","images/ref_dia02.png");
			}
		}
	);
	$("#is_diamond_3").hover(
		function () { $("#is_diamond_3 img").attr("src","images/ref_dia03_on.png");},
		function () {
			if($(this).attr("is_active")=="off"){
				$("#is_diamond_3 img").attr("src","images/ref_dia03.png");
			}
		}
	);
	$("#is_diamond_4").hover(
		function () { $("#is_diamond_4 img").attr("src","images/ref_dia04_on.png");},
		function () {
			if($(this).attr("is_active")=="off"){
				$("#is_diamond_4 img").attr("src","images/ref_dia04.png");
			}
		}
	);

	$("#is_material_1").hover(
		function () { $("#is_material_1 img").attr("src","images/ref_mat01_on.png");},
		function () {
			if($(this).attr("is_active")=="off"){
				$("#is_material_1 img").attr("src","images/ref_mat01.png");
			}
		}
	);
	$("#is_material_2").hover(
		function () { $("#is_material_2 img").attr("src","images/ref_mat02_on.png");},
		function () {
			if($(this).attr("is_active")=="off"){
				$("#is_material_2 img").attr("src","images/ref_mat02.png");
			}
		}
	);
	$("#is_material_3").hover(
		function () { $("#is_material_3 img").attr("src","images/ref_mat03_on.png");},
		function () {
			if($(this).attr("is_active")=="off"){
				$("#is_material_3 img").attr("src","images/ref_mat03.png");
			}
		}
	);
}

function eventInit(){
	$("#sP_mat a").click(function(){
		ringGalleryRender();
	});
	$("#sD_mat a").click(function(){
		ringGalleryRender();
	});
	$("#sM_mat a").click(function(){
		ringGalleryRender();
	});
}

function init_condition(){
	$("#sP_dammy span").text($("#sP_mat div:first-child a:first-child").text());
	$("#sP_mat div a.selected").removeClass("selected");
	$("#sP_mat div:first-child a:first-child").addClass("selected");

	$("#sD_dammy span").text($("#sD_mat div:first-child a:first-child").text());
	$("#sD_mat div a.selected").removeClass("selected");
	$("#sD_mat div:first-child a:first-child").addClass("selected");

	$("#sM_dammy span").text($("#sM_mat div:first-child a:first-child").text());
	$("#sM_mat div a.selected").removeClass("selected");
	$("#sM_mat div:first-child a:first-child").addClass("selected");

	ringGalleryRender();

}

function toggleButton(id){
	if($("#"+id).attr("is_active")=="on"){
		clear(id);
	} else {
		$("#"+id).attr("is_active","on");
		$("#"+id+" img").attr("src","images/ref_" + $("#"+id).attr("img_name") + "_on.png");
	}
	ringGalleryRender();
}

function all_clear(){
	clear("is_setring");
	clear("is_design_1");
	clear("is_design_2");
	clear("is_design_3");
	clear("is_design_4");
	clear("is_design_5");
	clear("is_diamond_1");
	clear("is_diamond_2");
	clear("is_diamond_3");
	clear("is_diamond_4");
	clear("is_material_1");
	clear("is_material_2");
	clear("is_material_3");
	ringGalleryRender();
}

function clear(id){
	$("#"+id).attr("is_active","off");
	$("#"+id+" img").attr("src","images/ref_" + $("#"+id).attr("img_name") + ".png");
}

function ringGalleryRender(){

	var is_setring    = $("#is_setring").attr("is_active");
	var is_design_1   = $("#is_design_1").attr("is_active");
	var is_design_2   = $("#is_design_2").attr("is_active");
	var is_design_3   = $("#is_design_3").attr("is_active");
	var is_design_4   = $("#is_design_4").attr("is_active");
	var is_design_5   = $("#is_design_5").attr("is_active");
	var is_diamond_1  = $("#is_diamond_1").attr("is_active");
	var is_diamond_2  = $("#is_diamond_2").attr("is_active");
	var is_diamond_3  = $("#is_diamond_3").attr("is_active");
	var is_diamond_4  = $("#is_diamond_4").attr("is_active");
	var is_material_1 = $("#is_material_1").attr("is_active");
	var is_material_2 = $("#is_material_2").attr("is_active");
	var is_material_3 = $("#is_material_3").attr("is_active");

	// cookie処理
	var option = { path: '/bridalring/', expires: 0 };
	// set cookie
	$.cookie('is_setring'   , is_setring    , option );
	$.cookie('is_design_1'  , is_design_1   , option );
	$.cookie('is_design_2'  , is_design_2   , option );
	$.cookie('is_design_3'  , is_design_3   , option );
	$.cookie('is_design_4'  , is_design_4   , option );
	$.cookie('is_design_5'  , is_design_5   , option );
	$.cookie('is_diamond_1' , is_diamond_1  , option );
	$.cookie('is_diamond_2' , is_diamond_2  , option );
	$.cookie('is_diamond_3' , is_diamond_3  , option );
	$.cookie('is_diamond_4' , is_diamond_4  , option );
	$.cookie('is_material_1', is_material_1 , option );
	$.cookie('is_material_2', is_material_2 , option );
	$.cookie('is_material_3', is_material_3 , option );

	// イベントの無効化
	$("#ringGallery p a").unbind("mouseover");

	$("#ringGalleryDiv").fadeOut(250,function(){
		$("#ringGallery").empty();
		for(var i = 0; i < products.length; i++) {
			// NEWアイコン
			var newIcon = "";
			if(products[i].is_new == 1) {
				newIcon = " newIcon'";
			}
			// 絞込み
			var is_show = true;	//無条件に表示（何も絞込みが行われない時TRUE)

			if(type == "marriagering"){
				// 何もチェックが入っていない場合は全て表示
				if( is_setring == "off" && is_design_1=="off" && is_design_2=="off" && is_design_3=="off" && is_design_4=="off" && is_design_5=="off" &&
					is_diamond_1=="off" && is_diamond_2=="off" && is_diamond_3=="off" &&
					is_material_1=="off" && is_material_2=="off" && is_material_3=="off" ){
					is_show = true;
				}else{
					is_show = false;

					// セットリングにチェックが無い場合は絞り込みなし
					if(is_setring == "on"){
						if(products[i].is_setring == 1){
							setring = true;
						} else {
							setring = false;
						}
					} else {
						setring = true;
					}

					// デザイン
					var design_nocheck = false;
					if((is_design_1 == "on" && products[i].is_design_1 == 1) ||
					   (is_design_2 == "on" && products[i].is_design_2 == 1) ||
					   (is_design_3 == "on" && products[i].is_design_3 == 1) ||
					   (is_design_4 == "on" && products[i].is_design_4 == 1) ||
					   (is_design_5 == "on" && products[i].is_design_5 == 1)) {
						design = true;
					} else if(is_design_1=="off" && is_design_2=="off" && is_design_3=="off" && is_design_4=="off" && is_design_5=="off"){
						design = false;
						design_nocheck = true;
					} else{
						design = false;
					}

					// ダイヤモンド
					var diamond_nocheck = false;
					if((is_diamond_1 == "on" && products[i].is_diamond_1 == 1) ||
					   (is_diamond_2 == "on" && products[i].is_diamond_2 == 1) ||
					   (is_diamond_3 == "on" && products[i].is_diamond_3 == 1)){
						diamond = true;
					} else if(is_diamond_1=="off" && is_diamond_2=="off" && is_diamond_3=="off") {
						diamond = false;
						diamond_nocheck = true;
					} else {
						diamond = false;
					}

					// 素材
					var material_nocheck = false;
					if((is_material_1 == "on" && products[i].is_material_1 == 1) ||
					   (is_material_2 == "on" && products[i].is_material_2 == 1) ||
					   (is_material_3 == "on" && products[i].is_material_3 == 1)){
						material = true;
					}else if(is_material_1=="off" && is_material_2=="off" && is_material_3=="off"){
						material = false;
						material_nocheck = true;
					} else {
						material = false;
					}
				}
				if(is_show==true ||
				   (setring==true && design==true && diamond==true && material==true) ||
				   (setring == true && design_nocheck==true && diamond_nocheck==true && material_nocheck==true) ||
				   (setring == true && design==true         && diamond_nocheck==true && material_nocheck==true) ||
				   (setring == true && design==true         && diamond        ==true && material_nocheck==true) ||
				   (setring == true && design==true         && diamond_nocheck==true && material        ==true) ||
				   (setring == true && design_nocheck==true && diamond        ==true && material_nocheck==true) ||
				   (setring == true && design_nocheck==true && diamond        ==true && material        ==true) ||
				   (setring == true && design_nocheck==true && diamond_nocheck==true && material        ==true) ){
					$("<li><a class='ringThumbnail" + newIcon + "' href='./" + products[i].id + "' ><img src='/bridalring/ringImage/" + products[i].image_list + "' width='166' height='138' alt='" + products[i].product_name + "' /></a></li>").appendTo("#ringGallery");
				}
			}else{
				// engagering
				// 何もチェックが入っていない場合は全て表示
				if( is_setring == "off" && is_design_1=="off" && is_design_2=="off" && is_design_3=="off" &&
					is_diamond_1=="off" && is_diamond_2=="off" && is_diamond_3=="off" && is_diamond_4=="off"){
					is_show = true;
				}else{
					is_show = false;

					// セットリングにチェックが無い場合は絞り込みなし
					if(is_setring == "on"){
						if(products[i].is_setring == 1){
							setring = true;
						} else {
							setring = false;
						}
					} else {
						setring = true;
					}

					// デザイン
					var design_nocheck = false;
					if((is_design_1 == "on" && products[i].is_design_1 == 1) ||
					   (is_design_2 == "on" && products[i].is_design_2 == 1) ||
					   (is_design_3 == "on" && products[i].is_design_3 == 1)){
						design = true;
					} else if(is_design_1=="off" && is_design_2=="off" && is_design_3=="off"){
						design = false;
						design_nocheck = true;
					} else{
						design = false;
					}

					// ダイヤモンド
					var diamond_nocheck = false;
					if((is_diamond_1 == "on" && products[i].is_diamond_1 == 1) ||
					   (is_diamond_2 == "on" && products[i].is_diamond_2 == 1) ||
					   (is_diamond_3 == "on" && products[i].is_diamond_3 == 1) ||
					   (is_diamond_4 == "on" && products[i].is_diamond_4 == 1)){
						diamond = true;
					} else if(is_diamond_1=="off" && is_diamond_2=="off" && is_diamond_3=="off" && is_diamond_4=="off") {
						diamond = false;
						diamond_nocheck = true;
					} else {
						diamond = false;
					}

				}
				if(is_show==true ||
				   (setring==true && design==true && diamond==true ) ||
				   (setring == true && design_nocheck==true && diamond_nocheck==true) ||
				   (setring == true && design==true         && diamond_nocheck==true) ||
				   (setring == true && design==true         && diamond        ==true) ||
				   (setring == true && design_nocheck==true && diamond        ==true)){
					$("<li><a class='ringThumbnail" + newIcon + "' href='./" + products[i].id + "' ><img src='/bridalring/ringImage/" + products[i].image_list + "' width='166' height='138' alt='" + products[i].product_name + "' /></a></li>").appendTo("#ringGallery");
				}
			}

		}
		if($("#ringGallery").html() == "") {
			$("#ringGallery").html("<img src='../sys_image/ringerror.jpg' style='margin-left:164px;margin-top:62px;margin-bottom:62px;' />");
		}
		listInit();
		$("#ringGalleryDiv").fadeIn(350);
	});
}


function detailInit(){
	var ringCat = location.href.split("/")[4];
	var pltnIcon = "<img src='/bridalring/images/icon_platinum.png' alt='LOVE = Platinum' class='pltnIcon' />";
	if(ringCat == "marriagering"){
		$("#contents").append(pltnIcon);
	}
	$("a.zoom").fancybox();
	$(".favList .thumb a").hover(
			function() {$(this).children("img").fadeTo(200,0.4);},
			function() {$(this).children("img").fadeTo(200,1);}
	);

	/*ふきだし画像の呼出し*/
	$("<div class='exp'><img src='/bridalring/images/scr_fukidashi.gif'></div>").appendTo("#btnScr");
	/*1枚目写真表示*/
	$(".photo p:first").fadeIn(500,function(){
		$(".captionArea p:first").fadeIn(500);
	});

	/*ふきだし表示*/
	$("#btnArea li").hover(
		function() {
			$(this).children(".exp").fadeIn(400);
		},
		function() {
			$(this).children(".exp").fadeOut(200);
		}
	);

	/*枠エフェクト*/
	/*先頭のサムネイルにカレントを示すclass名を追加*/
	$("#photoSelect li a:first").addClass("ac");

	$("#photoSelect li a").hover(
		function() {$(this).children("img").fadeTo(100,0.4);},
		function() {$(this).children("img").fadeTo(100,1);}
	);



	/*サムネイルクリック時のカレントアロー移動、写真切り替え*/
	/*ZOOMボタンのURL取得*/
	var zoomURL = $(".zoom").attr("href");

	/*ZOOMボタンのURLに初期アンカー追加*/
	$(".zoom").attr("href",zoomURL + "#" + 1);

	/*サムネイルクリック時の処理*/
	$("#photoSelect li a").click(function(){
		var cNum = $("#photoSelect li a").parent().children().index(this);
		var uNum = cNum + 1
		var cBtn = $(this);/*クリックするサムネイル*/
		var acBtn = $("#photoSelect li a.ac");/*カレントサムネイル*/
		acBtn.css("background-color","#ffffff");

		/*写真切り替え*/
		function pChange(){
			$(".photo .ac").removeClass("ac");
			$(".captionArea .ac").removeClass("ac");
			$(".photo .ac").fadeOut(800);
			$(".photo p").not(".ac").css("display","none");
			$(".captionArea p").not(".ac").css("display","none");
			$(".photo p").eq(cNum).fadeIn(1000);
			$(".captionArea p").eq(cNum).show();
			$(".photo p").eq(cNum).addClass("ac");
		}
		/*カレントアロー移動終了後の処理*/
		function vReset(){
			cBtn.addClass("ac");/*クリックしたサムネイルにclass["ac"]を追加*/
			acBtn.removeClass("ac");/*カレントサムネイルからclass["ac"]を削除*/
			var zoomURL2 = $(".zoom").attr("href",zoomURL + "#" + uNum);
		}

		/*実行される関数*/
		if($(this).hasClass("ac")){
			return false;/*カレントサムネイルクリック時は関数発動しない*/
		} else {
			vReset();
			pChange();
		}
	});

	initFavoriteLink();

}

function initFavoriteLink(){
	$(".favoriteLink").mouseover(function(){
		if( $(this).attr("src") == "/bridalring/images/btn_fav_add.png" || $(this).attr("src") == "/bridalring/images/btn_fav_add_on.png" ){
			$(this).attr("src","/bridalring/images/btn_fav_add_on.png");
		} else {
			$(this).attr("src","/bridalring/images/btn_fav_del_on.png");
		}
	});

	$(".favoriteLink").mouseout(function(){
		if($(this).attr("src") == "/bridalring/images/btn_fav_add.png" || $(this).attr("src") == "/bridalring/images/btn_fav_add_on.png"){
			$(this).attr("src","/bridalring/images/btn_fav_add.png");
		} else {
			$(this).attr("src","/bridalring/images/btn_fav_del.png");
		}
	});
}


function toggleFavorite(product_line_id,id,img){
	var option = { path: '/', expires: 0 };
	if($("#btnFav a img").attr("src") == "/bridalring/images/btn_fav_add_on.png" || $("#btnFav a img").attr("src") == "/bridalring/images/btn_fav_add.png" ) {
		// 追加
		$(".favList").append("<dl class=\"favBlock\" id=\"favBlock_" + id + "\" style=\"display:none\">" +
							 "<dt class=\"thumb\"><a href=\"../" + product_line_id + "/" + id + "\"><img src=\"/bridalring/ringImage/" + img + "\" width=\"58\" height=\"38\" alt=\"\" /></a></dt>" +
							 "<dd class=\"btnDel\"><a onmousedown=\"delFavorite(" + id + ");\" href=\"javascript:void(0)\">DELETE</a></dd>" +
							 "</dl>");
		$("#btnFav a img").fadeOut(200,function(){
//			$.post("favoriteAdd", {"product_line_id":product_line_id,"productID": id});
			var favoriteRings = $.cookie('favoriteRings');
			if(favoriteRings == null || favoriteRings == "") {
				$.cookie('favoriteRings',id,option);
			} else {
				$.cookie('favoriteRings',favoriteRings + "." + id,option);
			}
			$("#favBlock_"+id).fadeIn(300);
			$("#btnFav a img").attr("src","/bridalring/images/btn_fav_del_on.png")
			$("#btnFav a img").fadeIn(300);
		});
	} else {
		// 削除
		$("#btnFav a img").fadeOut(200,function(){
			delFavorite(id,true);
		});
	}
	initFavoriteLink();
}

function delFavorite(id,imgOn){
	var option = { path: '/', expires: 0 };

	// 削除
	var favoriteRings = $.cookie('favoriteRings');
	var ringArray = favoriteRings.split(".");
	var set = "";
	for(var i=0; i < ringArray.length; i++){
		if(id != ringArray[i]){
			if(set == ""){
				set = ringArray[i];
			} else {
				set = set + "." + ringArray[i];
			}
		}
	}
	$.cookie('favoriteRings',set,option);

	$("#favBlock_"+id).fadeOut(300,function(){
		$("#favBlock_"+id).remove();
	});
	if(imgOn){
		$("#btnFav a img").attr("src","/bridalring/images/btn_fav_add_on.png");
	} else {
		$("#btnFav a img").attr("src","/bridalring/images/btn_fav_add.png");
	}
	$("#btnFav a img").fadeIn(300);
}