/***************************************************\
|***************************************************|
|----------------Ajax Functions---------------------|
|***************************************************|
\***************************************************/
var xobj;
var func;
var img, img2;
if (document.images)
{
	img = new Image(32, 32);
	img.src = "http://trucktown2010.startlogic.com/images/ajax_loader.gif";
	img2 = new Image(124, 125);
	img2.src = "http://trucktown2010.startlogic.com/images/left_selected_bg.gif";
}
function GetXmlHttpObject() //Create Ajax Object
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}

function switchpage(pname)
{	
	
	var pages = new Array("main.php", "about.php", "services.php", "support.php", "chrome.php", "aliarc.php", "usedgoodies.php", "truckbus.php", "contact.php","truckview.php","trailerview.php");
	xobj = GetXmlHttpObject();
	for (x in pages)
		{
			if (pname.toLowerCase() == pages[x] || pages[x].toLowerCase() == pname.toLowerCase().substr(0, pages[x].length))
				{
					func = 'pagechange';
					xobj.onreadystatechange=statechanged;
					xobj.open("GET","contentpages/" + pname,true);
					xobj.send(null);
					document.getElementById('right').innerHTML = "<img src='/images/ajax_loader.gif' style='position:relative;left:387px;top:177px;'>";
					return true;
				}
		}
}

function statechanged() //Response to Ajax Object
{
	if (xobj.readyState==4) //Completed
	{
		switch(func) //Determine what to do
		{
			case 'pagechange':
				document.getElementById('right').innerHTML = xobj.responseText;
				func = '';
				xobj = null;
			break;
		}
		
	}
}
/***************************************************\
|***************************************************|
|--------------End Ajax Functions-------------------|
|***************************************************|
\***************************************************/




/***************************************************\
|***************************************************|
|-------------Client/Page functions-----------------|
|***************************************************|
\***************************************************/

function linkchange(lnk) //Change selected link
{
	var a = document.getElementsByTagName("a");
	for (var i = 1; i <= 3; i++)
	{
		document.getElementById("left"+i).style.background = "url(../images/lft_box_bg.gif) 0 0 no-repeat #EAEADA";
	}
	for (var i=0, limit = a.length; i < limit; i++)
	{
		if (a[i].id.substr(0, 5) == "mlink")
			{
					a[i].className = "";
			}
	}
	newcolor = "#3A91B4";
	newcolor = "url(/images/left_selected_bg.gif)";
	document.getElementById('mlink'+lnk).className="hover";
	ih = document.getElementById('mlink'+lnk).innerHTML;
	if (ih == "Trucks")
	{
		document.getElementById("left1").style.background = newcolor;
	}
	else if (ih == "Trailers")
	{
		document.getElementById('left2').style.background = newcolor;
	}
	else if(ih == "Chrome")
	{
		document.getElementById('left3').style.background = newcolor;
	}
}


