/**
 * @author Deep
 */
 

    var fname=new Array(20);
    var lname=new Array(5);
	var address=new Array(20);
	var city=new Array(20);
	var zip=new Array(20);
	var phone=new Array(20);
	//var dob=new Array(20);
	var month=new Array(20);
	var day=new Array(20);
	var year=new Array(20);
	var ssn=new Array(20);
	var email=new Array(20);
	var firstlist=new Array(20);
	var secondlist=new Array(20);
	var thirdlist=new Array(20);
	var forthlist=new Array(20);
	var payment=new Array(20);
	var shipping=new Array(20);
	var courier=new Array(20);
	var membership=new Array(20);
	var car=new Array(20);
	var hometheater=new Array(20);
	var motorbike=new Array(20);
	var hiking=new Array(20);
	var surfing=new Array(20);
	var skating=new Array(20);
	var google=new Array(20);
	var yahoo=new Array(20);
	var msn=new Array(20);
	var football=new Array(20);
	var soccer=new Array(20);
	var golf=new Array(20);
	var count=0;



var e=0;

function submitForm1(){
	//validateForm1();
	//if(e=0){
	if(validateForm1()){
		document.getElementById('view1').className="HideContent";
		document.getElementById('view2').className="ShowContent";
	}
	//}
}

function submitForm2(){
	//alert("form2");
	
	//fn[count]=document.form1.fname.value;
	
	
	//alert("first name: "+fn[count]);
	//count++;
	fname[count]=document.form1.fname.value;
	
	lname[count]=document.form1.lname.value;
	
	address[count]=document.form1.address.value;
	
	
	city[count]=document.form1.city.value;

	zip[count]=document.form1.zip.value;

	phone[count]=document.form1.phone.value;

	//dob[count]=document.form1.dob.value;
	month[count]=document.form1.month.value;
	day[count]=document.form1.day.value;
	year[count]=document.form1.year.value;
	ssn[count]=document.form1.ssn.value;

	email[count]=document.form1.email.value;
	firstlist[count]=document.form2.firstList.value;
	secondlist[count]=new Array(5);
	for(i=0;i<5;i++){
		if(document.form2.secondList[i].selected)
			secondlist[count][i]="yes";
		else
			secondlist[count][i]="no";
	}

	thirdlist[count]=document.form2.thirdList.value;
	forthlist[count]=new Array(5);
	for(i=0;i<5;i++){
		if(document.form2.forthList[i].selected)
			forthlist[count][i]="yes";
		else
			forthlist[count][i]="no";
	}
	
	
	for(i=0;i<document.form2.payment.length;i++){
		if(document.form2.payment[i].checked)
			payment[count]=document.form2.payment[i].value;
	}

	for(i=0;i<document.form2.shipping.length;i++){
		if(document.form2.shipping[i].checked)
			shipping[count]=document.form2.shipping[i].value;
	}
	
	for(i=0;i<document.form2.courier.length;i++){
		if(document.form2.courier[i].checked)
			courier[count]=document.form2.courier[i].value;
	}
	
	for(i=0;i<document.form2.membership.length;i++){
		if(document.form2.membership[i].checked)
			membership[count]=document.form2.membership[i].value;
	}

//	for(i=0;i<document.form2.membership.length;i++){
	
		if(document.form2.car.checked)
		car[count]="Yes";
		else
		car[count]="No";
		
		
		if(document.form2.hometheater.checked)
		hometheater[count]="Yes";
		else
		hometheater[count]="No";
		
		if(document.form2.motorbike.checked)
		motorbike[count]="Yes";
		else
		motorbike[count]="No";
		
		if(document.form2.hiking.checked)
		hiking[count]="Yes";
		else
		hiking[count]="No";
		
		if(document.form2.surfing.checked)
		surfing[count]="Yes";
		else
		surfing[count]="No";
		
		if(document.form2.skating.checked)
		skating[count]="Yes";
		else
		skating[count]="No";
		
		if(document.form2.google.checked)
		google[count]="Yes";
		else
		google[count]="No";
		
		if(document.form2.yahoo.checked)
		yahoo[count]="Yes";
		else
		yahoo[count]="No";
		
		if(document.form2.msn.checked)
		msn[count]="Yes";
		else
		msn[count]="No";
		
		if(document.form2.football.checked)
		football[count]="Yes";
		else
		football[count]="No";
		
		if(document.form2.soccer.checked)
		soccer[count]="Yes";
		else
		soccer[count]="No";
		
		if(document.form2.golf.checked)
		golf[count]="Yes";
		else
		golf[count]="No";
		
	//		membership[count]=document.form2.membership[i].value;
//	}


/*
	car[count]=document.form1.car.value;
	alert(car[count]);
	hometheater[count]=document.form1.hometheater.value;
	alert(hometheater[count]);
	motorbike[count]=document.form1.motorbike.value;
	alert(motorbike[count]);
	hiking[count]=document.form1.hiking.value;
	alert(hiking[count]);
	scating[count]=document.form1.scating.value;
	alert(scating[count]);
	surfing[count]=document.form1.surfing.value;
    alert(surfing[count]);
    google[count]=document.form1.google.value;
	alert(google[count]);
	yahoo[count]=document.form1.yahoo.value;
	alert(yahoo[count]);
	msn[count]=document.form1.msn.value;
	alert(man[count]);
	football[count]=document.form1.football.value;
	alert(football[count]);
	soccer[count]=document.form1.soccer.value;
	alert(soccer[count]);
	golf[count]=document.form1.golf.value;
	alert(golf[count]); */
	count++;
//displaySummary();
	document.getElementById('view2').className="HideContent";
	document.getElementById('message').className="ShowContent";
	document.getElementById('detailed').className="HideContent";
}

