/**
 *These functions handle the work order query clipboard.
 */
 
 var MOVE_LEFT_BY = 10;
 var MOVE_UP_BY = 15;
 var CLIPBOARD_DIV = "clipboard_div";
 var STARTING_WIDTH = "107";
 var STARTING_HEIGHT = "137";
 var LARGE_CLIPBOARD = "img/clipboard_large.gif";
 var LARGE_CLIPBOARD_ID = "largeClipboard";
 var UPDATE_PERIOD = 50;
 var CLIPBOARD_INCREASE_FACTOR = 1.1;
 var WO_QUERY_DIV = "wo_query_div";
 var WO_QUERY_URL = "../order.php";
 var timer;
 var reqXML;
 
 function triggerClipboardExand() {
 	var div = document.getElementById(CLIPBOARD_DIV);
 	div.innerHTML = "<img id='" + LARGE_CLIPBOARD_ID + "' width='" + STARTING_WIDTH + 
 	"' height='" + STARTING_HEIGHT + "' src='" + LARGE_CLIPBOARD + "'>";
 	timer = setInterval("growAndCenterClipboard()", UPDATE_PERIOD);
 }
 
 /**
  * Called by the timer.
  */
 function growAndCenterClipboard() {
 	var clipboardDiv = document.getElementById(CLIPBOARD_DIV);
 	clipboardDiv.style.left = (parseInt(removePX(clipboardDiv.style.left)) - MOVE_LEFT_BY) + "px";
 	clipboardDiv.style.top = (parseInt(removePX(clipboardDiv.style.top)) - MOVE_UP_BY) + "px";
 	var img = document.getElementById(LARGE_CLIPBOARD_ID);
 	img.width = img.width * CLIPBOARD_INCREASE_FACTOR;
 	img.height = img.height * CLIPBOARD_INCREASE_FACTOR;
 	if(finishClipboardGrowth()) {
 		clearInterval(timer);
 		timer = null;
 		showWOQueryForm();
 	}
 }
 
 function finishClipboardGrowth() {
 	var clipboardDiv = document.getElementById(CLIPBOARD_DIV);
 	return (parseInt(removePX(clipboardDiv.style.top)) < 200);
 }
 
 function showWOQueryForm() {
 	if(document.getElementById(WO_QUERY_DIV) != null) {
 		clearWOQueryForm();
 	}
 	var clipboardDiv = document.getElementById(CLIPBOARD_DIV);
 	var woQueryDiv = document.getElementById(WO_QUERY_DIV);
 	woQueryDiv.innerHTML = "WorkOrder Number: <input id='woNumberTxt' type='text'>" + 
 	"<br>Phone Number: <input id='phoneNumberTxt' type='text'><br>" +
 	"<button id='findWOButton' onclick='sendWOQuery()'>Find</button>" +
 	"<button onclick='shrinkCheckWOButton()'>Cancel</button>";
 	woQueryDiv.style.top = parseInt(removePX(clipboardDiv.style.top)) + 100;
 	woQueryDiv.style.left = parseInt(removePX(clipboardDiv.style.left)) + 50;
 }
 
 function removePX(px) {
 	var len = String(px).length;
 	return String(px).substring(0,len-2);
 }
 
 function clearWOQueryForm() {
 	document.getElementById(WO_QUERY_DIV).innerHTML = "";
 }
 
 function shrinkCheckWOButton() {
 	clearWOQueryForm();
	var div = document.getElementById(CLIPBOARD_DIV);
	div.style.left = "550px";
	div.style.top = "350px";
	div.innerHTML = "<img id='checkWO' src='img/wo_status.gif' onmouseover='showWOSelected()' onmouseout='showWOUnSelected()' onclick='triggerClipboardExand()'>";
}
 
 function handleWOQueryReponse() {
 	clearWOQueryForm();
 	var newQueryBtn = "<button onclick='showWOQueryForm()'>New Query</button>";
	if(reqXML.readyState == 4){   
    	if(reqXML.status == 200){
            document.getElementById(WO_QUERY_DIV).innerHTML = reqXML.responseText + newQueryBtn;
       	} else {
         	document.getElementById(WO_QUERY_DIV).innerHTML = "Error Status: " + reqXML.status + newQueryBtn;
        }
 	}
}
 
 function sendWOQuery() {
 	document.getElementById("findWOButton").disabled = "true";
 	var phoneNumber = document.getElementById("phoneNumberTxt").value;
 	var woNumber = document.getElementById("woNumberTxt").value;
 
 	var url = WO_QUERY_URL + "?wo=" + woNumber + "&phone=" + phoneNumber;
 	
 	if (window.XMLHttpRequest){ 
		reqXML = new XMLHttpRequest();
    	reqXML.onreadystatechange = handleWOQueryReponse;
    	reqXML.open("GET", url, true);
    	reqXML.send(null);
   	} else if(window.ActiveXObject){ 
        reqXML = new ActiveXObject("Microsoft.XMLHTTP"); 
        if(reqXML){ 
         	reqXML.onreadystatechange = handleWOQueryReponse
            reqXML.open("GET", url, true);
            reqXML.send();
        }
    }
}