// Global vars to hold connection to web pages
var xmlHttp
var xmlHttp2

function showPage(name,type,job,patch,page) { 
	// Function that gets called
	// Currently we only call one other sub, but this could change
	showItems(name,type,job,patch,page)
}

function showItems(name,type,job,patch,page) { 
	// This sub will populate a table with all the states and get the 
	// pagination built
	
	// Make the AJAX connection for both the navigation and content
	xmlHttp=GetXmlHttpObject()
	xmlHttp2=GetXmlHttpObject()
	
	// If we cant do the request error out
	if (xmlHttp==null || xmlHttp2==null ) {
	 	alert ("Browser does not support HTTP Request")
	 	return
	}
	
	if(document.getElementById("typeFilter").value == "0x0004" || document.getElementById("typeFilter").value == "0x0005") {
		document.getElementById("searchJobLabel").style.visibility = "visible"
		document.getElementById("searchJob").style.visibility = "visible"
	}
	else {
		document.getElementById("searchJobLabel").style.visibility = "hidden"
		document.getElementById("searchJob").style.visibility = "hidden"
		document.getElementById("jobFilter").value="Any"
		job = "Any"
	}
		
	// First build the navigation panel
	var url="/patches/items/items.php"
	url=url+"?name="+name
	url=url+"&type="+type
	url=url+"&job="+job
	url=url+"&patch="+patch
	url=url+"&page="+page
	url=url+"&mode=nav"
	url=url+"&sid="+Math.random()
	// Once the page finished loading put it into the div
	xmlHttp2.onreadystatechange=navDone

	// Get the php page
	xmlHttp2.open("GET",url,true)
	xmlHttp2.send(null)
	
	// Build the url to call
	// Pass variables through the url
	var url="/patches/items/items.php"
	url=url+"?name="+name
	url=url+"&type="+type
	url=url+"&job="+job
	url=url+"&patch="+patch
	url=url+"&page="+page
	url=url+"&mode=con"
	url=url+"&sid="+Math.random()
	
	// Once the page finished loading put it into the div
	xmlHttp.onreadystatechange=stateChanged 
	
	// Get the php page
	xmlHttp.open("GET",url,true)
	xmlHttp.send(null)
}

function navDone() { 
	// If this is getting called when the page is done loading then fill the pagination div
	if (xmlHttp2.readyState==4 || xmlHttp2.readyState=="complete") { 
	 	// Update the Div tag with the outputted text
	 	document.getElementById("navigation").innerHTML=xmlHttp2.responseText 
	} 
}

function stateChanged() { 
	// If this is getting called when the page is done loading the items then output the div
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { 
	 	// Update the Div tag with the outputted text
	 	document.getElementById("content").innerHTML=xmlHttp.responseText;
	} 
}

function GetXmlHttpObject() {
	// Determine what browser we are on and make a httprequest connection for ajax
	var xmlHttp=null;

	try {
	 	// Firefox, Opera 8.0+, Safari
	 	xmlHttp=new XMLHttpRequest();
	}
	catch (e) {
	 	// Internet Explorer
	 	try {
	  		xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
	  	}
	 	catch (e) {
	  		xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
	  	}
	}
	
	return xmlHttp;
}

// Onload start the user off on page one
window.onload = function(){showPage("","Any","Any","2011-09-19","1");document.getElementById("nameFilter").focus();};