function desc(){
	document.getElementById('desc').style.display = "block";
	document.getElementById('spec').style.display = "none";
	document.getElementById('pricing').style.display = "none";
	document.getElementById('addtlpricing').style.display = "none";

	document.getElementById('tab1').src = "images/tc_prod_detail_desc.png";
	document.getElementById('tab2').src = "images/tc_prod_detail_spec_off.png";
	document.getElementById('tab3').src = "images/tc_prod_detail_price_off.png";
	document.getElementById('tab4').src = "images/tc_prod_detail_adtlprice_off.png";
}
function spec(){
	document.getElementById('desc').style.display = "none";
	document.getElementById('spec').style.display = "block";
	document.getElementById('pricing').style.display = "none";
	document.getElementById('addtlpricing').style.display = "none";

	document.getElementById('tab1').src = "images/tc_prod_detail_desc_off.png";
	document.getElementById('tab2').src = "images/tc_prod_detail_spec.png";
	document.getElementById('tab3').src = "images/tc_prod_detail_price_off.png";
	document.getElementById('tab4').src = "images/tc_prod_detail_adtlprice_off.png";
}
function pricing(){
	document.getElementById('desc').style.display = "none";
	document.getElementById('spec').style.display = "none";
	document.getElementById('pricing').style.display = "block";
	document.getElementById('addtlpricing').style.display = "none";

	document.getElementById('tab1').src = "images/tc_prod_detail_desc_off.png";
	document.getElementById('tab2').src = "images/tc_prod_detail_spec_off.png";
	document.getElementById('tab3').src = "images/tc_prod_detail_price.png";
	document.getElementById('tab4').src = "images/tc_prod_detail_adtlprice_off.png";
}
function addtlpricing(){
	document.getElementById('desc').style.display = "none";
	document.getElementById('spec').style.display = "none";
	document.getElementById('pricing').style.display = "none";
	document.getElementById('addtlpricing').style.display = "block";

	document.getElementById('tab1').src = "images/tc_prod_detail_desc_off.png";
	document.getElementById('tab2').src = "images/tc_prod_detail_spec_off.png";
	document.getElementById('tab3').src = "images/tc_prod_detail_price_off.png";
	document.getElementById('tab4').src = "images/tc_prod_detail_adtlprice.png";
}

function tabsIntl(){
	//document.getElementById('summary').style.display = "block";
	document.getElementById('desc').style.display = "block";
	document.getElementById('spec').style.display = "none";
	document.getElementById('pricing').style.display = "none";
	document.getElementById('addtlpricing').style.display = "none";


	//document.getElementById('tab0').style.backgroundImage = "url('images//tab_on.png')";
	//document.getElementById('tab0').style.color = "black";

	document.getElementById('tab1').src = "images/tc_prod_detail_desc.png";
	document.getElementById('tab2').src = "images/tc_prod_detail_spec_off.png";
	document.getElementById('tab3').src = "images/tc_prod_detail_price_off.png";
	document.getElementById('tab4').src = "images/tc_prod_detail_adtlprice_off.png";
}

//Gets the browser specific XmlHttpRequest Object
function getXmlHttpRequestObject() {
	if (window.XMLHttpRequest) {
		return new XMLHttpRequest(); //Not IE
	} else if(window.ActiveXObject) {
		return new ActiveXObject("Microsoft.XMLHTTP"); //IE
	} else {
		//Display error message here and inform the user they should upgrade their browser.
		alert("Your browser doesn't support the XmlHttpRequest object.  Please upgrade to IE7 or Firefox.");
	}
}
//Get our browser specific XmlHttpRequest object.
var ajax = getXmlHttpRequestObject();
//Initiate the asyncronous request.

function processAjaxRequest(param, action, method, func, id){
//If our XmlHttpRequest object is not in the middle of a request, start the new asyncronous call.
	if (ajax.readyState == 4 || ajax.readyState == 0) {
		cust = new Object()
		cust.id = id

		var out = param;
		//Setup the connection as a GET call to SayHello.html.
		//True explicity sets the request to asyncronous (default).
		ajax.open(method, action, true);
		//Set the function that will be called when the XmlHttpRequest objects state changes.
		ajax.onreadystatechange = eval(func);
		//Send the proper header information along with the POST request
		ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		ajax.setRequestHeader("Content-length", out.length);
		ajax.setRequestHeader("Connection", "close");
		//Make the actual request.
		//ajax.cid = id;
		ajax.send(out);
	}
}

function regionsCall(){
	//Change Content blocks
	document.getElementById('cats').style.display = "none";
	document.getElementById('reg').style.display = "block";

	processAjaxRequest(out, 'getregions.php', 'POST', 'regionsCallOut', 'info');
}

function regionsCallOut(){
	if (ajax.readyState == 4) {
		//Set the contents of our span element to the result of the asyncronous call.
		var spanid = 'reg';
		document.getElementById(spanid).innerHTML = ajax.responseText;
	}else{
		document.getElementById('reg').innerHTML = '<div align="center" style="padding-top:30px"><img src="images/loading.gif" width="24" height="24"/></div>';
	}
}