function populateProducts(){
	if(document.form2.firstList.value=="Samsung"){
//		document.getElementById("second").innerHTML="Hello";
		
		data="<select id=secondList multiple>";
		data+="<option>Plasma TV<\/option>";
		data+="<option>Air Conditioner<\/option>";
		data+="<option>Monitors<\/option>";
		data+="<option>Washing Machine<\/option>";
		data+="<option>Microwave<\/option>";
		data.innerHTML+="<\/select>";
		document.getElementById("second").innerHTML=data;
	}
	if(document.form2.firstList.value=="Anchor"){
		data="<select id=secondList multiple>";
		data+="<option>TubeLight<\/option>";
		data+="<option>Bulb<\/option>";
		data+="<option>Fuse<\/option>";
		data+="<option>Wires<\/option>";
		data+="<option>Switches<\/option>";
		data.innerHTML+="<\/select>";
		document.getElementById("second").innerHTML=data;
		
	}
	if(document.form2.firstList.value=="Suzuki"){
		data="<select id=secondList multiple>";
		data+="<option>Zen<\/option>";
		data+="<option>Sx4<\/option>";
		data+="<option>Alto<\/option>";
		data+="<option>Versa<\/option>";
		data+="<option>Waganor<\/option>";
		data.innerHTML+="<\/select>";
		document.getElementById("second").innerHTML=data;
	}
	if(document.form2.firstList.value=="Nokia"){
		data="<select id=secondList multiple>";
		data+="<option>Nokia 1000<\/option>";
		data+="<option>Nokia 2000<\/option>";
		data+="<option>Nokia 3000<\/option>";
		data+="<option>Nokia 4000<\/option>";
		data+="<option>Nokia communicator<\/option>";
		data.innerHTML+="<\/select>";
		document.getElementById("second").innerHTML=data;
	}
	if(document.form2.firstList.value=="Dell"){
		data="<select id=secondList multiple>";
		data+="<option>Latitude<\/option>";
		data+="<option>Vostro 1000<\/option>";
		data+="<option>Vostro 1400<\/option>";
		data+="<option>Vostro 1500<\/option>";
		data+="<option>Inspiron<\/option>";
		data+="<option>XPS<\/option>";
		data.innerHTML+="<\/select>";
		document.getElementById("second").innerHTML=data;
	}
		if(document.form2.firstList.value=="Reliance"){
		data="<select id=secondList multiple>";
		data+="<option>Petrolium<\/option>";
		data+="<option>Rim<\/option>";
		data+="<option>Adlabs<\/option>";
		data+="<option>Rnrl<\/option>";
		data+="<option>Vimal<\/option>";
		data.innerHTML+="<\/select>";
		document.getElementById("second").innerHTML=data;
		
	}
}



