var t;
var num = 0;
var loadedCount = 0;
var first = 1;

var bg_imgArr = new Array();
bg_imgArr[0] = "/img/bg/hero_rx450h.jpg";
//bg_imgArr[1] = "/img/bg/hero_final09.jpg";
bg_imgArr[1] = "/img/bg/hero_is250c.jpg";
//bg_imgArr[0] = "/img/bg/hero_dec08_bg1.jpg";
//bg_imgArr[1] = "/img/bg/hero_dec08_bg1.jpg";

var bg_linkArr = new Array();
bg_linkArr[0] = "/page/Models/Luxury_Hybrids/RX/RX_450h/";
//bg_linkArr[1] = "/page/Final_Lexus_Event_Of_2009";
bg_linkArr[1] = "/page/Models/Luxury_Coupe/IS/IS250C/";

//bg_linkArr[2] = "http://www.lexus.com.au/model/rx/";

function show(whichOne){
	num++;
	if(num > (bg_imgArr.length-1))
	{ num = 0; }
	
	if(bg_imgArr.length == 2)
	{
		switch(whichOne)
		{
			case 0:
				tDiv = "div0";
				vDiv = "div1";
				break;
			case 1:			
				tDiv = "div1";
				vDiv = "div0";
				break;
			/*default:
				tDiv = "div0";
				vDiv = "div1";
				break;*/
			default:
				tDiv = "blank";
				vDiv = "div0";
				break;
		}
	}
	else if(bg_imgArr.length == 3)
	{
		switch(whichOne)
		{
			case 0:
				tDiv = "div0";
				vDiv = "div1";
				break;
			case 1:			
				tDiv = "div1";
				vDiv = "div2";
				break;
			case 2:
				tDiv = "div2";
				vDiv = "div0";
				break;
			default:
				tDiv = "blank";
				vDiv = "div0";
				break;
		}
	}
	else
	{
		tDiv = "div0";
		vDiv = "div0";
	}
	
	if($(tDiv).fx){$(tDiv).fx.stop();}
	if($(vDiv).fx){$(vDiv).fx.stop();}
	$(tDiv).fx = $(tDiv).effect('opacity', {duration: 1000}).start(0);
	$(vDiv).fx = $(vDiv).effect('opacity', {duration: 1000}).start(1);	
	$(vDiv).fx.fireEvent('onStart', switchLayer(), 10);
}

function switchLayer()
{
	i=0;
	while(document.getElementById("div" + i))
	{
		if(num == i)
		{ document.getElementById("div" + i).style.zIndex = 2; }
		else
		{ document.getElementById("div" + i).style.zIndex = 1; }
		i++;
	}
}

function gotoLink(url,pos)
{
	//alert(url + ":" + pos);
	createCookie("heroImage",pos,"1000");
	window.location = bg_linkArr[pos];
}

function preloadImages()
{
	loadedCount = 1;
	
	preload_image = new Image(1259,541); 
	preload_image.src = bg_imgArr[0];
	/*preload_image.onload = function()
	{ checkLoadedCount(); }*/
	
	if (bg_imgArr.length > 1) {
		preload_image2 = new Image(1221,541); 
		preload_image2.src = bg_imgArr[1];
		/*preload_image2.onload = function()
		{ checkLoadedCount(); }*/
	}
	
	setTimeout('insertDivs()',100);
	
	//preload_image3 = new Image(1205,532); 
	//preload_image3.src = bg_imgArr[2];
	//preload_image3.onload = function()
	//{ checkLoadedCount(); }
}

function checkLoadedCount()
{
	if(loadedCount == bg_imgArr.length)
		insertDivs();
	else
		loadedCount++;
		
}

function insertDivs()
{
//	document.getElementById("hero").innerHTML = "<div id='div0' onmouseover='javascript:pauseNow();' onmouseout='javascript:resume();' style='position:absolute; opacity: 1; filter:alpha(opacity = 1); z-index:2; height:532px;'><a href=javascript:gotoLink('" + bg_linkArr[0] + "',0);><img id='image1' src='" + bg_imgArr[0] + "' width='1205' height='532' border='0' /></a></div>";
//	document.getElementById("hero").innerHTML += "<div id='div1' onmouseover='javascript:pauseNow();' onmouseout='javascript:resume();' style='position:absolute; opacity: 0; filter:alpha(opacity = 0); z-index:1; height:532px;'><a href=javascript:gotoLink('" + bg_linkArr[1] + "',1);><img id='image2' src='" + bg_imgArr[1] + "' width='1205' height='532' border='0' /></a></div>";
//	document.getElementById("hero").innerHTML += "<div id='div2' onmouseover='javascript:pauseNow();' onmouseout='javascript:resume();' style='position:absolute; opacity: 0; filter:alpha(opacity = 0); z-index:1; height:532px;'><a href=javascript:gotoLink('" + bg_linkArr[2] + "',2);><img id='image3' src='" + bg_imgArr[2] + "' width='1205' height='532' border='0' /></a></div>";
	
	document.getElementById("hero").innerHTML = "<div id='div0' style='position:absolute; opacity: 0; filter:alpha(opacity = 0); z-index:1; height:532px;'><a href=javascript:gotoLink('" + bg_linkArr[0] + "',0);><img id='image1' src='" + bg_imgArr[0] + "' height='532' border='0' /></a></div>";
	document.getElementById("hero").innerHTML += "<div id='div1' style='position:absolute; opacity: 0; filter:alpha(opacity = 0); z-index:1; height:532px;'><a href=javascript:gotoLink('" + bg_linkArr[1] + "',1);><img id='image2' src='" + bg_imgArr[1] + "' height='532' border='0' /></a></div>";
	document.getElementById("hero").innerHTML += "<div id='blank' style='position:absolute; opacity: 1; filter:alpha(opacity = 1); z-index:2; height:532px;'>&nbsp;</div>";
	//alert('innerHTML ' + document.getElementById("hero").innerHTML);
//	document.getElementById("hero").innerHTML += "<div id='div2' style='position:absolute; opacity: 0; filter:alpha(opacity = 0); z-index:1; height:532px;'><a href=javascript:gotoLink('" + bg_linkArr[2] + "',2);><img id='image3' src='" + bg_imgArr[2] + "' height='532' border='0' /></a></div>";

	if(bg_imgArr.length > 1)
		delay();
}

function delay()
{
//	show("blank");
	if (first == 1) {
		first = 0;
		rotate();
//		setTimeout('rotate()',50);
	} else {
		setTimeout('rotate()',7000);
	}
}

function rotate()
{
	t = setTimeout(rotate,7000);
	show(num);
}

function pauseNow()
{
	clearTimeout(t);
}

function resume()
{
	if(bg_imgArr.length > 1)
		rotate();
}

function start()
{
	if (first == 0) {
		return;
	}
	// left:50%; margin-left:-490px;
	document.getElementById("hero").style.left = "50%";
	document.getElementById("hero").style.marginLeft = "-600px";
	//style="width:100%; height:100%; z-index:0; position:absolute;"
	document.getElementById("hero").style.width = "100%";
	document.getElementById("hero").style.height = "100%";
	document.getElementById("hero").style.zIndex = "0";
	document.getElementById("hero").style.position = "absolute";
	
	document.getElementById("mainContent").style.marginTop = "300px";
	document.getElementById("mainContent").style.paddingTop = "0px";
	preloadImages();
}