function validate(){

		var name = document.getElementById("cusname").value.length;
		var email = document.getElementById("cusemail").value.length; 

		if(name == "0"){
			alert("Please enter your Name");
			return false;
		}
		if(email == "0"){
			alert("Please give us your Email address so we can respond to your message"); 
			return false;
		}
		
	return true;
		
	}

function firstLoad(){
	
	sql = "SELECT Make,Junk FROM tblcars GROUP BY Make";

	//sql = "SELECT Make,Junk, COUNT(Make) AS NumOccurences FROM tblcars GROUP BY Make HAVING ( COUNT(Make) >= 1)";

	var pageRequest = false;
	if(window.XMLHttpRequest)
	  pageRequest = new XMLHttpRequest();
	else if(window.ActiveXObject)
	  pageRequest = new ActiveXObject("Microsoft.XMLHTTP");
	else 
	  return false;

	pageRequest.onreadystatechange = function()
	{
	  if(pageRequest.readyState == 4){
	    var object = document.getElementById("comboMakes").innerHTML = pageRequest.responseText;
	  }
	}

	  var sendData = 'firstData=' + sql;
	  var url = "UsedInv.php";
	  pageRequest.open('POST', url, true);
	  pageRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	  pageRequest.send(sendData);


}

function popModels(myMake){
	
	
	var sql = "SELECT Model FROM tblcars WHERE Make='" + myMake + "' GROUP BY Model";

		
	var pageRequest = false;
	if(window.XMLHttpRequest)
	  pageRequest = new XMLHttpRequest();
	else if(window.ActiveXObject)
	  pageRequest = new ActiveXObject("Microsoft.XMLHTTP");
	else 
	  return false;

	pageRequest.onreadystatechange = function()
	{
	  if(pageRequest.readyState == 4){
	    var object = document.getElementById("comboModels").innerHTML = pageRequest.responseText;
	  }
	}

	  var sendData = 'popModels=' + sql;
	  var url = "UsedInv.php";
	  pageRequest.open('POST', url, true);
	  pageRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	  pageRequest.send(sendData);


}


function fetchData(sql)
{
	
	var pageRequest = false;
	if(window.XMLHttpRequest)
	  pageRequest = new XMLHttpRequest();
	else if(window.ActiveXObject)
	  pageRequest = new ActiveXObject("Microsoft.XMLHTTP");
	else 
	  return false;

	pageRequest.onreadystatechange = function()
	{
	  if(pageRequest.readyState == 4){
	    var object = document.getElementById("messageBox").innerHTML = pageRequest.responseText;
	  }
	}

	  var sendData = 'sendData=' + sql;
	  var url = "UsedInv.php";
	  pageRequest.open('POST', url, true);
	  pageRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	  pageRequest.send(sendData);

}


