var num = 0;
var preloads = new Array();

var bg_imgArr = new Array();
bg_imgArr[0] = "/img/bg/hero_rx450h.jpg";
bg_imgArr[1] = "/img/bg/hero_ct200h.jpg";
bg_imgArr[2] = "/img/bg/hero_4.9pc.jpg";
bg_imgArr[3] = "/img/bg/hero_wallabies.jpg";

var bg_linkArr = new Array();
bg_linkArr[0] = "/page/Models/Luxury_Hybrids/RX/RX_450h/";
bg_linkArr[1] = "http://www.lexus.com.au/future/ct200h/";
bg_linkArr[2] = "/content/Document/lexus-courier_3_july.pdf";
bg_linkArr[3] = "http://www.lexus.com.au/lexus/sponsorships/#0";

function show() {
	var old_num = num;
	num++;
	if(num > bg_imgArr.length-1) {
		num = 0;
	}

	tDiv = "div"+old_num;
	vDiv = "div"+num;

	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 preloadImages() {
	preloads = new Array();

	var i;
	for (i = 0; i < bg_imgArr.length; i++) {
		preloads[i] = new Image();
		preloads[i].src = bg_imgArr[i];
	}
}

function insertDivs() {
	document.getElementById("hero").innerHTML = "";

	var i;
	for (i = 0; i < bg_imgArr.length; i++) {
		var target = (i == 1 || i == 3) ? '_blank' : '_self';

		document.getElementById("hero").innerHTML +=
			'<div id="div'+i+'" style="position:absolute; opacity: 0; filter:alpha(opacity = 0); z-index:1; height:532px;">'+
				'<a href="'+bg_linkArr[i]+'" target="'+target+'">'+
					'<img id="image'+(i+1)+'" src="'+bg_imgArr[i]+'" height="532" border="0" />'+
				'</a>'+
			'</div>';
	}
}

function rotate() {
	setTimeout(rotate, 7000);
	show();
}

function start() {
	document.getElementById("hero").style.left = "50%";
	document.getElementById("hero").style.marginLeft = "-600px";
	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();
	insertDivs();
	rotate();
}