Event.observe(window, 'load', function () {
    //$('year').selectedIndex = 0;
    Event.observe('year', 'change', selectYear);
    Event.observe('division', 'change', selectDivision);
    //Event.observe('sbmtStyle', 'click', getStyles);
});

function selectYear() {
    var modelYear = $('year').options[$('year').selectedIndex].value;
    if(modelYear == null || modelYear == "" || modelYear == "Select a Year") { // check to see if "Select One" option was selected
        clearSelect($('division'));
        clearSelect($('model'));
    } else {  
	    //do request
	    new Ajax.Request("../../showroom/Default_Data.aspx?data=divisions&modelYear=" + modelYear, {
	        method: 'get',
	        onSuccess: function(transport) {
				var manufacturers = new Array("Polaris", "Victory"); //Updated 12/09/2009 by SA to add Polaris/Victory
	            fillSelect($('division'), transport.responseText, manufacturers);
                clearSelect($('model'));
	        },
            onCreate: function() {
                $('division').options[0] = new Option("Loading...", "", true, true);
            }
	    });
    }
}

function selectPreYear(preMan, preMod) {
    var modelYear = $('year').options[$('year').selectedIndex].value;
    if(modelYear == null || modelYear == "" || modelYear == "Select a Year") { // check to see if "Select One" option was selected
        clearSelect($('division'));
        clearSelect($('model'));
    } else {  
	    //do request
	    new Ajax.Request("../../showroom/Default_Data.aspx?data=divisions&modelYear=" + modelYear, {
	        method: 'get',
	        onSuccess: function(transport) {
				var manufacturers = new Array("Polaris", "Victory"); //Updated 12/09/2009 by SA to add Polaris/Victory
	            fillPreSelect($('division'), transport.responseText, manufacturers, preMan); 
                clearSelect($('model'));
	        },
            onCreate: function() {
                $('division').options[0] = new Option("Loading...", "", true, true);
            },
            onComplete: function() {
                var manufacturer = $('division').options[$('division').selectedIndex].value;
                
                if(manufacturer != " " || manufacturer != "") {
                    selectPreDivision(preMod);
                } 
            }
	    });
    }
}

function selectDivision() {
    var divisionId = $('division').options[$('division').selectedIndex].value;
    if(divisionId == null || divisionId == "") { // check to see if "Select One" option was selected
        clearSelect($('model'));
    } 
	else if (divisionId == "Polaris"){//Added Condition 12/09/2009 by SA to add Polaris/Victory
	var modelsArray = new Array("Sportsman 300", "Sportsman 400", "Sportsman 500",  "Sportsman 550",  "Sportsman 800",  "Sportsman 850",  
	                            "Ranger", "Razr", 
	                            "Outlaw 300", "Outlaw 400", "Outlaw 500", "Outlaw 550", "Outlaw 800", "Outlaw 850");
	fillModelsSelect($('model'), modelsArray);
	}
	else if (divisionId == "Victory"){//Added Condition 12/09/2009 by SA to add Polaris/Victory
	var modelsArray = new Array("Vegas", "Jackpot", "Vision", "Hammer", "Kingpin");
	fillModelsSelect($('model'), modelsArray);
	}
	else {
	    //get year
        var modelYear = $('year').value;

        //do request
        new Ajax.Request("../../showroom/Default_Data.aspx?data=models&modelYear=" + modelYear + "&divisionId=" + divisionId.substr(0,divisionId.indexOf("-")), {
	        method: 'get',
	        onSuccess: function(transport) {
	            var models = transport.responseText.split(";;");
                var modelsArray = [];
                for (var i = 0; i < models.length; i++) {
   		            modelsArray[i] = models[i];
	            }
	            modelsArray.sort();

                //populate model dropdown
                fillModelsSelect($('model'), modelsArray);
            },
            onCreate: function() {
                $('model').options[0] = new Option("Loading...", "", true, true);
            }
	    });
    }
}

function selectPreDivision(preSel) {
    var divisionId = $('division').options[$('division').selectedIndex].value;
    
    if(divisionId == "Select a Manufacturer" || divisionId == "" || divisionId == " ") { // check to see if "Select One" option was selected
        //clearSelect($('model'));
    } 
	else if (divisionId == "Polaris"){//Added Condition 12/09/2009 by SA to add Polaris/Victory
	var modelsArray = new Array("Sportsman 300", "Sportsman 400", "Sportsman 500",  "Sportsman 550",  "Sportsman 800",  "Sportsman 850",  
	                            "Ranger", "Razr", 
	                            "Outlaw 300", "Outlaw 400", "Outlaw 500", "Outlaw 550", "Outlaw 800", "Outlaw 850");
	fillPreModelsSelect($('model'), modelsArray, preSel);
	}
	else if (divisionId == "Victory"){//Added Condition 12/09/2009 by SA to add Polaris/Victory
	var modelsArray = new Array("Vegas", "Jackpot", "Vision", "Hammer", "Kingpin");
	fillPreModelsSelect($('model'), modelsArray, preSel);
	}
	 else {
	    //get year
        var modelYear = $('year').value;

        //do request
        new Ajax.Request("../../showroom/Default_Data.aspx?data=models&modelYear=" + modelYear + "&divisionId=" + divisionId.substr(0,divisionId.indexOf("-")), {
	        method: 'get',
	        onSuccess: function(transport) {
	            var models = transport.responseText.split(";;");
                var modelsArray = [];
                for (var i = 0; i < models.length; i++) {
   		            modelsArray[i] = models[i];
	            }
	            modelsArray.sort();

                //populate model dropdown
                fillPreModelsSelect($('model'), modelsArray, preSel);
            },
            onCreate: function() {
                $('model').options[0] = new Option("Loading...", "", true, true);
            },
            onComplete: function() {
                
            }
	    });
    }
}


