﻿function calc(){
	maisu = document.aoiticket.maisu.selectedIndex *5500;
	document.aoiticket.output.value = maisu;
}

function formset(){

var dateData = [
				{ text:"日時をお選びください", value:""},
				{ text:"11月28日（土）１４時 東京公演　S席", value:"11月28日（土） 東京公演　A席"},
				{ text:"11月28日（土）１７時３０分 東京公演　S席", value:"11月28日（土） 東京公演　A席"},
				];
				
for (var a=0; a<3; a++){
	var selObjDate = document.getElementById("date"+[a]);
	for (var i=0; i<dateData.length; i++){
		selObjDate.options[i] = new Option(dateData[i].text, dateData[i].value);
	}
}



var priceData = [[
		{ text:"5500", value:"5500"}
		]
		];

for (var a=0; a<3; a++){
document.getElementById("date"+[a]).onchange = function(){
	var priceid = "price"+this.id.split("date")[1];
	var selNo = this.selectedIndex;
	var selObj = document.getElementById(priceid);
	while(selObj.hasChildNodes()) {
		selObj.removeChild(selObj.firstChild);
	}
	for (var i=0; i<priceData[selNo].length; i++){
		selObj.options[i] = new Option(priceData[selNo][i].text, priceData[selNo][i].value);
	}
	keisan();
}}


var ticketData = [
		{ text:"", value:""},
		{ text:"1", value:"1"},
		{ text:"2", value:"2"},
		{ text:"3", value:"3"},
		{ text:"4", value:"4"},
		{ text:"5", value:"5"},
		{ text:"6", value:"6"},
		{ text:"7", value:"7"},
		{ text:"8", value:"8"},
		{ text:"9", value:"9"},
		{ text:"10", value:"10"}
		];

for (var a=0; a<3; a++){
	var selObjticket = document.getElementById("maisu"+[a]);
	for (var i=0; i<ticketData.length; i++){
		selObjticket.options[i] = new Option(ticketData[i].text, ticketData[i].value);
	}
}



for (var a=0; a<3; a++){
	document.getElementById("maisu"+[a]).onchange = function(){
		keisan();
	}
}
}

function keisan(){
	a = new Array();
	for(i=0; i<3; i++){
		a[i] = document.getElementById("price"+[i]).value * document.getElementById("maisu"+[i]).value;
		document.getElementById("goukei"+[i]).value = a[i]; // 小計を表示
		}

		var total = a[0] + a[1] + a[2];
		document.getElementById("field_total").value = total; // 合計を表示
}

function mailcheck(){
var flag = 0;
if(!document.getElementById("email").value.match(/.+@.+\..+/)){
//flag = 1;
} 
if(flag){
alert('メールアドレスが正しくありません。');
document.getElementById("email").value = "";
}
} 

//--個々のエレメントごとのチェック
function chktext(oj) {

  if (!oj.value) {

    chktext[oj.name] = false;  // 送信許可フラグ 1許可 2不許可
    //alert("この項目は必ず入力してください");

    //対象エレメントの背景色をオレンジにする
    if(!!oj.style)oj.style.backgroundColor='#ffcc66';

  } else {

    chktext[oj.name] = true;

    //対象エレメントの背景色を白にする
    if(!!oj.style)oj.style.backgroundColor='#ffffff';

  }

}

//--送信ボタンを押したときの全エレメントチェック
function chksubmit(oj){

   //未入力エレメントの背景色をオレンジにする
   if(!!oj.style){
     if(!oj.name1.value) oj.name1.style.backgroundColor='#ffcc66';
     if(!oj.name2.value) oj.name2.style.backgroundColor='#ffcc66';
     if(!oj.addr.value) oj.addr.style.backgroundColor='#ffcc66';
     if(!oj.email.value) oj.email.style.backgroundColor='#ffcc66';
     if(document.aoiticket.maisu.selectedIndex == 0)
	     oj.maisu.style.backgroundColor='#ffcc66';
   }

   //対象エレメントがすべて入力済みでなければ送信不可とダイアログ
	form_alert = new Array;
	for(i=0; i<2; i++) form_alert[i] = '';
	var i = 0;
	if( 
       !chktext['name1'] &&  
       !chktext['name2'] &&  
       !chktext['addr'] &&  
       !chktext['email'] 
     ) {
		form_alert[0]= 'オレンジ色の項目は必須項目です。\n';
		i = 1;
     }
	if(document.aoiticket.maisu.selectedIndex == 0){
		form_alert[1] ='注文内容が正しくありません。';
		i = 1;
     }
     
	if(i==0) return true;
	else{
		alert(form_alert[0]+form_alert[1]);
		return false;
		}
}