var http = createRequestObject();
var http2 = createRequestObject();

function createRequestObject() {
	
	var request_o = false;
	request_o = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
	
	return request_o;

}

function newInfo() {
	if( http.readyState == 4 ) {
		if( http.status == 200 ) {
			var response = http.responseText.split("|");
			var num = response[4];
			//alert("num "+num);
			document.getElementById('imageDiv'+num).innerHTML = response[0];
			document.getElementById('colorDiv'+num).innerHTML = response[1];
			document.getElementById('sizeDiv'+num).innerHTML = response[2];
			document.getElementById('priceDiv'+num).innerHTML = response[3];
			document.getElementById('hoodie'+num).innerHTML = response[5];
			document.getElementById('quantity'+num).value=0;
			updateTotal(num);
			//if( document.getElementById('style'+num).value == 98 ) 
			//	alert("Please note: all black bottoms are for high school students only.");
		}
	}
	else {
		//document.getElementById('imageDiv').innerHTML = "loading...";
		//document.getElementById('colorDiv').innerHTML = "loading...";
		//document.getElementById('sizeDiv').innerHTML = "loading...";
		//document.getElementById('priceDiv').innerHTML = "loading...";
		//document.getElementById('totalDiv').innerHTML = "loading...";
		//document.getElementById('taxDiv').innerHTML = "loading...";
		//document.getElementById('subtotalDiv').innerHTML = "loading...";
		//document.getElementById('totalDueDiv').innerHTML = "loading...";
	}
	
}

function getNewInfo(num) {
	var index = document.getElementById('style'+num).selectedIndex;
	var myvalue = document.getElementById('style'+num).options[index].value;
	http.open("POST", "images.php", true);
	http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	http.onreadystatechange = newInfo;
	http.send("id="+myvalue+"&num="+num);
	//alert("id:"+myvalue+"num:"+num);
}

function updatePrice(num) {
	var index = document.getElementById('style'+num).selectedIndex;
	var myvalue = document.getElementById('style'+num).options[index].value;
	var index2 = document.getElementById('size'+num).selectedIndex;
	var myvalue2 = document.getElementById('size'+num).options[index2].value;
	if(myvalue2 == "Adult 2XL") {
		http.open("POST", "price.php", true);
		http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		http.onreadystatechange = newPrice;
		http.send("id="+myvalue+"&code=2&num="+num);
	}
	else {
		http.open("POST", "price.php", true);
		http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		http.onreadystatechange = newPrice;
		http.send("id="+myvalue+"&code=1&num="+num);
	}
}

function newPrice(num) {
	if( http.readyState == 4 ) {
		if( http.status == 200 ) {
			var response = http.responseText;
			document.getElementById('priceDiv').innerHTML = response;
			updateTotal(num);
		}
	}
	else {
		document.getElementById('priceDiv').innerHTML = "loading...";
	}	
}

function updateTotal(num) {
	//alert("start update: "+num);
	var total = 0;
	var discount = 0;
	totalDiv = document.getElementById('totalDivs').value;
	for(i=1;i<=totalDiv;i++) {
		try {
			var index = document.getElementById('quantity'+i).selectedIndex;
			var quantity = document.getElementById('quantity'+i).options[index].value;
			var price = document.getElementById('price'+i).value;
			document.getElementById('totalDiv'+i).innerHTML = "$"+((quantity*price).toFixed(2));
			total = (total*1)+(quantity*price);
		} catch(e) {
			//alert("Error: "+e+" i: "+i);
		}
	}
	total = total.toFixed(2);
	document.getElementById('subtotalDiv').innerHTML = "$"+total;
	
	/*if( document.getElementsByName('payment')[0].checked )
	{
		discount = (total * 0.05);
	}*/
	//document.getElementById('discountDiv').innerHTML = "$"+discount.toFixed(2);

	var tax = (total-discount) * 0.0825;
	document.getElementById('taxDiv').innerHTML = "$"+(tax).toFixed(2);
	var totaldue = (parseFloat(total) + parseFloat(tax.toFixed(2))).toFixed(2);
	document.getElementById('totalDueDiv').innerHTML = "$"+totaldue;
	document.getElementById('firstTotalDiv').innerHTML = "$"+totaldue;
	document.getElementById('percent').innerHTML = " ($"+(totaldue/2).toFixed(2)+")";
}

function addNewItem() {
	var totalDivs = document.getElementById('totalDivs').value;
	http.open("POST", "newItem.php", true);
	http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	http.onreadystatechange = newItem;
	http.send("totalDivs="+totalDivs);
	//alert("hi "+document.getElementById('totalDivs').value);
}


function newItem() {
	if( http.readyState == 4 ) {
		if( http.status == 200 ) {
			var response = http.responseText;
			var tableDiv = document.getElementById('tableDiv');
			var num = (document.getElementById('totalDivs').value*1)+1;
			var divIdName = 'table';
			
			var newdiv = document.createElement('div');
			newdiv.setAttribute('id',divIdName);
			newdiv.innerHTML = response;
			tableDiv.appendChild(newdiv);
			document.getElementById('totalDivs').value = num;
			getNewInfo(num);
		}
	}
}
//
function removeItem( id ) {
		//alert("removing item "+id);
		var newdiv = document.getElementById('table'+id);
		//var tableDiv = document.getElementById('tableDiv');
		newdiv.parentNode.removeChild(newdiv);
		//alert("setting totalDivs");
		//document.getElementById('totalDivs').value = (document.getElementById('totalDivs').value*1)-1;
		//alert(document.getElementById('totalDivs').value);
		updateTotal(id);
}

