//////////////////////////////////////////////
/// Code Added 2-2007
/// JrL
/// slide show affect for  featured products
///
/// Note absolute image paths are used in this file.

	var prodCount = 0 ; /// how many products to show updated by c# Code
	var curProdCount = 0 ;  /// Zero based count of Product to show
	var prodDelay = 8000;  /// delay in millisec between products
	var prodPauseDelay = 5000;  /// delay in millisec between before restarting slide show when prod img#button is clickeed
	var the_timeOutProd = null;  /// place holder for prod setTimeout event

function pauseFeatures()
{
	stopProd();
	showHideObj('featuresPause');
	showHideObj('featuresPlay');

}

function playFeatures()
{
//	curProdCount = (curProdCount +  1 ) % prodCount ;  
	showHideObj('featuresPause');
	showHideObj('featuresPlay')
	nextProd();

}

function showThisItem(intItem) // used by onClick for "button#" image
{	// remember curProdCount Zero based list
	curProdCount = intItem % prodCount ;  
	stopProd();
	nextProd();
}

/// prod functions	
function nextProd(){ 
	ShowProd(curProdCount +  1) ; 
	HighlightProdImage(curProdCount +  1) ; 
	curProdCount = (curProdCount +  1 ) % prodCount ;  
	the_timeOutProd = setTimeout("nextProd();", prodDelay);  
} 
function stopProd() { clearTimeout(the_timeOutProd); } 

function showProdItem(pID){
	stopProd() ;
	HighlightProdImage(pID) ; 
	ShowProd(pID);
	curProdCount = pID - 1;
	the_timeOutProd = setTimeout("nextProd();", prodPauseDelay); 
	 
}

function ShowProd(prodID)
{
	for (intCounter = 1; intCounter <= prodCount; intCounter++)
	{ 
		if(intCounter == prodID)
		{
			showObj('featureID_' + intCounter);
		}else
		{
			hideObj('featureID_' + intCounter);
		}
	}

}

function HighlightProdImage(intIndex){
	var objItem;
	var strImage;
	var intCounter;
	for (intCounter = 1; intCounter <= prodCount; intCounter++)
	{ 
		if (document.getElementById)
		{
			objItem = document.getElementById('btnFeature' + intCounter);
		}  else if (document.layers){
			objItem = document.layers['btnFeature' + intCounter];
		}
		
		if(intCounter == intIndex)
		{
			//	Set Highlighted Image
			if (imgPreLoad)
			{
				eval("btn" + intCounter + ".src = '/images/btn" + intCounter + "x.gif';");
				eval("btn" + intCounter + "x.src = '/images/btn" + intCounter + "x.gif';");
			}
			
			objItem.src = "/images/btn" + intCounter + "x.gif";
		}
		else
		{
			//Reset other Images
			if (imgPreLoad)
			{
				eval("btn" + intCounter + ".src = '/images/btn" + intCounter + ".gif';");
				eval("btn" + intCounter + "x.src = '/images/btn" + intCounter + "x.gif';");
			}
			objItem.src = "/images/btn" + intCounter + ".gif";
		}
	}
}
///
//////////////////////////////////////////////
//---------------------------- Show / Hide ---------------------------- //
//----------------------------------------------------
// Show or hide an element , and swap image
// used in Right Hand Content area
	
function showHideObj(name){
	var obj;
		if (document.getElementById)
		{
			obj = document.getElementById(name);
		}  else if (document.layers){
			obj = document.layers[name];
		}
		
		if (obj.style.display == "none"){
			obj.style.display = "block";
			}
		else{
			obj.style.display = "none";
			}
			
}
// Show Element
function showObj(name){
	var obj;
		if (document.getElementById)
		{
			obj = document.getElementById(name);
		}  else if (document.layers){
			obj = document.layers[name];
		}
		
		obj.style.display = "block";
}

// Hide Element
function hideObj(name ){
	var obj;
		if (document.getElementById)
		{
			obj = document.getElementById(name);
		}  else if (document.layers){
			obj = document.layers[name];
		}
		
			obj.style.display = "none";			
}

function changeImageByID(objID, imgSwap)
{
	if (imgPreLoad && document.getElementById )
	{
		oImg = document.getElementById(objID);
		oImg.src = eval(imgSwap + ".src");
	}
}
var imgPreLoad = false;

if (document.images)
{
	btn1 = new Image();
	btn1.src =  "/images/btn1.gif";

	btn1x = new Image();
	btn1x.src =  "/images/btn1x.gif";

	btn2 = new Image();
	btn2.src =  "/images/btn2.gif";

	btn2x = new Image();
	btn2x.src =  "/images/btn2x.gif";

	btn3 = new Image();
	btn3.src =  "/images/btn3.gif";

	btn3x = new Image();
	btn3x.src =  "/images/btn3x.gif";

	btn4 = new Image();
	btn4.src =  "/images/btn4.gif";

	btn4x = new Image();
	btn4x.src =  "/images/btn4x.gif";

	btnPause = new Image();
	btnPause.src =  "/images/btnPause.gif";

	btnPlay = new Image();
	btnPlay.src =  "/images/btnPlay.gif";

	imgPreLoad = true;
}