tabName  = new Array("商品名","男女別","駆動方式","機能・特徴","用途","ケース素材","バンド素材","その他","価格");
tabID    = new Array("detailProduct","detailSex","detailOperate","detailFunction","detailUse","detailCase","detailBand","detailOther","detailPrice");

$(function(){
	$(window).load(function(){ setSearchTab(); });
	$("ul#pSearchNav li a img").click(function(){ chgSearchTab(this); });
	$("ul.searchDetail li img").click(function(){ chkSearchDetail(this); });
	$("ul.searchDetail li input").click(function(){ chkSearchDetail2(this); });
	$("#searchSelectedBox p#reset img").click(function(){ resetSearchSelected(); });
});

function setSearchTab(){
	// タブのhrefをimgのrelにセット
	$("ul#pSearchNav li a").attr("href",function(){ $(this).children().attr("rel",$(this).attr("href").replace(/#/,"")); });
	$("ul#pSearchNav li a").removeAttr("href");
	// チェックボックスをリセット
	$("ul.searchDetail li input").attr("checked",false);
	// 詳細BOXのレイアウトを変更
	$("ul.searchDetail").css("margin","0").css("padding","0 0 0 14px").css("height","215px").css("background-image","url('img/bg_searchdetail.gif')");
	// 詳細BOXのを非表示
	$("ul.searchDetail").css("display","none");
	$("ul#detailProduct").css("display","block");
	// タブの商品名をカレントに変更
	var chgImg = $("ul#pSearchNav li#product img").attr("src").replace(/.gif/,"_ct.gif");
	$("ul#pSearchNav li#product img").attr("src",chgImg);
	$("ul#pSearchNav li#product img").attr("defaultSrc",chgImg);
	$("ul#pSearchNav li#product img").attr("rolloverSrc",chgImg);
}

function chgSearchTab(obj){
	// タブの切替
	$("ul#pSearchNav li a img").attr("src",function(){ return($(this).attr("src").replace(/_ct/,"").replace(/_ov/,"")); });
	$("ul#pSearchNav li a img").attr("defaultSrc",function(){ return($(this).attr("defaultSrc").replace(/_ct/,"").replace(/_ov/,"")); });
	$("ul#pSearchNav li a img").attr("rolloverSrc",function(){ return($(this).attr("rolloverSrc").replace(/_ct/,"").replace(/_ov/,"").replace(/.gif/,"_ov.gif")); });
	var chgImg = $(obj).attr("src").replace(/.gif/,"_ct.gif");
	$(obj).attr("src",chgImg);
	$(obj).attr("defaultSrc",chgImg);
	$(obj).attr("rolloverSrc",chgImg);
	// 詳細BOXの切替
	$("ul.searchDetail").css("display","none");
	$("ul#"+$(obj).attr("rel")).css("display","block");
}
function chkSearchDetail(obj){
	if($(obj).attr("src").match("_ct")){
		$(obj).attr("src",function(){ return($(this).attr("src").replace(/_ct/,"").replace(/_ov/,"")); });
		$(obj).attr("defaultSrc",function(){ return($(this).attr("defaultSrc").replace(/_ct/,"").replace(/_ov/,"")); });
		$(obj).attr("rolloverSrc",function(){ return($(this).attr("rolloverSrc").replace(/_ct/,"").replace(/_ov/,"").replace(/.gif/,"_ov.gif")); });
		if($(obj).next().attr("checked")==true){
			$(obj).next().attr("checked",false);
		}
	}else{
		var chgImg = $(obj).attr("src").replace(/_ct/,"").replace(/_ov/,"").replace(/.gif/,"_ct.gif");
		$(obj).attr("src",chgImg);
		$(obj).attr("defaultSrc",chgImg);
		$(obj).attr("rolloverSrc",chgImg);
		$(obj).next().checked = true ;
		if($(obj).next().attr("checked")==false){
			$(obj).next().attr("checked","checked");
		}
	}
	makeSelectedList();
}
function chkSearchDetail2(obj){
	if($(obj).prev().attr("src").match("_ct")){
		$(obj).prev().attr("src",function(){ return($(this).attr("src").replace(/_ct/,"").replace(/_ov/,"")); });
		$(obj).prev().attr("defaultSrc",function(){ return($(this).attr("defaultSrc").replace(/_ct/,"").replace(/_ov/,"")); });
		$(obj).prev().attr("rolloverSrc",function(){ return($(this).attr("rolloverSrc").replace(/_ct/,"").replace(/_ov/,"").replace(/.gif/,"_ov.gif")); });
		if($(obj).attr("checked")==true){
			$(obj).attr("checked",false);
		}
	}else{
		var chgImg = $(obj).prev().attr("src").replace(/_ct/,"").replace(/_ov/,"").replace(/.gif/,"_ct.gif");
		$(obj).prev().attr("src",chgImg);
		$(obj).prev().attr("defaultSrc",chgImg);
		$(obj).prev().attr("rolloverSrc",chgImg);
		$(obj).checked = true ;
		if($(obj).attr("checked")==false){
			$(obj).attr("checked","checked");
		}
	}
	makeSelectedList();
}
function makeSelectedList(){
	var selectedHtml = [];
	var noSelected = "<p>選択された条件はありません。</p>"
	var numSelected = 0 ;
	for(i=0;i<tabID.length;i++){
		var tmp = [];
		var ret = [];
		var numSelectedCategory = 0 ;
		tmp = $("ul#"+tabID[i]+" li input").get();
		for(j=0;j<tmp.length;j++){
			if(tmp[j].checked){
				ret.push("["+$("ul#"+tabID[i]+" li input#"+tmp[j].id).prev().attr("alt")+"]");
				numSelected++;
				numSelectedCategory++;
			}
		}
		if(numSelectedCategory){
			var tmpHtml = "<dl>";
			tmpHtml += "<dt>"+tabName[i]+"</dt>";
			tmpHtml += "<dd>";
			for(j=0;j<ret.length;j++){
				tmpHtml += ret[j]+" ";
			}
			tmpHtml += "</dd>";
			tmpHtml += "</dl>";
			selectedHtml.push(tmpHtml);
		}
	}
	if(numSelected){
		$("#searchSelectedBox #searchSelected").html(selectedHtml.join(""));
	}else{
		$("#searchSelectedBox #searchSelected").html(noSelected);
	}
}

function resetSearchSelected(){
	$("ul.searchDetail li img").attr("src",function(){ return($(this).attr("src").replace(/_ct/,"").replace(/_ov/,"")); });
	$("ul.searchDetail li img").attr("defaultSrc",function(){ return($(this).attr("defaultSrc").replace(/_ct/,"").replace(/_ov/,"")); });
	$("ul.searchDetail li img").attr("rolloverSrc",function(){ return($(this).attr("rolloverSrc").replace(/_ct/,"").replace(/_ov/,"").replace(/.gif/,"_ov.gif")); });
	$("ul.searchDetail li input").attr("checked",false);
	makeSelectedList();
}