currentId = 0;
window.onload = eventHandler


var checkOver = 0;
var iconOver = 0;
var brandingOver = 0;




function thumbMouseOver(id, imgurlSmall, imgurlLarge)
{
	hideModels ();
	showModel(id, imgurlSmall, imgurlLarge);
	setVisibility("brandingShadow1", "hidden");
	setVisibility("brandingShadow2", "visible");
	setVisibility("brandingWhiteLayer", "visible");
}



function thumbMouseOut(id, imgurlSmall)
{
	showModel(id, imgurlSmall, '');
}



function showModel(id, imgurlSmall, imgurlLarge) 
{
	brandImgSrc = imgurlLarge;
	modelImgSrc = imgurlSmall;

	setImage("iconLayer","modelImage"+id,modelImgSrc);
	setImage("homepageModelselector","brandingImage",brandImgSrc);
	setVisibility("brandingLayer"+id, "visible");
	
	if (currentId!=id) 
		setVisibility("brandingLayer"+currentId, "hidden");
	
	currentId = id;
}



// check for hiding the layers
setInterval ("checkVisibilityLayers()", 250);



function checkVisibilityLayers ()
{
	if (Number (iconOver + brandingOver) == 0  &&  checkOver == 1)
	{
		hideModels ();
		for (var i = 0; i < numModels; ++i)
		{
			setVisibility ('brandingLayer' + (i + 1), 'hidden');
		}
		setVisibility ('brandingWhiteLayer', 'hidden');
		setVisibility("brandingShadow1", "visible");
		setVisibility ("brandingShadow2", "hidden");

		checkOver = 0;
	}
}



function eventHandler()
{
	myObj = getObject("captureLayer");
	if(myObj)
	{
		if(isNAV4) 
		{	
			e = document.layers.captureLayer.captureEvents(Event.MOUSEOVER)
			document.layers.captureLayer.onmouseover = showAll
		}
		else if(isNAV6) 
			document.getElementById('captureLayer').onmouseover= showAll
		else 
			document.all.captureLayer.onmouseover = showAll
	}
}