function createXMLHttpRequest()
{
	try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) {}
	try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {}
	try { return new XMLHttpRequest(); } catch(e) {}
	alert("XMLHttpRequest not Supported");
	return null;
}
var xhReq = createXMLHttpRequest();

// To get All Locations
function fnGetLocations(divid)
{
	if(screen.width >= 1152 && screen.height >= 864)
	{
		var X = 456;
		var Y = 87; 
	}
	else if(screen.width >= 1024 && screen.height >= 768)
	{
		var X = 392;
		var Y = 87;
	}
	var resoln = screen.width;

	if(xhReq.readyState != 0 && xhReq.readyState != 4)
		return;
	xhReq.open("GET","getData.php?act=loc&divid="+divid+"&XPOS="+X+"&YPOS="+Y+"&resoln="+resoln,true);
	xhReq.onreadystatechange = fnDisplayMake;
	xhReq.send(null);
}

// To get AutoMake for particular Location
function fnGetAutoMake(fname,col,X,Y,i,resoln)
{
	if(xhReq.readyState != 0 && xhReq.readyState != 4)
		return;
	xhReq.open("GET","getData.php?fname="+fname+"&divid="+col+"&XPOS="+X+"&YPOS="+Y+"&level="+i+"&resoln="+resoln,true);
	xhReq.onreadystatechange = fnDisplayMake;
	xhReq.send(null);
	document.getElementById('getautomake').style.display='';
	document.getElementById('getmake').style.display='none';
	document.getElementById('getmodel').style.display='none';
}

// To get Makes for particular AutoMake
function fnGetMake(val,fname,id,X,Y,i,resoln)
{
	filename = fname.split(".");
	if(xhReq.readyState != 0 && xhReq.readyState != 4)
		return;	
	xhReq.open("GET","getData.php?make="+val+"&divid="+id+"&fname="+filename[0]+"&XPOS="+X+"&YPOS="+Y+"&level="+i+"&resoln="+resoln,true);
	xhReq.onreadystatechange = fnDisplayMake;
	xhReq.send(null);
	document.getElementById('getautomake').style.display='';
	document.getElementById('getmake').style.display='';
	document.getElementById('getmodel').style.display='none';
}
//
// To get Models for particular Make
function fnGetModels(val,fname,id,X,Y,i,resoln)
{
	filename = fname.split(".");
	if(xhReq.readyState != 0 && xhReq.readyState != 4)
		return;
	xhReq.open("GET","getData.php?model="+val+"&divid="+id+"&fname="+filename[0]+"&XPOS="+X+"&YPOS="+Y+"&level="+i+"&resoln="+resoln,true);
	xhReq.onreadystatechange = fnDisplayMake;
	xhReq.send(null);
	
	document.getElementById('getmodel').style.display='';
}

if(screen.width >= 1152 && screen.height >= 864)
{
	LOC_X = 456;
	LOC_SX = 600;
	LOC_Y = 87;
	AM_X = eval(LOC_X + 122);
	M_X = eval(AM_X + 111);
	MO_X = eval(M_X + 88);
}
else if(screen.width >= 1024 && screen.height >= 768)
{
	LOC_X = 392;
	LOC_SX = 535;
	LOC_Y = 87;
	AM_X = eval(LOC_X + 110);
	M_X = eval(AM_X + 100);
	MO_X = eval(M_X + 80);
}

// Server Response for every request [Above requests].
function fnDisplayMake()
{
	if(xhReq.readyState != 4) { return; }
	var serverResponse = xhReq.responseText;
	var response = serverResponse.split("^^");
	var Divname = response[1];
	document.getElementById(Divname).innerHTML = response[0];
	var X = response[2]+'px';
	var Y = response[3]+'px';
	document.getElementById(Divname).style.position = 'absolute';
	if(Divname =='getlocations')
	{
		document.getElementById('content').style.display='';
		document.getElementById('getlocations').style.left=X;
		document.getElementById('getlocations').style.top=Y;
	}
	if(Divname =='getautomake')
	{
		document.getElementById('content').style.display='';
		document.getElementById('getautomake').style.left=X;
		document.getElementById('getautomake').style.top=Y;
	}
	else if(Divname =='getmake')
	{
		document.getElementById('content').style.display='';
		document.getElementById('getmake').style.left=X;
		document.getElementById('getmake').style.top=Y;
	}
	else if(Divname =='getmodel')
	{
		document.getElementById('getmodel').style.left=X;
		document.getElementById('getmodel').style.top=Y;
	}
}

