﻿function disp(getVars){
  var params = new Array;
  var vars = new Array;
  var data2 = window.location.search;
  var returnVars;
  params = data2.replace(/\?/,"").split('&');

  for(i=0;i<params.length;i++) {
    vars = params[i].split('=');
    if(vars[0].match(getVars)) {
      returnVars = vars[1];
    }
  }
  return (returnVars);
}

function sampleFirst(){
	for(i=1;i<=3;i++){
		setDefaultMenu(i);
		setSpryValidate(i);
	}
	var check_name_field = new Spry.Widget.ValidationTextField("check_name_field", "none", {validateOn:["blur"]});
	var check_name2_field = new Spry.Widget.ValidationTextField("check_name2_field", "none", {validateOn:["blur"]});
	var check_tel_field = new Spry.Widget.ValidationTextField("check_tel_field", "none", {validateOn:["blur"]});
	var check_email_field = new Spry.Widget.ValidationTextField("check_email_field", "email", {validateOn:["blur"]});
	var addressSelect = new Spry.Widget.ValidationSelect("addressSelect", {validateOn:["blur"]});
	var addressText = new Spry.Widget.ValidationTextField("addressText", "none", {validateOn:["blur"]});

	if(window.detaildata){
		var dataJSON = window.detaildata;
		//↓JSONで入力内容を受け取った場合の繰り返し部分処理
		for(i=1;i<=3;i++){
			if(dataJSON.form[i]){
				if(i == 2){
					window.CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:true});
				}else if(i == 3){
					window.CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3", {contentIsOpen:true});
				}

				//プルダウンを選択
				if(dataJSON.form[i].category){
					for(var ii=0; ii<data.length; ii++){
						if(data[ii][0] == dataJSON.form[i].category){
							createCheck(ii,i);
							$('category['+i+']')[ii].selected = true;
							if(dataJSON.form[i].samplebook){
								samplebooks = new Array;
								samplebooks = dataJSON.form[i].samplebook.split(',');
								for(var iii=0; iii<data[ii][1].length; iii++){
									for(var iiii=0; iiii<samplebooks.length; iiii++){
										if(data[ii][1][iii][0] == samplebooks[iiii]){
											$('samplebook_'+i+'_'+(iii + 1)).checked = true;
										}
									}
								}
							}
							break;
						}
					}
				}
				
				if(dataJSON.form[i].comment){
					document.myform["comment[" + i + "]"].value = dataJSON.form[i].comment;
					document.myform["comment[" + i + "]"].style.color = "#000";
				}
			}else{
				if(i == 2){
					window.CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false});
				}else if(i == 3){
					window.CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3", {contentIsOpen:false});
				}
			}
		}
		//↑JSONで入力内容を受け取った場合の繰り返し部分処理　ここまで
				
		//個人情報を入力
		personalText = ["lastname","firstname","lastnamekana","firstnamekana","zip1","zip2","address","tel","mobile","fax","email"];
		for(var i=0; i<personalText.length; i++){
			if(dataJSON[personalText[i]]){$(personalText[i]).setAttribute("value",dataJSON[personalText[i]]);}
		}
		for(var i=0; i<$('pref').length; i++){
			if($('pref')[i].value == dataJSON.pref){
				$('pref')[i].selected = true;
				break;
			}
		}
		if(dataJSON.note){
			$('note').value = dataJSON.note;
		}
	}else{
		window.CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false});
		window.CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3", {contentIsOpen:false});
	}
};

function setSpryValidate(no){
	$('keySpace_'+no)["category_"+no+"_field"] = new Spry.Widget.ValidationSelect("category_"+no+"_field", {validateOn:["blur"]});
};

function setDefaultMenu(no){
	for(var i=0; i<data.length; i++){
		if(i==0){
			if(no==1){
				$('myform')['category['+no+']'].options[i] = new Option(data[i][0],"");
			}else{
				$('myform')['category['+no+']'].options[i] = new Option(data[i][0],"0");
			}
		}else{
			$('myform')['category['+no+']'].options[i] = new Option(data[i][0],data[i][0]);
		}
	}
};

