var div1 = '<select id="make" name="make"  onchange="getYear(this)"><option value="">Select Made</option></select>';
var div2 = '<select id="model" name="model"  onchange=""><option value="">Select Model</option></select>';
var div3 = '<select id="year" name="year" onchange="getModel(this)"><option value="">Select Year</option></select>';

var div6 = '<p style="font-family:Tahoma;font-size:9pt;text-align:center">aFe Product Browser <b>Version 2:</b><br /></p>';


var ajax = new sack();
var selFuel;
var selYear;
var selMake;
var selModel;
var selEng;
var selLiter;
var segment;
var root = '';

// =================================================================================
// GET the MAKE drop down list after user has selected fuel                     
// =================================================================================
function getMake(sel) {

    if(!sel) {segment = 'gas';}
    else {segment = sel.options[sel.selectedIndex].value;  }
    if(segment=='diesel'){document.getElementById('diesel').value='true';}
    else{document.getElementById('diesel').value='false';}
    if(segment.length>0){
        ajax.requestFile = 'getVehicle.php?getmake=1&segment='+segment;   
        ajax.onCompletion = createDropdownMake; 
        ajax.runAJAX();   
    }
}
// =================================================================================
// DISPLAY the MAKE drop down list
// =================================================================================
function createDropdownMake() {
    document.getElementById("makelist").innerHTML = ajax.response;
    //document.getElementById("yearlist").innerHTML = div3;

}
// =================================================================================
//  GET the MODEL drop down list data after user has selected fuel and make
// =================================================================================
function getModel(sel) 
{
    selYear = sel.options[sel.selectedIndex].value;
	//alert(selMake);
   // alert(selMake);
    //alert(root);
    if(selYear.length>0){
        ajax.requestFile = root+'getVehicle.php?getmodel=1&make='+selMake+'&segment='+segment+'&year='+selYear;    
        //alert(ajax.requestFile);
        ajax.onCompletion = createDropdownModel;   
        //ajax.onError = function(){alert("There was an error processing the request");}
        ajax.runAJAX();        
    }  
}
// =================================================================================
// DISPLAY the MODEL drop down list
// =================================================================================
function createDropdownModel() {
    //alert(ajax.response);
    document.getElementById("modellist").innerHTML = ajax.response; 
   // document.getElementById("yearlist").innerHTML = div3;
}
// =================================================================================
//  GET the YEAR after user has selected fuel, make and model
// =================================================================================
function getYear(sel) {
    selMake = sel.options[sel.selectedIndex].value;
    //var makeelement = document.getElementById('make');
    //var currentMake = makeelement.options[makeelement.selectedIndex].value;
    //alert(currentMake);
    if(selMake.length>0){
        ajax.requestFile = root+'getVehicle.php?getyear=1&make='+selMake+'&segment='+segment;    
        ajax.onCompletion = createDropdownYear;     
        ajax.runAJAX();         
    }
}
// =================================================================================
// DISPLAY the YEAR drop down list
// =================================================================================
function createDropdownYear() {
    document.getElementById("yearlist").innerHTML = ajax.response; 
    //document.getElementById("modellist").innerHTML = div2; 
}

function clearSelect()
{
   // document.getElementById('make').length = 0;
    document.getElementById('model').options.length = 1;
    document.getElementById('year').options.length = 1;
}