function load(){
	//document.getElementById("metalSelect").selectedIndex = 0;
}


function checkMetal(){
	var metal = document.getElementById("metalSelect").selectedIndex;
	
	if(metal == 0){
		idWrite("typeMenu", "Please select a metal");
		selectStep(1);
		clearOrderInfo();
	}else{
		typeMenu(metal);
		selectStep(2);
		clearOrderInfo();
	}
}

function checkType(){
	var mtype = document.getElementById("typeSelect").selectedIndex;
	if(mtype == 0){
		selectStep(2);
		clearOrderInfo();
		idWrite("orderInfo", "Please select a gauge");
	}else{
		checkWidth();
	}
}

function checkWidth(){
	width = document.getElementsByName("width")[0].value;
	if ((width< 1) || (parseInt(width) != parseFloat(width))){
		selectStep(3);
		idWrite("orderInfo", "Please enter a valid width.");
	}else{
		selectStep(4);
		checkLength();
	}
}

function checkLength(){
	leng = document.getElementsByName("leng")[0].value;
	if ((leng<1) || (parseInt(leng) != parseFloat(leng))){
		selectStep(4);
		idWrite("orderInfo", "Please enter a valid length.");
	}else{
		selectStep(5);
		clearOrderInfo();
		orderInfo();
	}
}

function selectStep(stepNumber){
	numSteps = 5;
	
	for(i=0; i<numSteps; i++){
		if(i == stepNumber-1){
			idClass("step"+(i+1), "current");
		}else{
			idClass("step"+(i+1), "step");
		}
	}
	
	
	for(input=0;input<3;input++){
		if(stepNumber<(input+3)){
			disableInput(input);
		}else{
			enableInput(input);
		}
	}
	
	if(stepNumber<5){
		clearOrderInfo();
	}else{
		orderInfo();
	}
}

function disableInput(inputNumber){
	var docInputs = new Array(3);
	docInputs[0]="width";
	docInputs[1]="length";
	docInputs[2]="quantity";
	
	idClass((docInputs[inputNumber]+"Input"), "greyInput");
	document.getElementById(docInputs[inputNumber]+"Input").disabled = true;
}

function enableInput(inputNumber){
	var docInputs = new Array(3);
	docInputs[0]="width";
	docInputs[1]="length";
	docInputs[2]="quantity";
	
	idClass((docInputs[inputNumber]+"Input"), "normalInput");
	document.getElementById(docInputs[inputNumber]+"Input").disabled = false;
}

function orderInfo(){
	
	mtype = document.getElementById("typeSelect").selectedIndex;
	//weight = document.getElementsByName("weight"+mtype)[0].value;
	width = document.getElementsByName("width")[0].value;
	leng = document.getElementsByName("leng")[0].value;
	quantity = document.getElementsByName("quantity")[0].value;
	
	output = ""; //"Int: "+parseInt(quantity)+" Float: "+parseFloat(quantity)+"<br/>";
	
	if ((quantity < 0) || (parseInt(quantity) != parseFloat(quantity))){
		output+= "Invalid quantity.";
	}else if (quantity == 0){
		output+= "Please select quantity.";
	}else{
	/*if ((quantity < 0) ||(parseInt(quantity).toString != quantity)){
		quantity = Math.abs(parseInt(quantity);
		
		document.getElementByName("quantity").value = quantity;
	}*/
	
	
		/*output+= "<h1>Order Details</h1>\n";
		output+= "<table id=\"total\">\n<tr>\n";
		output+= "<td width=\"230\"class=\"right\">Weight per Square Foot:</td>\n";
		output+= "<td class=\"left\">"+parseInt(weight/40*1000)/1000+"</td>\n";
		output+= "</tr>\n<tr>\n";
		output+= "<td class=\"right\">Weight per Sheet:</td>\n";
		output+= "<td class=\"left\">"+parseInt(weight/40*leng*width/144*100)/100+"</td>\n";
		output+= "</tr>\n<tr>\n";
		output+= "<td class=\"right\"><b>Total Weight:</b></td>\n";
		output+= "<td class=\"left\"><b>"+parseInt(weight/40*leng*width/144*quantity*100)/100+"</b></td>\n"; //2 decimal places
		output+= "</tr>\n";
		output+= "</table><br/>";//*/
		output+= "<input type=\"submit\" name=\"submit\" value=\"Request Quote\">";//*/
	}
	
	idWrite("orderInfo", output);
}

function clearOrderInfo(){
	idWrite("orderInfo", "");
}

function typeMenu(metal){
	//idwrite("typeMenu", '<input name="type" value="'+metal+'">');
	//idWrite("typeMenu", metal);
	ajaxMenu("typeMenu", "type", metal);
}

//adapted from http://www.quirksmode.org/js/layerwrite.html
function idWrite(elementId, text)
{
	if (document.getElementById)
	{
		x = document.getElementById(elementId);
		x.innerHTML = text;
	}
	else if (document.all)
	{
		x = document.all[elementId];
		x.innerHTML = text;
	}
	else if (document.layers)
	{
		x = document.layers[elementId];
		text2 = '<P CLASS="testclass">' + text + '</P>';
		x.document.open();
		x.document.write(text2);
		x.document.close();
	}
}

function idClass(elementId, elementClass)
{
	if (document.getElementById)
	{
		x = document.getElementById(elementId);
		x.className = elementClass;
	}
	else if (document.all)
	{
		x = document.all[elementId];
		x.className = elementClass;
	}
		
}//*/

function ajaxMenu(menuId, menuType, menuValue)
{
	var xmlHttp;
	try
	{
		// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
	}
	catch (e)
    {
    	// Internet Explorer
		try
		{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
	    catch (e)
		{
			try
			{
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e)
			{
				alert("Your browser does not support AJAX!");
				return false;
			}
		}
    }
	xmlHttp.onreadystatechange=function()
	{
		if(xmlHttp.readyState==4)
        {
        	responseText = xmlHttp.responseText;
        	idWrite(menuId, responseText);
        	//idWrite(menuId, "Well at least it's writing OK.");
    	}
		if(xmlHttp.readyState==2)
		{
			idWrite(menuId, "Loading menu...");
		}
	}
	
	var url="inc/ajaxmenu.php";
	var param="";
				
	//These are for POST.
	param=param+"type="+menuType;
	param=param+"&data="+menuValue; //*/
	
	//document.yo.descr.value=param;
	
	xmlHttp.open("POST",url,true);
	xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xmlHttp.setRequestHeader("Content-length", param.length);
	xmlHttp.setRequestHeader("Connection", "close"); //*/
    xmlHttp.send(param);
}