function change(){
	
	if(makevalue == 0){
		var makevalue = "*";
	}else{
		var makevalue = document.getElementById("Makes").value;
	}

	if(modelvalue == 0){
		var modelvalue = "*";
	}else{
		var modelvalue = document.getElementById("Models").value;
	}

	if(pricevalue == 0){
		var pricevalue = " ";
	}else{
		var pricevalue = document.getElementById("maxPrice").value;

	}
		//sql = "SELECT * FROM tblcars WHERE Make LIKE '%" + makevalue + "%' AND Model LIKE '%" + modelvalue + "%' AND Price < " + pricevalue + "";
		sql = encodeURI("SELECT * FROM tblcars WHERE Make LIKE '%" + makevalue + "%' AND Model LIKE '%" + modelvalue + "%' AND Price < " + pricevalue );									 																																														
		fetchData(sql);											 
	
}

	function hideDiv(){
		
		document.getElementById("lightbox").style.display="none";
		document.getElementById("overlay").style.display="none";
		

	}

	function doit(stock, make, model, year, price, miles, ext, vin, body, trim, int, cyl, trans, notes, cert, pic){

	var emailform = "<br /><font color='red'><i>Send Us An Email</i></font><table><form action='sendemailTOY.php' onSubmit='return validate()' method='post'><tr><td valign='top' align='left'><label for='cusname'>Your Name:&nbsp;</label><br /></td><td align='left'><input type='text' maxlength='30' size='18' name='cusname'></input><br /></td></tr><tr><td valign='top' align='left'><label for='cusemail'>Your Email:&nbsp;</label><br /></td><td align='left'><input type='text' maxlength='30' size='18' name='cusemail'></input><br /></td></tr><tr><td valign='top' align='left'><label for='cusphone'>Your Phone:&nbsp;</label><br /></td><td align='left'><input type='text' maxlength='30' size='18' name='cusphone'></input><br /></td></tr><tr><td valign='top' align='left'><label for='subject'>Subject:&nbsp;</label><br /></td><td align='left'><input type='text' maxlength='50' size='18' name='subject' value='" + stock + " " + make + " " + model + "'></input><br /></td></tr><tr><td valign='top' align='left'><label for='message'>Message:&nbsp;</label></td><td align='left'><textarea rows='3' cols='15' maxlength='200' name='message'></textarea></td></tr><tr><td></td><td><input type='submit' value='Send'></input></td></tr></form></table>";
	
	if(pic == 1){
	var img1Big = "<img src='../UsedCars/" + stock + "(1).jpg' width='576px' height='434px'></img>";
	var img1 = "<img src='../UsedCars/" + stock + "(1).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img2 = "<img src='../UsedCars/" + stock + "(2).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img3 = "<img src='../UsedCars/" + stock + "(3).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img4 = "<img src='../UsedCars/" + stock + "(4).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img5 = "<img src='../UsedCars/" + stock + "(5).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img6 = "<img src='../UsedCars/" + stock + "(6).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img7 = "<img src='../UsedCars/" + stock + "(7).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img8 = "<img src='../UsedCars/" + stock + "(8).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img9 = "<img src='../UsedCars/" + stock + "(9).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img10 = "<img src='../UsedCars/" + stock + "(10).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img11 = "<img src='../UsedCars/" + stock + "(11).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img12 = "<img src='../UsedCars/" + stock + "(12).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img13 = "<img src='../UsedCars/" + stock + "(13).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img14 = "<img src='../UsedCars/" + stock + "(14).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img15 = "<img src='../UsedCars/" + stock + "(15).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	}else if(pic == 2){
	var img1Big = "<img src='../UsedCars/" + stock + "(1).JPG' width='576px' height='434px'></img>";
	var img1 = "<img src='../UsedCars/" + stock + "(1).JPG' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img2 = "<img src='../UsedCars/" + stock + "(2).JPG' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img3 = "<img src='../UsedCars/" + stock + "(3).JPG' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img4 = "<img src='../UsedCars/" + stock + "(4).JPG' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img5 = "<img src='../UsedCars/" + stock + "(5).JPG' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img6 = "<img src='../UsedCars/" + stock + "(6).JPG' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img7 = "<img src='../UsedCars/" + stock + "(7).JPG' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img8 = "<img src='../UsedCars/" + stock + "(8).JPG' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img9 = "<img src='../UsedCars/" + stock + "(9).JPG' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img10 = "<img src='../UsedCars/" + stock + "(10).JPG' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img11 = "<img src='../UsedCars/" + stock + "(11).JPG' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img12 = "<img src='../UsedCars/" + stock + "(12).JPG' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img13 = "<img src='../UsedCars/" + stock + "(13).JPG' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img14 = "<img src='../UsedCars/" + stock + "(14).JPG' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img15 = "<img src='../UsedCars/" + stock + "(15).JPG' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	}else{
	var img1Big = "<img src='../UsedCars/FoxToyotaLogoNewAddress.jpg' width='576px' height='434px'></img>";
	var img1 = "<img src='../UsedCars/" + stock + "(1).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img2 = "<img src='../UsedCars/" + stock + "(2).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img3 = "<img src='../UsedCars/" + stock + "(3).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img4 = "<img src='../UsedCars/" + stock + "(4).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img5 = "<img src='../UsedCars/" + stock + "(5).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img6 = "<img src='../UsedCars/" + stock + "(6).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img7 = "<img src='../UsedCars/" + stock + "(7).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img8 = "<img src='../UsedCars/" + stock + "(8).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img9 = "<img src='../UsedCars/" + stock + "(9).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img10 = "<img src='../UsedCars/" + stock + "(10).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img11 = "<img src='../UsedCars/" + stock + "(11).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img12 = "<img src='../UsedCars/" + stock + "(12).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img13 = "<img src='../UsedCars/" + stock + "(13).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img14 = "<img src='../UsedCars/" + stock + "(14).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	var img15 = "<img src='../UsedCars/" + stock + "(15).jpg' width='72px' height='54px' onclick='changePic(this.src)'></img>";
	}

	if (cert == "YES")
		imgCert = "<img src='../UsedCars/cert2.gif'></img>";
	else
		imgCert = " ";

	var scrollPos;

		scrollPos = document.documentElement.scrollTop;
			
		document.getElementById("lightbox").style.top = scrollPos + 225 + 'px';                         //First Row, First Column

		document.getElementById("lightbox").innerHTML = "<table width='800'><tr><td>" + year + " " + make + " " + model + " " + ext + " " + vin + "&nbsp;&nbsp;&nbsp;<font color=red><i> $" + price + "</i></font>&nbsp;&nbsp;&nbsp;" + imgCert + "</td><td align='right'><button style='background-color:red' onclick='hideDiv()'><b>&nbsp;X&nbsp;</b></button></td></tr></table><table width='800'><tr><td><div id='mainImg'>" + img1Big + "</div>" + img1 + img2 + img3 + img4 + img5 + img6 + img7 + img8 + "<br />" + img9 + img10 + img11 + img12 + img13 + img14 + img15 + "</td><td><table height='275px'><tr><td valign='top'>Stock#: <br />Engine: <br />Trans: <br />Miles: <br />Body: <br />Trim: <br />Interior: <br />Features: </td><td valign='top'>" + stock + "<br />" + cyl + "<br />" + trans + "<br />" + miles + "<br />" + body + "<br />" + trim + "<br />" + int + "<br /><div style='overflow:hidden;height:140px'>" + notes + "</div></td></tr></table>" + emailform + "</td></tr></table>";	
						
		document.getElementById("lightbox").style.display="block";		
		document.getElementById("overlay").style.display="block";		
		

	}


	function init(){
		
		firstLoad();
		

	}

function getPageSize(){
	
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}

	pageHeight += 50;
	
	overlay.style.height = pageHeight + 'px';

}

	function changePic(src){
		
		document.getElementById("mainImg").innerHTML = "<img src=" + src + " width='576px' height='432px'></img>";
		
	}