$(document).ready( function() {

	/* product */
	var p_num = 16;
	var mid = "px"	//select product
	var nid = "pg"	//grayout product
	var slnk = "slct"	//select link
	var dlnk = "slct"	//default link
	var gid = "";
	var dspPrdct = new Array();
	dspPrdct["pc"] 					= new Array (1,1,1,1,1,1,1,1,0,0,0,0,0,1,1,1);
	dspPrdct["mobile"] 			= new Array (0,0,0,0,0,0,0,0,1,1,1,1,1,0,0,0);
	dspPrdct["price01"] 		= new Array (1,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0);
	dspPrdct["price02"] 		= new Array (1,1,0,0,0,1,1,1,0,1,0,0,1,0,1,0);
	dspPrdct["price03"] 		= new Array (1,0,1,1,0,1,1,0,0,1,0,0,1,0,0,0);
	dspPrdct["price04"] 		= new Array (1,1,1,1,1,0,0,0,0,1,1,0,1,1,0,1);
	dspPrdct["listing"] 		= new Array (1,0,1,0,0,0,0,0,0,1,0,1,0,1,0,0);
	dspPrdct["seo"] 				= new Array (0,1,0,1,0,0,0,0,0,0,1,0,1,0,0,0);
	dspPrdct["reliability"] = new Array (0,1,0,1,0,1,0,0,0,0,1,0,1,0,0,0);
	dspPrdct["strategic"] 	= new Array (0,0,0,0,1,0,0,0,0,0,0,0,0,0,1,1);
	dspPrdct["mobile_p"] 		= new Array (0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0);
	dspPrdct["pro"] 				= new Array (0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0);
	dspPrdct["search"] 			= new Array (1,1,1,1,0,0,0,0,0,1,1,1,1,0,0,0);

	var dspPrdctN = new Array();
	dspPrdctN["pc"] 					= "パソコン";
	dspPrdctN["mobile"] 			= "モバイル";
	dspPrdctN["price01"] 		= "5,000 円～10,000円";
	dspPrdctN["price02"] 		= "10,000 円～50,000円";
	dspPrdctN["price03"] 		= "50,000 円～100,000円";
	dspPrdctN["price04"] 		= "100,000 円～";
	dspPrdctN["listing"] 		= "リスティングをしたい";
	dspPrdctN["seo"] 				= "SEOをしたい";
	dspPrdctN["reliability"] = "サイトの信頼性を高めたい";
	dspPrdctN["strategic"] 	= "戦略的に広告を出したい";
	dspPrdctN["mobile_p"] 		= "携帯サイトを作りたい";
	dspPrdctN["pro"] 				= "写真やメルマガをプロに任せたい";
	dspPrdctN["search"] 			= "検索結果の上位に表示させたい";

	$("#srchw").css("display","none");

	var vars = [], hash; 
	var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); 
		for(var i = 0; i < hashes.length; i++) { 
		hash = hashes[i].split('='); 
		vars = hash[0]; 
	}
	if ( hash[0] && hash[0] != location.href ) {
		lnkdsp(hash[0]);
		chngdsp(hash[0]);
}

	$("#pll").click(
	function(){
	$("#srchw").css("display","none");
		lnkdsp("");
		chngdsp("");
		return false;
	}
	);

	$(".lmn a").click(
	function(){
		gid = $(this).attr("id");
		if ( gid == "" ) {
			gid = "";
			$("#srchw").css("display","none");
		}
			lnkdsp(gid);
			chngdsp(gid);
		return false;
	}
	);

	$(".prdct div").mouseover(
	function(){
		gid = $(this).attr("id");
		$("."+gid+"kt").attr("src","/recommend/images/icon_keitai.gif")
		return false;
	}
	);

	$(".prdct div").mouseout(
	function(){
		gcls = $(this).attr("class");
		if(gcls.match(gid+"g")) {
			gid = $(this).attr("id");
			$("."+gid+"kt").attr("src","/recommend/images/icon_keitai_g.gif")
		}
		return false;
	}
	);


	function lnkdsp(gid){
		$(".lmn li").removeClass(dlnk);
		if ( gid != "" ) {
			$("#l"+gid).addClass(slnk);
		}
	}
	function chngdsp(cid){
		if ( cid != "" ) {
			$("#srchw").css("display","inline-block");
			$("#srchw").html(dspPrdctN[cid]);
		}

		for (var i=1; i<=p_num; i++) {
			num = (i-1);
			var dspcls = "p0"+i;
			if ( i > 9 ) dspcls = "p"+i;
			$("#"+dspcls).removeClass(nid);
			$("#"+dspcls).removeClass(mid);
			if ( cid ) {
				if ( dspPrdct[cid][num] == 1 ) {
					$("#"+dspcls).addClass(mid);
					$("#"+dspcls).removeClass(dspcls+"g");
					$("#"+dspcls).addClass(dspcls);
					$("."+dspcls+"kt").attr("src","/recommend/images/icon_keitai.gif");
				} else {
					$("#"+dspcls).addClass(nid);
					$("#"+dspcls).removeClass(dspcls);
					$("#"+dspcls).addClass(dspcls+"g");
					$("."+dspcls+"kt").attr("src","/recommend/images/icon_keitai_g.gif");
				}
			} else {
					$("#"+dspcls).removeClass(dspcls+"g");
					$("#"+dspcls).addClass(dspcls);
			}
		}
		return false;
	}
});