/*
	No-click Inventory v0.6
	by Joo Yoon Chung
	joo@edealertools.com
	
	HISTORY

	2005-10-03
	- added code to fix placement problem on templateid 48

	2005-04-29
	- changed to "one-click" inventory
	- hides 360 spin when open
	
	2005-03-02
	- "close" button was showing upon browser resize even when the no-click inventory floater was not active. fixed.


*/
		
var layerWidget = document.getElementById("noClickInventoryWidgetOver");
var layerTop = document.getElementById("noClickInventoryLayerTop");
var layerBottom = document.getElementById("noClickInventoryLayerBottom");		
var isActive = false; // used to keep track of the inventory window state; true == "maximized";

// window resize triggers redraw
if(window.attachEvent) { // IE
	window.attachEvent("onresize", function() { drawLayer(); });
} else if(window.addEventLister) { // NS?
	window.addEventListener("onresize", function() { drawLayer(); });
}


if(document.getElementById("frm_vvc")) {  // NOTE: save src to hidden div instead
	var vvcURL = document.getElementById("frm_vvc").src;
} // NOTE: this pertains to firefox only; create browser branching script

function showNoClickInventory(vehicleType) {
	isActive = true;
	if(document.getElementById("frm_vvc")) { // NOTE: this pertains to firefox only; create browser branching script
		document.getElementById("frm_vvc").src = "empty.html";
	}
	if(document.getElementById("selectVehicle")) { // NOTE: this pertains to firefox only; create browser branching script
		document.getElementById("selectVehicle").style.visibility = "hidden";
	}
	switch(vehicleType) {
		case "new":
			if(document.getElementById("buttonNew").className != "noClickInventoryButtonOn") {
				layerTop.style.visibility = "hidden";
				layerBottom.style.visibility = "hidden";				
				document.getElementById("buttonNew").className = "noClickInventoryButton";				
				document.getElementById("buttonUsed").className = "noClickInventoryButton";			
				document.getElementById("buttonNew").innerHTML = "New";								
				document.getElementById("buttonUsed").innerHTML = "Pre-owned";												
				document.getElementById("noClickInventoryCloseButton").style.visibility = "hidden";						
				drawLayer();
				drawContent(vehicleType);										
				document.getElementById("buttonNew").className = "noClickInventoryButtonOn";				
				document.getElementById("buttonNew").innerHTML = "New →";		
			}
			break;
		case "used":
			if(document.getElementById("buttonUsed").className != "noClickInventoryButtonOn") {
				layerTop.style.visibility = "hidden";
				layerBottom.style.visibility = "hidden";				
				document.getElementById("buttonNew").className = "noClickInventoryButton";				
				document.getElementById("buttonUsed").className = "noClickInventoryButton";			
				document.getElementById("buttonNew").innerHTML = "New";								
				document.getElementById("buttonUsed").innerHTML = "Pre-owned";												
				document.getElementById("noClickInventoryCloseButton").style.visibility = "hidden";						
				drawLayer();
				drawContent(vehicleType);										
				document.getElementById("buttonUsed").className = "noClickInventoryButtonOn";
				document.getElementById("buttonUsed").innerHTML = "Pre-owned →";						
			} 
			break;
	}
}

function hideNoClickInventory() {
	layerTop.style.visibility = "hidden";
	layerBottom.style.visibility = "hidden";
	document.getElementById("buttonNew").className = "noClickInventoryButton";				
	document.getElementById("buttonUsed").className = "noClickInventoryButton";			
	document.getElementById("buttonNew").innerHTML = "New";								
	document.getElementById("buttonUsed").innerHTML = "Pre-owned";												
	document.getElementById("noClickInventoryCloseButton").style.visibility = "hidden";		
	isActive = false;
}

function closeNoClickInventory() {
	hideNoClickInventory();
	if(document.getElementById("frm_vvc")) {	
		document.getElementById("frm_vvc").src = vvcURL;	
	}
	if(document.getElementById("selectVehicle")) {
		document.getElementById("selectVehicle").style.visibility = "visible";	
	}
}

function drawContent(vehicleType) {
	var contentSourceFileName = "noclick_" + vehicleType + ".aspx";
	document.getElementById("noClickInventoryLayerContent").src = contentSourceFileName;
}			


function drawLayer() {
	var contentWidth = document.body.clientWidth;
	var contentHeight = document.body.clientHeight;


	var widthCompensation = (document.body.clientWidth - document.getElementById("content").offsetWidth) / 2;

	// the following is specifically for template 48
	if(widthCompensation == (130 / 2)) {
		widthCompensation += 5;
	}
	
	
	if(contentWidth > 780) {			
		layerWidget.style.left = Math.floor(contentWidth / 2) - 381 - widthCompensation;
		layerTop.style.left = layerWidget.style.left;
		layerBottom.style.left = layerTop.style.left;
		document.getElementById("noClickInventoryCloseButton").style.left = Math.floor(contentWidth / 2) + 114 - widthCompensation;
	} else {
		layerWidget.style.left = 0;
		layerTop.style.left = 0;
		layerBottom.style.left = 0;
	}
	if(isActive == true) {
		layerTop.style.visibility = "visible";
		layerBottom.style.visibility = "visible";
		document.getElementById("noClickInventoryCloseButton").style.visibility = "visible";				
	}
	
}							

function scrollPage() {
	// window.scrollTo(0, 350);
}