function createCheck(no1,no2){
	$('samplebook_'+no2+'_field').innerHTML = '';
	var addSp = $('samplebook_'+no2+'_field');	
	if(no1 == 0){
		$('samplebook_'+no2+'_field').innerHTML = '商品カテゴリーを選んでください。';
/*
		$('keySpace_'+no2)['samplebook_'+no2+'_field'].isRequired = false;
		delete $('keySpace_'+no2)['samplebook_'+no2+'_field'].minSelections;
		delete $('keySpace_'+no2)['samplebook_'+no2+'_field'].maxSelections;
*/
	}else{
		var checked = "";
		var astart = "";
		var aended = "";
		var sample = disp('sample');
		var sampleArr = new Array;
		var addTable = document.createElement( 'table' );
		addTable.id = 'samplebook'+no2+'_table';
		addSp.appendChild( addTable );
		for(var i=0; i<data[no1][1].length; i++){
			if(sample != undefined){
				sampleArr = sample.split('_');
				if((no1 == sampleArr[0])&&(no2 == 1)&&(sampleArr[1] == i)){
					checked = ' checked';
				}else{
					checked = '';
				}
			}
			if(data[no1][1][i][3] == ''){
				astart = '';
				aended = '';
			}else{
				astart = '<a href=' + data[no1][1][i][3] + ' target="_blank">';
				aended = '</a>';
			}
			var addTr1 = $('samplebook'+no2+'_table').insertRow( -1 );
			var addTr2 = $('samplebook'+no2+'_table').insertRow( -1 );

			var addTd1 = addTr1.insertCell( -1 );
			addTd1.innerHTML = astart + '<img src="'+ data[no1][1][i][1] +'" border="0">' + aended;
			addTd1.rowSpan = '2';
			var addTd2 = addTr1.insertCell( -1 );
			addTd2.innerHTML = '<input type="checkbox" id="samplebook_'+no2+'_'+(i+1)+'" name="samplebook['+no2+']['+(i+1)+']" value="'+data[no1][1][i][0]+'"'+checked+' onclick="checkCheck('+no1+','+no2+','+i+')"><label for="samplebook_'+no2+'_'+(i+1)+'">'+data[no1][1][i][0]+'</label><br><span class="samplebookWaribiki">'+ data[no1][1][i][4] +'</span>';
			var addTd3 = addTr2.insertCell( -1 );
			addTd3.innerHTML = data[no1][1][i][2];
			addTd3.colSpan = '2';
		}
//		$('samplebook_'+ no2 +'_1').setAttribute("value",data[no1][1][i][0]);
/*
		var addError = document.createElement( 'div' );
		addError.innerHTML = '<span class="checkboxMinSelectionsMsg">カタログを選択してください</span><span class="checkboxMaxSelectionsMsg">カーテン・シェードは最大３冊までです</span>';
		addSp.appendChild( addError );
		if(no1 == 1){
			$('keySpace_'+no2)['samplebook_'+no2+'_field'].isRequired = false;
			$('keySpace_'+no2)['samplebook_'+no2+'_field'].minSelections = 1;
			$('keySpace_'+no2)['samplebook_'+no2+'_field'].maxSelections = 3;
		}else{
			$('keySpace_'+no2)['samplebook_'+no2+'_field'].isRequired = true;
			delete $('keySpace_'+no2)['samplebook_'+no2+'_field'].minSelections;
			delete $('keySpace_'+no2)['samplebook_'+no2+'_field'].maxSelections;
		}
*/
	}
/*
	if(no2 == 1){
		window.CollapsiblePanel1.contentIsOpen = false;
		window.CollapsiblePanel1.open();
	}else if(no2 == 2){
*/
	if(no2 == 2){
		window.CollapsiblePanel2.contentIsOpen = false;
		window.CollapsiblePanel2.open();
	}else if(no2 == 3){
		window.CollapsiblePanel3.contentIsOpen = false;
		window.CollapsiblePanel3.open();
	}
};

function dosubmit( ) {
	new Ajax.Updater( 'result', 'add.php', { method: 'post', parameters: $('myform').serialize() } );
}

function checkCheck(no1,no2,no3){
  var checkNum = 0;
  for(var i=0; i<data[no1][1].length; i++){
	  if(document.getElementById('samplebook_'+no2+'_'+(i+1)).checked){
		  checkNum ++;
		  if(checkNum >= 4){
				document.getElementById('samplebook_'+no2+'_'+(no3+1)).checked = false;
				alert("各商品カテゴリーごとに最大3冊まで選択可能です。");
		  }
	  }
  }
}

function onloaded(){
  var sel=document.getElementById("category[1]").options;
  var sample = disp('sample');
  var sampleArr = new Array;
  if(sample != undefined){
	  sampleArr = sample.split('_');
	  createCheck(sampleArr[0],1)
	  sel[sampleArr[0]].selected=true;
  }
}