var cX = 0; var cY = 0; var rX = 0; var rY = 0;
function UpdateCursorPosition(e){ cX = e.pageX; cY = e.pageY;}
function UpdateCursorPositionDocAll(e){ cX = event.clientX; cY = event.clientY;}
if(document.all != undefined) { document.onmousemove = UpdateCursorPositionDocAll; }
else { document.onmousemove = UpdateCursorPosition; }
/*function AssignPosition(d, lr) 
{
	if(self.pageYOffset) 
	{
		rX = self.pageXOffset;
		rY = self.pageYOffset;
	}
	else if(document.documentElement && document.documentElement.scrollTop) 
	{
		rX = document.documentElement.scrollLeft;
		rY = document.documentElement.scrollTop;
	}
	else if(document.body) 
	{
		rX = document.body.scrollLeft;
		rY = document.body.scrollTop;
	}
	cX += rX; 
	cY += rY;
	width = d.offsetWidth;
	height = d.offsetHeight;
	if (lr == "l")
	{
		d.style.display = "block";
		d.style.display = "none";
		cX -= width;
		cX -= 20;
		cY -= (height/5);
	}
	else
	{
		cX += 20;
		cY -= (height/5);
	}
	d.style.left = (cX) + "px";
	d.style.top = (cY) + "px";
}*/
function AssignPosition(d, lr) 
{
	if(self.pageYOffset) 
	{
		rX = self.pageXOffset;
		rY = self.pageYOffset;
	}
	else if(document.documentElement && document.documentElement.scrollTop) 
	{
		rX = document.documentElement.scrollLeft;
		rY = document.documentElement.scrollTop;
	}
	else if(document.body) 
	{
		rX = document.body.scrollLeft;
		rY = document.body.scrollTop;
	}
	if (document.all != undefined)
	{
		cX += rX; 
		cY += rY;
	}
	d.style.display = "block"; //ERR
	width = d.offsetWidth;
	height = d.offsetHeight;
	if (lr == "l")
	{
		cX -= width;
		cX -= 20;
		cY -= (height/5);
	}
	else
	{
		cX += 20;
		cY -= (height/5);
	}
	d.style.left = (cX) + "px";
	d.style.top = (cY) + "px";
}
function HideContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none"; //err
}
function ShowContent(d, lr) 
{
	if(d.length < 1) { return; }
	var dd = document.getElementById(d);
	AssignPosition(dd, lr);
	dd.style.display = "block";
}
function ShowContent_List(d, relto) 
{
	if(d.length < 1) { return; }
	var dd = document.getElementById(d);
	AssignPosition_List(dd, relto);
	dd.style.display = "block";
}
function AssignPosition_List(d, relto) 
{
	rX = 0;
	rY = 0;
	cX = 0;
	cY = 0;
	if(self.pageYOffset) 
	{
		rX = self.pageXOffset;
		rY = self.pageYOffset;
	}
	else if(document.documentElement && document.documentElement.scrollTop) 
	{
		rX = document.documentElement.scrollLeft;
		rY = document.documentElement.scrollTop;
	}
	else if(document.body) 
	{
		rX = document.body.scrollLeft;
		rY = document.body.scrollTop;
	}
	if (document.all != undefined)
	{
		cX += rX; 
		cY += rY;
	}
	d.style.display = "block"; //ERR
	width = d.offsetWidth;
	height = d.offsetHeight;
	var left = 0;
	var top = 0;
	curobj = relto;
	do
	{
		if (curobj.offsetLeft)
		{
			left += curobj.offsetLeft;
			top += curobj.offsetTop;
			curobj = curobj.offsetParent;
		}
	}while (curobj.offsetLeft)
	//left = relto.offsetLeft;
	//top = relto.offsetTop;
	cX += 20;
	cX += left;
	cX += relto.offsetWidth;
	cY = top;
	d.style.left = (cX) + "px";
	d.style.top = (cY) + "px";
}
function updateContentTopLeft(source, dest)
{
	thesrc = source.src;
	end = thesrc.indexOf("&");
	if (end == -1)
	{
		end = thesrc.length;
	}
	thesrc = thesrc.substr(0, end);
	thesrc = thesrc + "&w=750&h=750";
	var cn = document.getElementById(dest).getElementsByTagName("img");
	x = cn[0];
	x.src = thesrc;
}
function showContentTopLeft(source, dest, lr)
{
	thesrc = source.src;
	end = thesrc.indexOf("&");
	if (end == -1)
	{
		end = thesrc.length;
	}
	thesrc = thesrc.substr(0, end);
	thesrc = thesrc + "&w=750&h=750";
	var cn = document.getElementById(dest).childNodes;
	x = cn[0];
	if (x.src != thesrc)
	{
		x.src = thesrc;
	}
	document.getElementById(dest).style.position = "fixed";
	document.getElementById(dest).style.top = "0px";
	document.getElementById(dest).style.left = "0px";
	document.getElementById(dest).style.display = "block";
}
function ReverseContentDisplay(d, lr) {
if(d.length < 1) { return; }
var dd = document.getElementById(d);
AssignPosition(dd, lr);
if(dd.style.display == "none") { dd.style.display = "block"; }
else { dd.style.display = "none"; }
}


