﻿var xmlHttp
var state2

function SetState(value)
{
    document.getElementById("make_state").text = value;
}

function GetState()
{
    return document.getElementById("make_state").text;
}

//__CLICK ON MAKE____________________________________________________________________
//FUNCTION CALLED WHEN MAKE IS SELECTED - IT POPULATES THE SERIES LIST 
//FROM THE JAVASCRIPT DATA ARRAY
function OnMakeSelected(list, val) 
{
    //prompt(list);
    var mlist = document.getElementById("make-selector");
    //mlist.multiple = true;
    //mlist.options[0].selected = false;
    //mlist.multiple = false;

    if (list == 1) {
        document.getElementById("MakeSelector2").selectedIndex = -1;
        document.getElementById("MakeSelector3").selectedIndex = -1;
        document.getElementById("MakeSelector4").selectedIndex = -1;
    }
    else if(list == 2){
        //document.getElementById("MakeSelector4").options[0].selected = false;
        document.getElementById("MakeSelector1").selectedIndex = -1;
        document.getElementById("MakeSelector3").selectedIndex = -1;
        document.getElementById("MakeSelector4").selectedIndex = -1;
    }
    else if (list == 3) {
        document.getElementById("MakeSelector1").selectedIndex = -1;
        document.getElementById("MakeSelector2").selectedIndex = -1;
        document.getElementById("MakeSelector4").selectedIndex = -1;
    }
    else if (list == 4) {
        document.getElementById("MakeSelector1").selectedIndex = -1;
        document.getElementById("MakeSelector2").selectedIndex = -1;
        document.getElementById("MakeSelector3").selectedIndex = -1;
    }

    //NOW MAKE AJAX CALL
    document.getElementById("make-progress").style.visibility = "visible";
    var url = "db_msmp.aspx?sid=" + Math.random() + "&op=GetCatPricesForMake" + "&val=" + val * 10000;
    xmlHttp = GetXmlHttpObject(stateChangedOnMakeChange)
    xmlHttp.open("GET", url, true)
    xmlHttp.send(null)    



    if(val == "")return;
    state2 = val;
    state1 = val;
    document.forms[0]['MakeSelected'].value = val;

    SetState(val);
    var make_id = val;
    var slist = document.getElementById("series-selector");
    if (slist == null) return;
    var i = 0;  
	for (i = 99; i >= 1; i--)slist.options[i] = null;    
		
    if(mo[make_id].length > 0){
        for (i = 0; i < mo[make_id].length-1; i=i+2){
            slist.options[1-1+i/2] = new Option(mo[make_id][i],mo[make_id][i+1]);
        }
    }
//    return;
}
function stateChangedOnMakeChange() {
    if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete") {
        document.getElementById("make-progress").style.visibility = "hidden";
        document.getElementById("msmresult").innerHTML = xmlHttp.responseText;

        //SET FOCUS TO HIDDEN EDIT CONTROL TO ENABLE USER TO SCROLL DOWN WHILE
        //STILL HOVERING OVER THE SERIES LIST BOX (EXPLORER SENDS WHEEL SCROLL TO LIST OTHERWISE)
        //ONLY DO THIS IF WE'VE FOUND RESULTS OTHERWISE, STAY ON THE LIST SO USER CAN SCROLL
        var len = xmlHttp.responseText.length;
        if (len > 300) {
            document.forms[0]['hidden_focus_stealing_control'].focus();
        }
    }
}



