var xmlHttp;


function showItemDetails(theAction, theUPC){
	showDetails	= document.getElementById('showDetails');
	
	if(theAction == "p"){
		// show login
		showDetails.innerHTML = "<input type='text' name='idL' size='16' /> <input type='password' name='idP' size='8' /> <input type='button' name='loginAdministrator' value='LOGIN' onClick=\"showItemDetails('s', '" + theUPC + "'); return false;\" /> <a href='#' onClick=\"showItemDetails('c', '" + theUPC + "'); return false;\">X</a>";
		document.LBcatalogProducts.idL.focus();
	}else if(theAction == "s"){
		// submit and get the info (if password OK)
		getItemDetails(theUPC)
	}else if(theAction == "c"){
		// cancel login
		showDetails.innerHTML = "<a href='#' onClick=\"showItemDetails('p', '" + theUPC + "'); return false;\"><img src='images/lockIcon.gif' width='12' height='12' alt='Show Details' /></a>";
	}else{
		// action not provided
		return false;
	}
}



function getItemDetails(theUPC){
	// given the UPC
	// query for details
	// return as XML from php
	// show the detailed info
		
	xmlHttp = GetXmlHttpObject();
	
	if(xmlHttp == null){
		alert ("Browser does not support HTTP Request");
		return;
	}
	
	login = document.LBcatalogProducts.idL.value;
	pass  = document.LBcatalogProducts.idP.value;
	
	var url	= "itemDetailsXML.php";
	url		= url + "?upc=" + theUPC;
	url		= url + "&idL=" + login;
	url		= url + "&idP=" + pass;
	url		= url + "&sid=" + Math.random();
	xmlHttp.onreadystatechange = stateChangedItemDetails;
	xmlHttp.open("GET", url, true);
	xmlHttp.send(null);
}



function stateChangedItemDetails(){
	if(xmlHttp.readyState == 4 || xmlHttp.readyState == "complete"){
		xmlDoc = xmlHttp.responseXML;
		
		// affected will more than 0 if lines were changed.  0 if no lines changed.  
		if(xmlDoc.getElementsByTagName("pass")[0].hasChildNodes()){
			var myPass			= xmlDoc.getElementsByTagName("pass")[0].childNodes[0].nodeValue;
		}
		if(xmlDoc.getElementsByTagName("UPC")[0].hasChildNodes()){
			var myUPC			= xmlDoc.getElementsByTagName("UPC")[0].childNodes[0].nodeValue;
		}
		
		if(myPass == "fail"){
			// cancel login
			showDetails.innerHTML = "<a href='#' onClick=\"showItemDetails('p', '" + myUPC + "'); return false;\"><img src='images/lockIcon.gif' width='12' height='12' alt='Show Details' /></a> LOGIN FAILED";
			return false;
		}
		
		if(xmlDoc.getElementsByTagName("OH")[0].hasChildNodes()){
			var myOH			= xmlDoc.getElementsByTagName("OH")[0].childNodes[0].nodeValue;
		}
		if(xmlDoc.getElementsByTagName("OO")[0].hasChildNodes()){
			var myOO			= xmlDoc.getElementsByTagName("OO")[0].childNodes[0].nodeValue;
		}
		if(xmlDoc.getElementsByTagName("COMTD")[0].hasChildNodes()){
			var myCOMTD			= xmlDoc.getElementsByTagName("COMTD")[0].childNodes[0].nodeValue;
		}
		if(xmlDoc.getElementsByTagName("Sold")[0].hasChildNodes()){
			var mySold			= xmlDoc.getElementsByTagName("Sold")[0].childNodes[0].nodeValue;
		}
		if(xmlDoc.getElementsByTagName("MI")[0].hasChildNodes()){
			var myMI			= xmlDoc.getElementsByTagName("MI")[0].childNodes[0].nodeValue;
		}
		if(xmlDoc.getElementsByTagName("lastRcvd")[0].hasChildNodes()){
			var myLastRcvd		= xmlDoc.getElementsByTagName("lastRcvd")[0].childNodes[0].nodeValue;
		}
		if(xmlDoc.getElementsByTagName("firstRcvd")[0].hasChildNodes()){
			var myFirstRcvd		= xmlDoc.getElementsByTagName("firstRcvd")[0].childNodes[0].nodeValue;
		}
		if(xmlDoc.getElementsByTagName("lastSold")[0].hasChildNodes()){
			var myLastSold		= xmlDoc.getElementsByTagName("lastSold")[0].childNodes[0].nodeValue;
		}
		if(xmlDoc.getElementsByTagName("season")[0].hasChildNodes()){
			var mySeason		= xmlDoc.getElementsByTagName("season")[0].childNodes[0].nodeValue;
		}
		if(xmlDoc.getElementsByTagName("mkgGroup")[0].hasChildNodes()){
			var myMkgGroup		= xmlDoc.getElementsByTagName("mkgGroup")[0].childNodes[0].nodeValue;
		}
		// location
		// warnings?
		// fabric?
		
		// debugging only
		theTable  = "<table border='0' cellpadding='0' cellspacing='0'>";
		theTable += "<tr><th style=\"text-align: left;\"><a href='#' onClick=\"showItemDetails('c', '" + myUPC + "'); return false;\">X</a></th>";
		theTable += "<th style=\"border-left: 0px;\"><a href='#' onClick=\"showItemDetails('c', '" + myUPC + "'); return false;\">Close</a></th></tr>";
		theTable += "<tr><th>On Hand</th><td>"			+ myOH + "</td></tr>";
		theTable += "<tr><th>On Order</th><td>"			+ myOO + "</td></tr>";
		theTable += "<tr><th>Committed</th><td>"		+ myCOMTD + "</td></tr>";
		theTable += "<tr><th>Sold</th><td>"				+ mySold + "</td></tr>";
		theTable += "<tr><th>Model Inventory</th><td>"	+ myMI + "</td></tr>";
		theTable += "<tr><th>First Received</th><td>"	+ myFirstRcvd + "</td></tr>";
		theTable += "<tr><th>Last Received</th><td>"	+ myLastRcvd + "</td></tr>";
		theTable += "<tr><th>Last Sold</th><td>"		+ myLastSold + "</td></tr>";
		theTable += "<tr><th>Season</th><td>"			+ mySeason + "</td></tr>";
		theTable += "<tr><th>Marketing Group</th><td>"	+ myMkgGroup + "</td></tr>";
		theTable += "</table>";
		showDetails	= document.getElementById('showDetails');
		showDetails.innerHTML = theTable + " ";
		
		// clear out `atc` field ready for next item(s)
		document.LBcatalogProducts.atc.value = "";
	}
}



function GetXmlHttpObject(){
	var objXMLHttp=null;
	
	if(window.XMLHttpRequest){
		objXMLHttp=new XMLHttpRequest();
	}else if(window.ActiveXObject){
		objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	return objXMLHttp;
}