$(document).ready(function() {
	
	$('img.background').css('cursor','pointer');
	$('img.background').click(function(){
			var bglink = $(this).attr("src");
			$("body").css("background-image","url("+bglink+")");
	},function(){
			//$("body").css("background-image","url('http://wwww.v-colors.com/wp-content/uploads/dot301.gif')");
	});
	


	$(".categories dd").hide();
	
	//ddの数を変数に代入
	var ddlen = $(".categories dd").length;
	//初期設定部分
	for (i = 0; i < ddlen ; i = i +1){
		if ($.cookie("opendd" + i)) {//既にcookieがあれば表示
			$(".categories dd").eq(i).show();
			$(".categories dt").eq(i).css('background-position','-400px -700px');
		} else {//cookieが無ければ非表示
			$(".categories dd").eq(i).hide();
			$(".categories dt").eq(i).css('background-position','0px -700px');
		}
	} 

	$(".categories dt").click(function(){
		$(this).next().slideToggle('fast'); 
		
		var index = $(".categories dt").index(this); 
		var name = "opendd" + index;
		
		if ($.cookie(name)) {//既に対応するcookieを持っていたら
			$.cookie(name,'', { expires: -1 });//cookieを削除
			$(this).css('background-position','0px -700px');
		} else {
			$.cookie(name,'1',{expires:7});//cookieをセットする
			$(this).css('background-position','-400px -700px');
		}
		return -1;
	}).css('cursor','pointer'); 


$(".categories dt").hover(function(){
																	 
		var index = $(".categories dt").index(this); 
		var name = "opendd" + index;
		
		if (!$.cookie(name)) {//既に対応するcookieを持っていたら
			$(this).css('color','#623D2F');
			$(this).css('background-position','-200px -700px');
			$(this).css('cursor','pointer');
		}
		
	},function(){
		var index = $(".categories dt").index(this); 
		var name = "opendd" + index;
		if (!$.cookie(name)) {//既に対応するcookieを持っていたら
			$(this).css('color','#623D2F');
			$(this).css('background-position','0 -700px');
			$(this).css('cursor','default');
		}
	});
	
});