$(function(){
	var max = 12;
	var selected_fabs = [];
	var selected_fabs_name = [];
	var selected_fabs_group = [];
	$("a.btn-select").click(function(){
			var myli = $(this).parent().parent();
			var myid = $(this).attr("id");
			var myname = $(this).attr("id-name");
			var mygroup = $(this).attr("id-group");
			if ( myli.hasClass("selected")){
				var myindex = selected_fabs.indexOf(myid);
				selected_fabs.splice(myindex,1);
				selected_fabs_name.splice(myindex,1);
				selected_fabs_group.splice(myindex,1);
				myli.toggleClass("selected");
			}else{
				if ( selected_fabs.length < max){
					selected_fabs.push(myid);
					selected_fabs_name.push(myname);
					selected_fabs_group.push(mygroup);
					myli.toggleClass("selected");
					if ( $("#modalcart").attr("class") != "view"){
						$("#modalcart").addClass("tempview");
					}
					setTimeout(function(){
						$("#modalcart").removeClass("tempview");
					},1500);
				}else{
					alert("選択できる個数は"+max+"個までです");
				}
			}
		resetModal(myid);
		return false;
	});
	$("#modalcart a.modalbtn").click(function(){
		$("#modalcart").toggleClass("view");
		return false;
	});
	$("#modalcart .btn-delete").click(function(){
			var myid = $(this).attr("id");
			var myindex = selected_fabs.indexOf(myid);
			var myli = $("a.btn-select#"+myid).parent().parent();
			selected_fabs.splice(myindex,1);
			selected_fabs_name.splice(myindex,1);
			selected_fabs_group.splice(myindex,1);
			myli.removeClass("selected");
			//$("#modalcart").removeClass("view");
			resetModal(myid);
			return false;
	});
	$("#btn-modal-close").click(function(){
		$("#modalcart").removeClass("view");
		return false;
	});
	$("#modalcart form .viewform").click(function(){
		$("#modalcart form").submit();
		return false;
	});

	function doAjax(selected_fabs,selected_fabs_name,selected_group){
		$.ajax({
			type: "POST",
			url: "/scripts/ajax_sampleorder.php",
			data: {
				"selected_fabs_name": selected_fabs_name,
				"selected_fabs_group": selected_fabs_group,
				"selected_fabs": selected_fabs
			},
			 success: function(){
			 }
		});
	}
	function resetModal(myid){
		$("#modalcart header span").text(selected_fabs.length);
		for(var n=1; n<=max; n++ ){
			var targ = "#modalcart .item:nth-child("+n+")";
			if ( n<=selected_fabs.length ){
				var itemid =selected_fabs[n-1];
				var itemname =selected_fabs_name[n-1];
				var itemgroup =selected_fabs_group[n-1];
				$(targ).removeClass("noitem");
				$(targ+" figure img").attr("src","/img_sample/"+selected_fabs[n-1]+"_1.jpg");
				$(targ+" figure figcaption").html(itemgroup+"シリーズ<br />"+itemname);
				$(targ+" a.btn-delete").attr("id",selected_fabs[n-1]);
				$(targ+" input").attr("name","fab[]").attr("value",itemid);
			}else{
				$(targ).addClass("noitem");
				$(targ+" input").attr("name","").attr("value","");
			}
		}
		if ( selected_fabs.length >= max ){
			$("#modalcart .viewform").addClass("full").removeClass("disable");
			$("#modalcart .viewmore").addClass("disable");
		}else if ( selected_fabs.length == 0 ){
			$("#modalcart .viewform").addClass("disable");
			$("#modalcart .viewmore").addClass("full");
		}else{
			$("#modalcart .viewform").removeClass("full").removeClass("disable");
			$("#modalcart .viewmore").removeClass("full").removeClass("disable");
		}
		$("#modalcart p.remain span").text(max-selected_fabs.length);
		doAjax(selected_fabs,selected_fabs_name,selected_fabs_group);
	}
	resetModal();
	
	
	
	
});