var listURL = "http://rc3.lonelyfridge.com/car_details.php"; // The server-side script
var TopPositionBump = 40;
var LeftPositionBump = 20;

function handleListResponse() 
{
	if (http.readyState == 4) 
	{
		document.getElementById('detailsPopUp').innerHTML = http.responseText;
	}
}

function hideDetails()
{
	var PopupLayer	= document.getElementById('detailsPopUp');
	PopupLayer.style.visibility = 'hidden';
	PopupLayer.style.left = "-1000em";
	PopupLayer.style.top = "-1000em";
	PopupLayer.innerHTML = '';
}


function showDetails(Class, PerformanceIndex, Background, obj, textStyle) 
{
	var URL = listURL + '?class=' + escape(Class) + '&performanceIndex=' + escape(PerformanceIndex) + '&background=' + escape(Background) + '&textStyle=' + escape(textStyle);
	http.open("GET", URL, true);
	http.onreadystatechange = handleListResponse;
	http.send(null);

	var PopupLayer	= document.getElementById('detailsPopUp');
	if (document.body)
	{
		WindowHeight = document.body.offsetHeight;
		WindowWidth = document.body.offsetWidth;
	} else if (document.documentElement)
	{
		WindowHeight = document.documentElement.offsetHeight;
		WindowWidth = document.documentElement.offsetWidth;
	}
	while ((obj.tagName.toLowerCase() !='td') && (obj.tagName.toLowerCase() !='body')) {
		obj = obj.parentNode;	
	}
	var TopPosition = obj.offsetTop + TopPositionBump;
	var LeftPosition = obj.offsetLeft - LeftPositionBump;
	if (LeftPosition < 0) {
		LeftPosition = 0;
	}
	PopupLayer.style.left	= LeftPosition + "px";
	PopupLayer.style.top	= TopPosition + "px";
	PopupLayer.style.visibility = 'visible';
}

function getHTTPObject() 
{
	var xmlhttp;
	/*@cc_on
	@if (@_jscript_version >= 5)
	try {
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try {
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (E) {
			xmlhttp = false;
		}
	}
	@else
	xmlhttp = false;
	@end @*/

	if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
		try {
			xmlhttp = new XMLHttpRequest();
		} catch (e) {
			xmlhttp = false;
		}
	}

	return xmlhttp;
	
}

function getPos(obj) 
{
	var curleft = curtop = 0;

	if (obj.offsetParent) {
		do {
			curleft += obj.offsetleft;
			curtop += obj.offsettop;
		} while (obj = obj.offsetParent);
	}
	return [curleft, curtop];
}


var http = getHTTPObject(); // We create the HTTP Object