/************************************************

/* For Search on home page and Search for Spec page

/* Allows to update the Make list when year changes

/*                  the Series list when Make changes

/*                  the Models list when Series changes

/************************************************/

    function ShowSeries()

    {

        // get year and make from form

        var yearObj = document.getElementById('f_year');

        var makeObj = document.getElementById('f_make');

        year = yearObj.options[yearObj.selectedIndex].value; 

        make = makeObj.options[makeObj.selectedIndex].value;

        makeurl = escape(make);



        // store year and make in session variables instead?

        window.location.href = "search.php?year=" + year + "&make=" + makeurl;

    }

    function ShowModels()

    {

        // get year, make and series from form

        var yearObj = document.getElementById('f_year');

        var makeObj = document.getElementById('f_make');

        var seriesObj = document.getElementById('f_series');

        year = yearObj.options[yearObj.selectedIndex].value; 

        make = makeObj.options[makeObj.selectedIndex].value;

        makeurl = escape(make);



        series = seriesObj.options[seriesObj.selectedIndex].value;



        // store year and make in session variables instead?

        window.location.href = "search.php?year=" + year + "&make=" + makeurl +"&series=" + series;

    }



    function UpdateMakeList(srch)

    {

        if (srch == "homesrch") {

            // get year and make from form

            var yearObj = document.getElementById('year');

            year = yearObj.options[yearObj.selectedIndex].value; 

            var makeObj = document.getElementById('make');

            make = makeObj.options[makeObj.selectedIndex].value;

            makeurl = escape(make);

            window.location.href = "home.php?year=" + year + "&make=" + makeurl;

        }

        else {

        // get year and make from form

        var yearObj = document.getElementById('f_year');

        year = yearObj.options[yearObj.selectedIndex].value; 

        var makeObj = document.getElementById('f_make');

        make = makeObj.options[makeObj.selectedIndex].value;

        makeurl = escape(make);

        // store year and make in session variables instead?

        window.location.href = "search.php?year=" + year + "&make=" + makeurl;

        }

    }
/* 
 * Using AJAX to update the search box asynchronously without refreshing the page.
 * May want to add an hour glass during the server call and remove when on ready state=4
 */
function UpdateMakeListA(str, id)
{
var xmlhttp;    
if (str=="")
  {
	  var obj = document.getElementById("modelslistA");
      obj.style.visibility = 'hidden';
  
  document.getElementById("serieslist").innerHTML=""; // reset series when year changes
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("makelist").innerHTML=xmlhttp.responseText;
	document.getElementById("serieslist").innerHTML=""; // reset series when year changes
    }
  }
xmlhttp.open("GET","getmakelist.php?year="+str+"&id="+id,true);
xmlhttp.send();
}

function ShowSeriesA(strMake)
{
var iyear = document.getElementById("f_year").selectedIndex;
var year=document.getElementById("f_year").options[iyear].value;
var xmlhttp;    

if (strMake=="")
  {
  //document.getElementById("year").innerHTML="Select Year";
  //document.getElementById("make").options[0].selected = true;
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("serieslist").innerHTML= xmlhttp.responseText;// "make="+strMake+" year="+year; //xmlhttp.responseText;
    }
  }
  


//document.getElementById("serieslist").innerHTML = "testing";
xmlhttp.open("GET","getserieslist.php?year="+year+"&make="+strMake,true);
xmlhttp.send();
}

function ShowModelsA()   
{
    // get year, make and series from form
    var yearObj = document.getElementById('f_year');
    var makeObj = document.getElementById('f_make');
    var seriesObj = document.getElementById('f_series');
    year = yearObj.options[yearObj.selectedIndex].value; 
    make = makeObj.options[makeObj.selectedIndex].value;
    makeurl = escape(make);
    series = seriesObj.options[seriesObj.selectedIndex].value;

	var xmlhttp;    
	if (window.XMLHttpRequest)   {// code for IE7+, Firefox, Chrome, Opera, Safari
	    xmlhttp=new XMLHttpRequest();
	}
	else   {// code for IE6, IE5
  		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
	xmlhttp.onreadystatechange=function()   {
  		if (xmlhttp.readyState==4 && xmlhttp.status==200)     {
			var obj = document.getElementById("modelslistA");
      		obj.style.visibility = 'visible';
    		obj.innerHTML= xmlhttp.responseText;// "make="+strMake+" year="+year; //xmlhttp.responseText;
    	}
  	}
  


	//document.getElementById("serieslist").innerHTML = "testing";
	var obj = document.getElementById("modelslistA");
      		obj.style.visibility = 'visible';
    		obj.innerHTML= "inside ShowModelsA()";
			
	xmlhttp.open("GET","getmodelslist.php?year="+year+"&make="+makeurl+"&series=" + series,true);
	xmlhttp.send();

        // store year and make in session variables instead?

        //window.location.href = "search-a.php?year=" + year + "&make=" + makeurl +"&series=" + series;

}