function populateCities(){
	if(document.form2.thirdList.value=="Asia"){
		data="<select id=forthList multiple>";
		data+="<option>Taipai<\/option>";
		data+="<option>Mumbai<\/option>";
		data+="<option>Hongkong<\/option>";
		data+="<option>Karachi<\/option>";
		data+="<option>Singapore<\/option>";
		data.innerHTML+="<\/select>";
		document.getElementById("forth").innerHTML=data;
	}
	if(document.form2.thirdList.value=="America"){
		data="<select id=forthList multiple>";
		data+="<option>NewYork<\/option>";
		data+="<option>Los Angeles<\/option>";
		data+="<option>Washington<\/option>";
		data+="<option>Chicago<\/option>";
		data+="<option>Frisco<\/option>";
		data.innerHTML+="<\/select>";
		document.getElementById("forth").innerHTML=data;
		
	}
	if(document.form2.thirdList.value=="Australia"){
		data="<select id=forthList multiple>";
		data+="<option>Sydney<\/option>";
		data+="<option>Melbourne<\/option>";
		data+="<option>Perth<\/option>";
		data+="<option>Queensland<\/option>";
		data+="<option>Benolium<\/option>";
		data.innerHTML+="<\/select>";
		document.getElementById("forth").innerHTML=data;
	}
	if(document.form2.thirdList.value=="Africa"){
		data="<select id=forthList multiple>";
		data+="<option>Kampala<\/option>";
		data+="<option>Nairobi<\/option>";
		data+="<option>Capetown<\/option>";
		data+="<option>Durban<\/option>";
		data+="<option>Hati<\/option>";
		data.innerHTML+="<\/select>";
		document.getElementById("forth").innerHTML=data;
	}
	if(document.form2.thirdList.value=="Europe"){
		data="<select id=forthList multiple>";
		data+="<option>London<\/option>";
		data+="<option>Paris<\/option>";
		data+="<option>Brussels<\/option>";
		data+="<option>Rome<\/option>";
		data+="<option>Amsterdam<\/option>";
		data.innerHTML+="<\/select>";
		document.getElementById("forth").innerHTML=data;
	}
	if(document.form2.thirdList.value=="South America"){
		data="<select id=forthList multiple>";
		data+="<option>Mexico<\/option>";
		data+="<option>Chile<\/option>";
		data+="<option>Val Paracio<\/option>";
		data+="<option>Panama<\/option>";
		data+="<option>Beaunose Aris<\/option>";
		data.innerHTML+="<\/select>";
		document.getElementById("forth").innerHTML=data;
	}
}


function validateForm1(){
    
	if(isNaN(document.form1.zip.value))
	{
			alert("Error in ZIP");
	     return false;
	}
	if(isNaN(document.form1.phone.value))
	{
			alert("Error in Phone No");
		return false;
	}
	if(isNaN(document.form1.month.value)||(document.form1.month.value<1)||(document.form1.month.value>12))
	{
					alert("Error in Month");
		return false;
	}
	if(isNaN(document.form1.day.value)||(document.form1.day.value<1)||(document.form1.day.value>31))
	{
					alert("Error in Date");
		return false;
	}
	if(isNaN(document.form1.year.value)||(document.form1.year.value<1900)||(document.form1.year.value>2008))
	 {
		 			alert("Error in Year");
		 return false;
	 }
	 if(isNaN(document.form1.ssn.value))
	{
			alert("Error in SSN No");
		return false;
	}
	
	 return true;
}


