var xmlHttp

var alertTimerId = 0;
var alertResetId = 0;
var last;

function callFade(src, highlight)	{
	if (last != src)	{
		last = src;	
		Effect.DefaultOptions.duration = 0.5;
		Effect.Queues.interval = 150;

		new Effect.Fade('content_products', { queue: { position: 'end', scope: 'clients',limit: 2 } });	

		var callView = "changeView('" + src + "')"; 
		alertTimerId = setTimeout (callView, 500 );	
		new Effect.Appear('content_products', { queue: { position: 'end', scope: 'clients',limit: 2 } });

		var callReset = "resetBorders(" + highlight + ")"; 
		alertResetId = setTimeout (callReset, 2500 );		
		
	}

	for (i=0; i<=12; i++)	{
		if (i == highlight) {
			document.getElementById("p"+highlight).src = "Images/product_border_on.gif";				
		} else {
			document.getElementById("p"+i).src = "Images/product_border_tint.png";	
		}
	}

}

function resetBorders(highlight)	{
	for (i=0; i<=12; i++)	{
		if (i == highlight) {
			document.getElementById("p"+highlight).src = "Images/product_border_on.gif";				
		} else {
			document.getElementById("p"+i).src = "Images/product_border.gif";	
		}
	}	
}


function changeView(src)	{ 
	clearTimeout ( alertTimerId );
	alertTimerId = 0;
	var url="get_stock_item.php?id=" +  src;

	var obj = document.getElementById("content_products");
	obj.style.backgroundImage="url(Images/Products/Full_size/img_" + src + ".jpg)";

	xmlHttp=GetXmlHttpObject(stateChanged)
	xmlHttp.open("GET", url , true)
	xmlHttp.send(null)
}


function stateChanged() { 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")	{ 
		document.getElementById("content_products").innerHTML=xmlHttp.responseText
	} 
} 

function GetXmlHttpObject(handler)	{ 
	var objXmlHttp=null

	if (navigator.userAgent.indexOf("Opera")>=0)	{
		alert("This example doesn't work in Opera") 
		return 
	}

	if (navigator.userAgent.indexOf("MSIE")>=0)	{ 
		var strName="Msxml2.XMLHTTP"
		if (navigator.appVersion.indexOf("MSIE 5.5")>=0)	{
			strName="Microsoft.XMLHTTP"
		} 
		try
			{ 
			objXmlHttp=new ActiveXObject(strName)
			objXmlHttp.onreadystatechange=handler 
			return objXmlHttp
			} 
		catch(e)
			{ 
			alert("Error. Scripting for ActiveX might be disabled") 
			return 
			} 
		} 

	if (navigator.userAgent.indexOf("Mozilla")>=0)	{
		objXmlHttp=new XMLHttpRequest()
		objXmlHttp.onload=handler
		objXmlHttp.onerror=handler 
		return objXmlHttp
	}
}