function getStyles() {

	//get year, divisionId, and divisionName, and model
	var modelYear = $('year').value;

	var divisionId = $('division').value;
	var divisionSelectElement = $('division');
	var divisionName = divisionSelectElement.options[divisionSelectElement.selectedIndex].text;

	var modelSelectElement = $('model');
	var modelName = modelSelectElement.options[modelSelectElement.selectedIndex].text;
	var modelId = modelSelectElement.options[modelSelectElement.selectedIndex].value;
    
	//do request
	var request = getRequest();
	try {
	    request.open("get", "../../showroom/Default_Data.aspx?data=styles&modelYear=" + modelYear + "&divisionId=" + divisionId + "&divisionName=" + divisionName + "&modelId=" + modelId + "&modelName=" + modelName, false);
  	    request.send(null);
    } catch(e) {
        alert("An error occured while trying to process your request!");
    }
  	var styles = request.responseText.split("~~");
  	
  	request.abort();
  	
    document.location = "Style.aspx";
}

function clearSelect(selectElm) {
    if (selectElm.options != null) {
        selectElm.options.length = 0;
    }
    selectElm.disabled = true;
}

function fillSelect(selectElm, responseText, extraMakes) { //Updated 12/09/2009 by SA to add Polaris/Victory
    selectElm.options.length = 0;
    selectElm.options[0] = new Option("Select Make", "", true, true);
    var response = responseText.split(";;");
    
    for (var i = 0; i < response.length; i++) {
        var style = response[i].split("~~");
        
        if(style[1] != null) {
       	    selectElm.options[selectElm.options.length] = new Option(style[1], style[0]+"-"+style[1], false, false);
       	}
    }
	
	for(var i=0; i<extraMakes.length; i++) {  
        if(extraMakes[i] != '' || extraMakes[i] != ' ' || extraMakes[i] != null) {
            var option = document.createElement('option');
                
            option.text = extraMakes[i];
            option.value = extraMakes[i];
                
            try
            {
                selectElm.add(option,null); // standards compliant
            }
            catch(ex)
            {
                selectElm.add(option); // IE only
            }
		}
    }
	
    selectElm.disabled = false;
}
function fillPreSelect(selectElm, responseText, extraMakes, preSel) { //Updated 12/09/2009 by SA to add Polaris/Victory
    selectElm.options.length = 0;
    selectElm.options[0] = new Option("Select a Manufacturer", "", true, true);
    var response = responseText.split(";;");
    
    for (var i = 0; i < response.length; i++) {
        var style = response[i].split("~~");
        
        if(style[1] != null) {
       	    if(style[0] == preSel) {
                selectElm.options[selectElm.options.length] = new Option(style[1], style[0]+"-"+style[1], true, true);
            } else {
       	        selectElm.options[selectElm.options.length] = new Option(style[1], style[0]+"-"+style[1], false, false);
            }
       	}
    }
    for(var i=0; i<extraMakes.length; i++) {
            if(extraMakes[i] != '' || extraMakes[i] != ' ' || extraMakes[i] != null) {
                var option = document.createElement('option');
                
                option.text = extraMakes[i];
                option.value = extraMakes[i];
                if(option.text == preSel) {
                    option.selected = true;
                } 
                try
                {
                    selectElm.add(option,null); // standards compliant
                }
                catch(ex)
                {
                    selectElm.add(option); // IE only
                }
            }
        }
    selectElm.disabled = false;
}

function fillModelsSelect(selectElm, modelsArray) {
    selectElm.options.length = 0;
    $('lblModel').innerHTML = '<span style="font-family:Verdana;color:Red;">*</span> Model:';
    selectElm.options[0] = new Option("Select a Model", "", true, true);
    for (var i = 0; i < modelsArray.length; i++) {
        var style = modelsArray[i].split("~~");
        selectElm.options[selectElm.options.length] = new Option(style[0], style[1]+"-"+style[0], false, false);
    }
    selectElm.disabled = false;
}
function fillPreModelsSelect(selectElm, modelsArray, preSel) {
    selectElm.options.length = 0;
    $('lblModel').innerHTML = '<span style="font-family:Verdana;color:Red;">*</span> Model:';
    selectElm.options[0] = new Option("Select a Model", "", true, true);
    for (var i = 0; i < modelsArray.length; i++) {
        var style = modelsArray[i].split("~~");
        
        if(style[1] == preSel.substr(0,preSel.indexOf("-"))) {
            selectElm.options[selectElm.options.length] = new Option(style[0], style[1]+"-"+style[0], true, true);
        } else {
            selectElm.options[selectElm.options.length] = new Option(style[0], style[1]+"-"+style[0], false, false);
        }
    }
    selectElm.disabled = false;
}
// -->