var timer;
var strActiveCarLayer;

vcc.initHP = function() {
	vcc.loadCarInfo();
}

vcc.highlightCar = function(iCar, blnOn, elmTd) {
	var strClass = blnOn ? "active" : null;
	if (!elmTd && iCar)
		elmTd = vcc.getObj("carTd" + iCar);
	elmTd.className = strClass;
	if (iCar) {
		var elmLink = vcc.getObj("carLink" + iCar);
		var strCarLayer = "carInfo" + iCar;
		if (blnOn) {
			if (strCarLayer == strActiveCarLayer)
				clearTimeout(timer);
			var elmCarInfo = vcc.getObj("carInfo" + iCar);
			var y = vcc.getY("carNavHP") - vcc.getH(elmCarInfo);
			var x = vcc.getX(elmLink.parentNode);
         
			if (x + vcc.getW(strCarLayer) > vcc.getW("maincontent")) {
				x = vcc.getW("maincontent") - vcc.getW(strCarLayer);
			 if (vcc.ie6)
					x += 3;
			}

			if (!vcc.ie6)
				y += 3;

			vcc.moveTo(elmCarInfo, x, y);
			vcc.hide(strActiveCarLayer);
			vcc.show(strCarLayer);
			strActiveCarLayer = strCarLayer;
		}
		else {
			timer = setTimeout("vcc.hide('" + strCarLayer + "')", 5);
		}
	}
}

vcc.loadCarInfo = function() {
	if (!vcc.arHPimages)
		return;
	for (var i = 0; i < vcc.arHPimages.length; i++) {
		var elmImg = vcc.getObj(vcc.arHPimages[i][0]);
		if (elmImg)
			elmImg.src = vcc.arHPimages[i][1];
	}
	for (var i = 0; i < vcc.arHPcontent.length; i++) {
		var sContent = vcc.arHPcontent[i];
		if (sContent != null && sContent != "") {
			var elmContent = vcc.getObj("carInfoHPContent" + i);
         if (elmContent) {
		    if (sContent.indexOf(".jpg") != -1 || sContent.indexOf(".gif") != -1 || sContent.indexOf(".png") != -1)
				elmContent.innerHTML = "<img src=\"" + sContent + "\" alt=\"\" />";
			else
				elmContent.innerHTML = sContent;
         }
		}	    
	}
	//Car lineup links
	var oTable = document.getElementById("carLineUpTable");
	if (oTable != null) {
		var aCells = oTable.getElementsByTagName("td");
		for (var i = 0; i < aCells.length; i++) {
			var oCell = aCells[i];
			if (oCell.className != "sep") {
				if (oCell.id != null && oCell.id.indexOf("carTd") > -1) {
					oCell.onmouseover = function() {
						vcc.highlightCar(this.id.substring(5), true);
					}
					oCell.onmouseout = function() {
						vcc.highlightCar(this.id.substring(5), false);
					}
				} else {
					oCell.onmouseover = function() {
						vcc.highlightCar(null, true, this);
					}
					oCell.onmouseout = function() {
						vcc.highlightCar(null, false, this);
					}
				}
			}
		}
	}
	
	//carInfoHPContent
	var aInfoBoxes = vcc.getElementsByAttribute("class", "carInfoHPBottom", document.getElementById("maincontent"), "div", false, true);
	var iMaxHeight = 0;
	for (var i = 0; i < aInfoBoxes.length; i++) {
		if (vcc.getH(aInfoBoxes[i]) > iMaxHeight)
			iMaxHeight = vcc.getH(aInfoBoxes[i]);
	}
	for (var i = 0; i < aInfoBoxes.length; i++) {
		aInfoBoxes[i].style.height = iMaxHeight + "px";
	}
	
}

vcc.addEvent(window, "load", "vcc.initHP");