function displaySummary(){
	document.getElementById('view1').className="HideContent";
	document.getElementById('view2').className="HideContent";
	document.getElementById('summary').className="ShowContent";
	data="<h1>.</h1><table border=\"1\">";
	for(i=0;i<count;i++){
		data+="<tr>";
		data+="<td>";
		data+=fname[i]+" "+lname[i];
		data+="</td>";
		data+="<td>";
		data+="<input type=\"button\" value=\"display details\" onclick=\"javascript:displayDetails("+i+")\"";
		data+="</td>";
		data+="</tr>";
	}
	data+="</table>";
	document.getElementById('summary').innerHTML=data;
}

function displayForm(){
	document.getElementById('view1').className="ShowContent";
	document.getElementById('summary').className="HideContent";
	document.getElementById('detailed').className="HideContent";
}
function displayDetails(id){
	document.getElementById('view1').className="HideContent";
	document.getElementById('view2').className="HideContent";
	document.getElementById('summary').className="HideContent";
	document.getElementById('message').className="HideContent";
	document.getElementById('detailed').className="ShowContent";
	
	data="<table border=\"1\" align=\"center\">";
	data+="<tr><td>First Name:</td><td>"+fname[id]+"</td></tr>";
	data+="<tr><td>Last Name:</td><td>"+lname[id]+"</td></tr>";
	data+="<tr><td>Address:</td><td>"+address[id]+"</td></tr>";
	data+="<tr><td>City:</td><td>"+city[id]+"</td></tr>";
	data+="<tr><td>Zip:</td><td>"+zip[id]+"</td></tr>";
	data+="<tr><td>Phone:</td><td>"+phone[id]+"</td></tr>";
	data+="<tr><td>Month:</td><td>"+month[id]+"</td></tr>";
	data+="<tr><td>Day:</td><td>"+day[id]+"</td></tr>";
	data+="<tr><td>Year:</td><td>"+year[id]+"</td></tr>";
	data+="<tr><td>SSN:</td><td>"+ssn[id]+"</td></tr>";
	data+="<tr><td>Email:</td><td>"+email[id]+"</td></tr>";
	//data+="<tr><td>firstlist:</td><td>"+firstlist[id]+"</td></tr>";
	//data+="<tr><td>Secondlist:</td><td>"+secondlist[id]+"</td></tr>";
	if(document.form2.firstList.value=="Samsung")
	data+="<tr><td>Samsung:(Plasma Tv,Aircondition,Monitors,Washing Machine,Microwave)</td><td>"+secondlist[id]+"</td></tr>";
	if(document.form2.firstList.value=="Anchor")
	data+="<tr><td>Anchor:(Tube light,Bulb,Fuses,Wires,Switches)</td><td>"+secondlist[id]+"</td></tr>";
	if(document.form2.firstList.value=="Suzuki")
	data+="<tr><td>Suzuki:(zen,sx4,alto,versa,wagonr)</td><td>"+secondlist[id]+"</td></tr>";
	if(document.form2.firstList.value=="Nokia")
	data+="<tr><td>Nokia:(Nokia 1000,Nokia 2000,Nokia 3000,Nokia 4000,Nokia communicator)</td><td>"+secondlist[id]+"</td></tr>";
	if(document.form2.firstList.value=="Dell")
	data+="<tr><td>Dell:(Latitude,vostro 1000,vostro 1400,vostro 1500,inspiron,XPS)</td><td>"+secondlist[id]+"</td></tr>";
	
	
/*	

	if(document.form2.firstvalue.value=="Anchor")
	//data+="<tr><td>Anchor:(Tube light,Bulb,Fuses,Wires,Switches)</td><td>"+secondlist[id]+"</td></tr>";
	//if(document.form2.firstList.value=="Suzuki")
	//data+="<tr><td>Suzuki:(zen,sx4,alto,versa,wagonr)</td><td>"+secondlist[id]+"</td></tr>";
	//if(document.form2.firstList.value=="Nokia")
	//data+="<tr><td>Nokia:(1000,2000,3000,4000,communicator)</td><td>"+secondlist[id]+"</td></tr>";
	//if(document.form2.firstList.value=="Dell")
	//data+="<tr><td>Dell:(Latitude,vostro 1000,vostro 1400,vostro 1500,inspiron,XPS)</td><td>"+secondlist[id]+"</td></tr>";
	for(i=0;i<second[id].length;i++){
		if(secondlist[id][i]=='yes')
			data+="";
		else
			data+="";
	}
	
	//for(i=0;i<payment[id].length;i++)
	//{
				data+="<tr><td>Payment Type:</td><td>"+payment[id]+"</td></tr>";
	//}
	//data+="<tr><td>Company Name:</td><td</td>"+firstlist[id]+"</td></tr>";
	//data+="<tr><td>Product Name:</td><td</td>"+secondlist[id]+"</td></tr>";
	//data+="<tr><td>Region/Country:</td><td</td>"+thirdlist[id]+"</td></tr>";
	//data+="<tr><td>City:</td><td</td>"+fourthlist[id]+"</td></tr>";
	//data+="<tr><td>you Own:</td><td</td>"+phone[id]+"</td></tr>";
	//data+="<tr><td>your Hobbies:</td><td</td>"+phone[id]+"</td></tr>";
	//data+="<tr><td>your favorite Search Engine:</td><td</td>"+phone[id]+"</td></tr>";
	data+="<tr><td>games you play:</td><td</td>"+phone[id]+"</td></tr>";
	
	*/
	data+="<tr><td>Payment Type:</td><td>"+payment[id]+"</td></tr>";
	data+="<tr><td>Method of Shipping:</td><td>"+shipping[id]+"</td></tr>";
	data+="<tr><td>Courier Service:</td><td>"+courier[id]+"</td></tr>";
	data+="<tr><td>Membership Type:</td><td>"+membership[id]+"</td></tr>";
	
	if(car[id]=="Yes")
	data+="<tr><td>You Own:</td><td>car</td></tr>";
	if(hometheater[id]=="Yes")
	data+="<tr><td>You Own:</td><td>Home Theater</td></tr>";
	if(motorbike[id]=="Yes")
	data+="<tr><td>You Own:</td><td>Motorbike</td></tr>";
	if(hiking[id]=="Yes")
	data+="<tr><td>Your hobbies are:</td><td>hiking</td></tr>";
	if(surfing[id]=="Yes")
	data+="<tr><td>Your hobbies are:</td><td>surfing</td></tr>";
	if(skating[id]=="Yes")
	data+="<tr><td>Your hobbies are:</td><td>skating</td></tr>";
	if(google[id]=="Yes")
	data+="<tr><td>your favorite Search Engine is:</td><td>google</td></tr>";
	if(yahoo[id]=="Yes")
	data+="<tr><td>your favorite Search Engine is:</td><td>yahoo</td></tr>";
	if(msn[id]=="Yes")
	data+="<tr><td>your favorite Search Engine is:</td><td>MSN</td></tr>";
	if(soccer[id]=="Yes")
	data+="<tr><td>games you play are:</td><td>Soccer</td></tr>";
	if(football[id]=="Yes")
	data+="<tr><td>games you play are:</td><td>football</td></tr>";
	if(golf[id]=="Yes")
	data+="<tr><td>games you play are:</td><td>Golf</td></tr>";
	
	
	data+="</table>";
	
	document.getElementById('detailed').innerHTML=data;
}


function closewin(){
	if(confirm("Are you sure you want to clear your cart?")){
		count=0;
		alert('cart successfully cleared');
	}
}