$(function(){
	var max = 12;
	var selected_fabs = [];
	var selected_fabs_name = [];	
	var selected_fabs_group = [];
	$("a.btn-select").click(function(){
			var myid = $(this).attr("myid");
			var myli = $("#fab_li_"+myid);//.parent().parent();
			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");
				$("#modal_select_btn").removeClass("selected");
			}else{
				if ( selected_fabs.length < max){//選択追加
					selected_fabs.push(myid);
					selected_fabs_name.push(myname);
					selected_fabs_group.push(mygroup);
					myli.toggleClass("selected");
					$("#modal_select_btn").toggleClass("selected");
					if ( $("#modalcart").attr("class") != "view"){
						$("#modalcart").addClass("tempview");
						if ( selected_fabs.length == 1 || selected_fabs.length == 12 ){
							$("#modalcart").addClass("tempview_smp");
					    }
					}
						setTimeout(function(){
							$("#modalcart").removeClass("tempview");
						},1500);
						//$("#modalcart").addClass("view");
					if ( selected_fabs.length == 1 ){setTimeout(function(){
							$("#modalcart").removeClass("tempview_smp");
						},3000);
					}
				}else{
					alert("選択できる個数は"+max+"個までです");
				}
			}
		resetModal(myid);
		return false;
	});
	$("#modalcart a.modalbtn,a#modal_cart_btn2").click(function(){
		if( selected_fabs.length > 0 ){
			$("#modalcart").toggleClass("view");
			$("body").addClass("modalopen");
		}else{
			alert("生地を1枚以上選択してください");
		}
		return false;
	});
	$("a#modal_cart_btn3,a#modal_cart_btn4").click(function(){
		if( selected_fabs.length == 0 ){
			alert("生地を1枚以上選択してください");
		}else{
			$("#modalcart form").submit();
		}
		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();
			var myli = $("#fab_li_"+myid);
			selected_fabs.splice(myindex,1);
			selected_fabs_name.splice(myindex,1);
			selected_fabs_group.splice(myindex,1);
			myli.removeClass("selected");
			$("#modal_select_btn").removeClass("selected");
			//$("#modalcart").removeClass("view");
			resetModal(myid);
			return false;
	});
	$("#btn-modal-close,#btn-modal-close2").click(function(){
		$("#modalcart").removeClass("view").removeClass("tempview_smp");
		$("body").removeClass("modalopen");
		return false;
	});
	$(".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);
		$("#modal_cart_btn2 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];
				var itemlink = '<a href="/fabric/'+itemgroup.toLowerCase()+'.php">生地を見る</a>';
				$(targ).removeClass("noitem");
				$(targ+" figure img").attr("src","/img_sample/"+selected_fabs[n-1]+"_1.jpg");
				$(targ+" figure figcaption").html("<span class=\"em1\">"+itemgroup+"</span><span class=\"em2\">シリーズ</span>　<span class=\"em1\">"+itemname+"</span><span class=\"smp\"><br />"+itemlink+"</span>");
				$(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");
			$(".footer_nav_sp2 .viewform").addClass("disable");
		}else{
			$("#modalcart .viewform").removeClass("full").removeClass("disable");
			$("#modalcart .viewmore").removeClass("full").removeClass("disable");
			$(".footer_nav_sp2 .viewform").addClass("disable");
		}
		$("#modalcart p.remain span").text(max-selected_fabs.length);
		doAjax(selected_fabs,selected_fabs_name,selected_fabs_group);
	}
	resetModal();
	
	/*$(document).click(function(e) {
		if(!$(e.target).closest("#modalcart article").length) {
			$("#modalcart").removeClass("view");
			return false;
		}
	});*/
	
	$("#selectjump_series").change(function(){
		val = $(this).val();
		$("#sort_modal").fadeOut();
		location.href = "/fabric/index.php?"+val+"#"+val;
		$("body").removeClass("modalopen");
		//$(this).prop("selectedIndex", 0);
	});
	
});