//__CLICK ON SERIES____________________________________________________________________
function OnSeriesChange(obj)
{
    document.getElementById("series-progress").style.visibility="visible";
    var url="db_msmp.aspx?sid=" + Math.random() + "&op=GetCatPricesForSeries" +"&val=" + obj.value
    xmlHttp=GetXmlHttpObject(stateChangedOnSeriesChange)
    xmlHttp.open("GET", url , true)
    xmlHttp.send(null)    
}
function stateChangedOnSeriesChange()
{
    if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
    { 
        document.getElementById("series-progress").style.visibility="hidden";
        //alert(xmlHttp.responseText);
        document.getElementById("msmresult").innerHTML=xmlHttp.responseText;
        
        //SET FOCUS TO HIDDEN EDIT CONTROL TO ENABLE USER TO SCROLL DOWN WHILE
        //STILL HOVERING OVER THE SERIES LIST BOX (EXPLORER SENDS WHEEL SCROLL TO LIST OTHERWISE)
        //ONLY DO THIS IF WE'VE FOUND RESULTS OTHERWISE, STAY ON THE LIST SO USER CAN SCROLL
        var len = xmlHttp.responseText.length;
        if(len > 300){
            document.forms[0]['hidden_focus_stealing_control'].focus();
        }
    }
}

//__CLICK ON MODEL (MSMP)_______________________________________________________________
function updateMSMP(obj)
{ 
    return;
    document.getElementById("model-progress").style.visibility="visible";
    var url="db_msmp.aspx?sid=" + Math.random() + "&op=smlookup" +"&val=" + obj.value
    xmlHttp=GetXmlHttpObject(stateChangedupdateMSMP)
    xmlHttp.open("GET", url , true)
    xmlHttp.send(null)
} 

function stateChangedupdateMSMP() 
{ 
    if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
    { 
        document.getElementById("model-progress").style.visibility="hidden";
        alert(xmlHttp.responseText);
        document.getElementById("smresult").innerHTML=xmlHttp.responseText;
    } 
} 


//__CLICK ON SERIES 2_______________________________________________________________
function OnMakeHover(value, b_entering)
{
    var selected = document.getElementById("selected_make").value;
    if(selected == value){
        return;
    }
    if(value < 1)
        return;
    
    list = document.getElementById("m" + value);
    if(b_entering){
//        list.style.background="#f7f7de";
//        list.style.background="#8888CC";
//        list.style.border="1px solid black";
//        list.style.color="blue";
    }
    else{
//        list.style.background="#e7e7ce";
//        list.style.background="#eeeeee";
 //       list.style.border="1px solid black";
 //       list.style.color="black";
    }
}

function OnSeriesHover(value, b_entering)
{
    var selected = document.getElementById("selected_series").value;
    if(selected == value){
        return;
    }
    if(value < 1)
        return;
    
    list = document.getElementById("s" + value);
    if(b_entering){
        list.style.background="#f7f7de";
        list.style.background="#8888CC";
        list.style.border="1px solid #8888CC";
        list.style.color="white";
    }
    else{
        list.style.background="#e7e7ce";
        list.style.background="#eeeeee";
        list.style.border="1px solid #eeeeee";
        list.style.color="black";
    }
}

function OnModelHover(value, b_entering)
{
    list = document.getElementById(value);
    if(b_entering){
        list.style.border="1px solid black";
        list.style.color="blue";
    }
    else{
        list.style.border="1px solid black";
        list.style.color="black";
    }
}

function updateSeries2(value)
{ 

    for(var i = 0;i < 40;i++){
        var list = document.getElementById("m" + i);
        if(document.getElementById("m" + i) == null)
            continue;
        list.style.color="black";
        list.style.background="#e7e7ce";      
//        list.style.background="#eeeeee";      
        list.style.font="90.8%/1.0 Verdana,sans-serif";
        list.style.cursor="default";
//        list.style.border="1px solid #eeeeee";
    }

    if(value < 1)return;
    list = document.getElementById("m" + value);
    list.style.color="white";
    list.style.background="#8888CC";
//    list.style.background="black";
//    list.style.border="1px solid #222222";
    list.style.font="bold 90.6%/1.0 Verdana,sans-serif";
    
    document.getElementById("selected_make").value = value;

    var make_id = value;
    var slist = document.getElementById("series-selector");
    var i = 0;  
	for (i = 40; i >= 1; i--)slist.options[i] = null;    
		
    if(mo[make_id].length > 0){
        for (i = 0; i < mo[make_id].length-1; i=i+2){
            slist.options[1-1+i/2] = new Option(mo[make_id][i],mo[make_id][i+1]);
        }
    }
    AddSeries();

}