function getStyle(el,styleProp)
{
	var x = document.getElementById(el);
	if (x.currentStyle)
		var y = x.currentStyle[styleProp];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
	return y;
}
//Make Div (basic)
function makeDiv(theId, img_id, w, h)
{
	if (!(theId))
	{
		return false;
	}
	var size;
	if (w != 0 && h != 0)
	{
		size = "w=" + w + "&h=" + h;
	}
	else
	{
		size = "s=75";
	}
	var code = "<img src=\"/phpincs/img.php?id=" + img_id + "&" + size + "\" style=\"padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;\" />"
	if (!document.getElementById(theId))
	{
		var newdiv = document.createElement('div');
		newdiv.innerHTML = code;
		newdiv.setAttribute("id", theId);
		newdiv.style.display = "none";
		newdiv.style.padding = "0px 0px 0px 0px";
		newdiv.style.margin = "0px 0px 0px 0px";
		newdiv.style.border = "0px";
		newdiv.style.position = "absolute";
		newdiv.style.backgroundColor = "transparent";
		/*
		newdiv.onmouseover = function(){ShowContent(newdiv.id, 'r');};
		newdiv.onmouseout = function(){HideContent(newdiv.id, 'r');};
		newdiv.onmousemove = function(){ShowContent(newdiv.id, 'r');};
		*/
		document.body.appendChild(newdiv);
		newdiv.innerHTML = code;
		return true;
	}
	else
	{
		thediv = document.getElementById(theId);
		thediv.innerHTML = code;
		thediv.style.display = "none";
		thediv.style.position = "absolute";
		thediv.style.backgroundColor = "transparent";
		thediv.style.border = "0px";
		thediv.style.margin = "0px 0px 0px 0px";
		return true;
	}
}
//make div (truck/trailer list specific)
function makeDiv_List(theId, img_id, w, h)
{
var size;
var width = "250";
var height = "250";
if (w != 0 && h != 0)
	{
		size = "w=" + w + "&h=" + h;
	}
	else
	{
		size = "s=75";
	}
	var code = "<img src=\"/phpincs/img.php?id=" + img_id + "&" + size + "\" style=\"padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;position:relative;float:right;left:-12px;top:12px;\" />";
	code += "<img src=\"/images/float_image_arrow_left.gif\" style=\"position:relative;float:left;left:-16px;top:30px;\" />";
	if (!document.getElementById(theId))
	{
		var newdiv = document.createElement('div');
		newdiv.setAttribute("id", theId);
		newdiv.style.display = "none";
		newdiv.style.padding = "0px 0px 0px 0px";
		newdiv.style.margin = "0px 0px 0px 0px";
		newdiv.style.border = "2px solid #CCC";
		newdiv.style.position = "absolute";
		newdiv.style.backgroundColor = "#EFEFDF";
		newdiv.style.width = width + "px";
		newdiv.style.height = height + "px";
		/*
		newdiv.onmouseover = function(){ShowContent(newdiv.id, 'r');};
		newdiv.onmouseout = function(){HideContent(newdiv.id, 'r');};
		newdiv.onmousemove = function(){ShowContent(newdiv.id, 'r');};
		*/
		document.body.appendChild(newdiv);
		newdiv.innerHTML = code;
		return true;
	}
	else
	{
		thediv = document.getElementById(theId)
		thediv.innerHTML = code;
		thediv.style.display = "none";
		thediv.style.position = "absolute";
		thediv.style.backgroundColor = "#EFEFDF";
		thediv.style.border = "2px solid #CCC";
		thediv.style.margin = "0px 0px 0px 0px";
		thediv.style.width = width + "px";
		thediv.style.width = height + "px";
		return true;
	}
}

function swapMain(sourceimg)
{
	thesrc = sourceimg.src;
	end = thesrc.indexOf("&");
	if (end == -1)
	{
		end = thesrc.length;
	}
	thesrc = thesrc.substr(0, end);
	var destelem = document.getElementById("t_img_primary");
	thesrc = thesrc + "&w=" + destelem.offsetWidth + "&h=" + destelem.offsetHeight;
	destelem.src = "/images/ajax_loader.gif";
	destelem.src = thesrc;
}
var preImage = new Array();
var cur = 0;
function preLoadImg(thesrc)
{
	preImage[cur] = new Image();
	preImage[cur].src = thesrc.toLowerCase();
	cur += 1;
}