// To get Full Details of the selected Model (For ex: Suspension sys, MSRP etc..)
function fnGetDetails(val,fname,id)
{
	var filename = fname.split(".");
	if(xhReq.readyState != 0 && xhReq.readyState != 4)
		return;
	xhReq.open("GET","getData.php?selected="+val+"&divid="+id+"&fname="+filename[0],true);
	xhReq.onreadystatechange = fnDisplayDetails;
	xhReq.send(null); 
}
// Server Response for fnGetDetails
function fnDisplayDetails()
{
	if(xhReq.readyState != 4) { return; }
	var serverResponse = xhReq.responseText;
	var response = serverResponse.split("^^");
	var Divname = response[1];
	document.getElementById('content').style.display='none';
	document.getElementById('homebtn').style.display="";
	document.getElementById(Divname).innerHTML = response[0];
	document.getElementById('picture').innerHTML = response[2];
	document.getElementById('Amakerlogo').style.display = '';
	document.getElementById('Amakerlogo').innerHTML = response[3];
}

// To Get All Suspensions Systems
function fnGetSuspsension(divid)
{
	if(xhReq.readyState !=4 && xhReq.readyState !=0)
		return;
	xhReq.open("GET","getSuspensions.php?divid="+divid,true);
	xhReq.onreadystatechange = fnDisplaySusp;
	xhReq.send(null);
}

// ServerResponse for fnGetSuspension
function fnDisplaySusp()
{
	if(xhReq.readyState != 4) { return; }
	var serverResponse = xhReq.responseText;
	var response = serverResponse.split("^^");
	var Divname = response[1];
	document.getElementById(Divname).innerHTML = response[0];

	document.getElementById('suspensions').style.left=LOC_SX+'px';
	document.getElementById('suspensions').style.top=LOC_Y+'px';
}

// To Get Suspension Details for the selected Suspension 
function fnGetSuspDetails(type,file,divid)
{
	if(xhReq.readyState != 4 && xhReq.readyState != 0)
		return;
	xhReq.open("GET","getSuspensions.php?type="+type+"&fname="+file+"&divid="+divid,true)
	xhReq.onreadystatechange = fnSuspDetails;
	xhReq.send(null);
}
// ServerResponse for fnGetSuspDetails
function fnSuspDetails()
{
	if(xhReq.readyState != 4) { return; }
	var serverResponse = xhReq.responseText;
	var response = serverResponse.split("^^");
	var Divname = response[1];
	document.getElementById('suspensions').style.display='none';
	document.getElementById('homebtn').style.display="";
	document.getElementById(Divname).innerHTML = response[0];
	document.getElementById('picture').innerHTML = response[2];
	document.getElementById('Amakerlogo').style.display = 'none';
}

// Styles applied onMouseOver
function AddStyle(val)
{
	document.getElementById(val).style.backgroundColor='#56D0FF';
}
// Styles applied onMouseOut
function RemoveStyle(val)
{
	document.getElementById(val).style.backgroundColor='#FFFFFF';
}


function fnContentDiv(val)
{
	if(val=='show')
	{
		document.getElementById('content').style.display='';
		document.getElementById('suspensions').style.display='none';
		document.getElementById('getautomake').style.display='none';
		document.getElementById('getmake').style.display='none';
		document.getElementById('getmodel').style.display='none';		
	}
	else if(val == 'hide')
		document.getElementById('content').style.display='none';
	else if(val == 'hideall')
	{
		document.getElementById('content').style.display='none';
		document.getElementById('susp_sys').style.display='none';
	}
}

function fnSuspDiv(val)
{
	if(val=='show')
	{
		document.getElementById('suspensions').style.display='';
		document.getElementById('content').style.display='none';
	}
}

function fnHideContent()
{
	document.getElementById('content').style.display='none';
	document.getElementById('suspensions').style.display='none';
}