$(document).ready(function(){ 

//プリセット
var conbox = $("#container10");
var sec = conbox.find("ul.section");
var det = conbox.find("li.detail");
var sech4 = sec.find("h4");
var secdet = sec.find("li.detail");
var prod01 = $("#container10 > ul#product01");
var prod01h4 = prod01.find("h4");
var alview = $("img#allview");
var arrays = ["a","b","c","d","e","f","g"];

secdet.prev().css("marginBottom", "10px");
secdet.css("display", "none");
prod01.find(".detail").css("display", "block");
sech4.css("cursor", "pointer");
alview.css("cursor", "pointer");


// 開閉ボタンのcookie読み
sech4.each(function (i){
	if ($.cookie("cookName")) {
		if (($.cookie("cookName").indexOf(arrays[i])) != -1) {//cookieに値があるときは表示
			$(this).nextAll("li.detail").css("display", "block");
			$(this).find("img").attr("src", $(this).find("img").attr("src").replace("_cl.", "_op."));
		} else {//値がないときは非表示
			$(this).nextAll("li.detail").css("display", "none");
			$(this).find("img").attr("src", $(this).find("img").attr("src").replace("_op.", "_cl."));
		}
	}else if($.cookie("cookName") == null){//cookie情報がないときはaを代入して最上部のみを表示
	  	$.cookie("cookName","a");
			$(this).find("img").attr("src", $(this).find("img").attr("src").replace("_cl.", "_op."));
	}else if($.cookie("cookName") == "9" || $.cookie("cookName") == "") {//cookieが9または""のときは、最上部を非表示
		prod01.find("li.detail").css("display", "none");
		prod01h4.find("img").attr("src", prod01h4.find("img").attr("src").replace("_op.", "_cl."));
	}
	i = i+1;
});


// 個別に開閉するボタン
$(".section h4").click(function () {
	var indexcode = sech4.index(this);
  var index = arrays[indexcode];
  var name = "cookName" ;//cookie Name
  var cookVal = $.cookie(name);//cookie value
  
if($(this).nextAll("li.detail").css("display") == "none") {// display:noneだったら表示
  $(this).nextAll("li.detail").slideDown("slow"); 
  $(this).find("img").attr("src", $(this).find("img").attr("src").replace("_cl", "_op"));
 }
 else if($(this).nextAll("li.detail").css("display") == "block") {	//display:blockだったら非表示
  $(this).nextAll("li.detail").slideUp("slow");
  $(this).find("img").attr("src", $(this).find("img").attr("src").replace("_op", "_cl"));
 } 
if ($.cookie(name)) {//既にcookNameを持っていたら
 if ((cookVal.indexOf(index)) != -1) {//valueに対応する値をもっている場合
 	if($.cookie(name).length == 1){
		$.cookie(name,"9");//IE6のNullと""の同一視回避
 	}
		var cookVal = $.cookie(name).replace(index,"");//※3
		$.cookie(name,cookVal);//クリックした値の削除。
	}else{
  	$.cookie(name,cookVal+index);//クリックした値の追加。
	}
 }else{
   $.cookie(name,index);//cookieを新たにセットする
 }
});

});