// JavaScript Document
var xmlhttp = false;

function getAJAX(url) {
	if (window.XMLHttpRequest) {
		xmlhttp = new XMLHttpRequest();
		//xmlhttp.overrideMimeType('text/xml');
	}
	else if (window.ActiveXObject) {
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	if (xmlhttp) {
		//alert(url);
		xmlhttp.open('GET', url);
		xmlhttp.onreadystatechange = displayOrder;
		xmlhttp.send(null);
    }
	else
		alert("no http connection available");
}

function submitAddForm(formNum, colorOption) {
	//alert("hello");
	var flag=true;
	var URL = "include/web_order.php";
	//alert(URL + "hi");

    var f = document.forms[formNum]; 
	
	
	var qty = f.qty.value;
	//alert("hi" + qty);
	if (qty == "none") {	
		flag=false;
		f.qty.className = "invalid";
		}
	else
		f.qty.className = "";

	var size = f.size.value;
	//alert("HELLO :  " + qty + " : " + size);
	if (size == "none") {
		flag=false;
		f.size.className = "invalid";
		}
	else
		f.size.className = "";
		
	var color = null;
	if (colorOption=="yes") {
		color = f.color.value;
		//alert("HELLO :  " + qty + " " + color + " " + size + " " + id);
		if (color == "none") {	
			flag=false;
			f.color.className = "invalid";
			}
		else
			f.color.className = "";	
		}
    var pid = f.pid.value;
	var regex_text = /\w{1}/;
	
	
	//alert("HELLO :  " + qty + " " + color + " " + size + " " + pid);
	
	if (flag) {
		var actionURL = URL + "?pid=" + pid + "&qty=" + qty + "&color=" + color + "&size=" + size;
		getAJAX(actionURL);
	}
	else 
		document.getElementById('errorCell').innerHTML = 'Incomplete Data.  Please fill in any missing fields!';
}

function displayOrder() {
	var id='webOrder';
	//alert("oh hi:" + xmlhttp.responseText); 
	if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {
		document.getElementById(id).innerHTML = xmlhttp.responseText;
	}
}

	function validateForm() {
		var flag = true;
		
		var regex_email = /^.+@[^\.].*\.[a-z]{2,}$/;
		var regex_text = /\w{1}/;
		var email = document.custForm.email.value;
		var fname = document.custForm.fname.value;
		var lname = document.custForm.lname.value;
		var phone = document.custForm.phone.value;
		
        if (fname.search(regex_text) == -1) {
			flag=false;
			document.custForm.fname.className = "invalid";
			}
		else
			document.custForm.fname.className = "";
        if (lname.search(regex_text) == -1) {
			flag=false;
			document.custForm.lname.className = "invalid";
			}
		else
			document.custForm.lname.className = "";
		if (email.search(regex_email) == -1) {	
			flag=false;
			document.custForm.email.className = "invalid";
			}
		else
			document.custForm.email.className = "";
        if (phone.search(regex_text) == -1) {
			flag=false;
			document.custForm.phone.className = "invalid";
			}
		else
			document.custForm.phone.className = "";
			
		if (!flag) 
			document.getElementById('errorCell').innerHTML = 'Incomplete Data.  Please fill in all fields!';
		else
			document.custForm.submit();
	}