function submitted() {
	/*if( document.getElementById("totalDivs").value > 0 )
		alert("style1: "+document.getElementById("style1").value );
	else
		alert("none");*/
}

function checkForm() {
	if( document.getElementById("totalDueDiv").innerHTML == "$0.00" ) {
		alert("Please select an item and quantity!");
		return false;
	}
	
	if( document.getElementById("name").value == "" ) {
		alert("Please enter your name.");
		return false;
	}
	
	if( document.getElementById("phone").value == "" ) {
		alert("Please enter your phone number.");
		return false;
	}
	
	if( document.getElementById("email").value == "" ) {
		alert("Please enter your email address.");
		return false;
	}
	return true;
}

function updateSizes(num) {
	if( document.getElementById('style'+num).selectedIndex == 7) {
		if( document.getElementById('color'+num).value == "hot pink" ) {
			for( i=0;i<document.getElementById('size'+num).length;i++) {
				if( document.getElementById('size'+num).options[i].value != "Youth L" ) {
					document.getElementById('size'+num).remove(i);
				}
				else {
					document.getElementById('size'+num).selectedIndex = i;
				}
			}
		}
		else {
			for( i=0;i<document.getElementById('size'+num).length;i++) {
				document.getElementById('size'+num).remove(i);
			}
			try {
				document.getElementById('size'+num).add(new Option("Youth M", "Youth M"), null);
				document.getElementById('size'+num).add(new Option("Youth L", "Youth L"), null);
				document.getElementById('size'+num).add(new Option("Youth XL", "Youth XL"), null);
			}
			catch(e) {
				document.getElementById('size'+num).add(new Option("Youth M", "Youth M"));
				document.getElementById('size'+num).add(new Option("Youth L", "Youth L"));
				document.getElementById('size'+num).add(new Option("Youth XL", "Youth XL"));
			}
		}
		//	getNewSizes(num, "hot pink");
		//else
		//getNewSizes(num, document.getElementById('color'+num).value);
	}
	
	//alert( "hi: "+num );//"Value: "+document.getElementById('style'+num).value );
	
	/*if( document.getElementById('color'+num).value == "grape" ) 
	{
		var temp = document.getElementById('style'+num).value;
		var grape = [ 5,92,93 ];
		for( i=0;i<grape.length;i++)
		{
			if( temp == grape[i] )
				alert("Please note: all grape shirts are for high school students only.");
		}
	}*/

	/*if( document.getElementById('color'+num).value == "black" ) 
	{
		var temp = document.getElementById('style'+num).value;
		var black = [ 10,11,12,13,14,18,19,20,95,96,97,21,22,23,26,27,15,16,17,98 ];
		for( i=0;i<black.length;i++)
		{
			if( temp == black[i] )
				alert("Please note: all black bottoms are for high school students only.");
		}
	}*/

}

function toggleDiscount( one ) 
{
	var myDate = new Date(2010,6,1);
	var today = new Date();
	if( today < myDate ) {
	
		var total = 0;
		var discount = 0;
		totalDiv = document.getElementById('totalDivs').value;
		for(i=1;i<=totalDiv;i++) {
			try {
				var index = document.getElementById('quantity'+i).selectedIndex;
				var quantity = document.getElementById('quantity'+i).options[index].value;
				var price = document.getElementById('price'+i).value;
				document.getElementById('totalDiv'+i).innerHTML = "$"+((quantity*price).toFixed(2));
				total = (total*1)+(quantity*price);
			} catch(e) {
				//alert("Error: "+e+" i: "+i);
			}
		}
		total = total.toFixed(2);
		
		/*if( one == "full" )
		{
			//take subtotal and find discount
			discount = (total * 0.05);
		}*/
		
		//document.getElementById('discountDiv').innerHTML = "$"+discount.toFixed(2);
		var tax = ((total-discount) * 0.0825).toFixed(2);
		document.getElementById('taxDiv').innerHTML = "$"+tax;
		var totaldue = ((total-discount) * 1.0825).toFixed(2);
		document.getElementById('totalDueDiv').innerHTML = "$"+totaldue;
		document.getElementById('percent').innerHTML = " ($"+(totaldue/2).toFixed(2)+")";
	}
}
/*
var sizeNum = 0;

function setUpdatedSizes() {
	if( http2.readyState == 4 ) {
		if( http2.status == 200 ) {
			alert("1");
			document.getElementById('sizeDiv'+sizeNum).innerHTML = http.responseText;
			//updateTotal(num);
		}
	}
}

function getNewSizes(num, color) {
	//var index = document.getElementById('style'+num).selectedIndex;
	var myvalue = document.getElementById('style'+num).options[index].value;
	sizeNum = num;
	http2.open("POST", "sizes.php", true);
	http2.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	http2.onreadystatechange = setUpdatedSizes;
	http2.send("id="+myvalue+"&num="+num+"&color="+color);
}*/