// JScript File
// Ajax requests for Build your vehicle panel.
    $(document).ready(function() {
    
    if($('#ctl00_ContentPlaceHolder1_year option:selected').text() != 'Select Year'){
        $('#ctl00_ContentPlaceHolder1_year').val('Select Year').attr('selected', 'selected');
    }
        $('#division').attr('disabled', 'disabled');
        $('#model').attr('disabled', 'disabled');
    
     $('#sbmtStyle').click(function() {
            RedirectStyles();
        });
        
        $('#ctl00_ContentPlaceHolder1_year').change(function() {

            ClearSelect('Model');


            if ($('#ctl00_ContentPlaceHolder1_year option:selected').text() != 'Select Year') {
                LoadDivisions();
            }
            else {
                ClearSelect('Make');
            }

        });

        $('#division').change(function() {




            if ($('#division option:selected').text() != 'Select Make') {
                LoadModels();
            }
            else {
                ClearSelect('Model');
            }


        });

        $('#model').change(function() {


        });

        $('#ctl00_ContentPlaceHolder1_Trim').change(function() {

            LoadPreview();

        });
        
        
    
    });
    


    function ClearSelect(select) {

        if (select == 'Trim') {
            $('#ctl00_ContentPlaceHolder1_Trim').html('');
            $('#ctl00_ContentPlaceHolder1_Trim').append('<option value="Select Make">Select Trim</option>');
            $('#ctl00_ContentPlaceHolder1_Trim').attr('disabled', 'disabled');
            ClearPreview();

        }
        else if (select == 'Model') {
            $('#model').html('');
            $('#model').append('<option value="Select Make">Select Model</option>');
            $('#model').attr('disabled', 'disabled');
        }
        else if (select == 'Make') {
            $('#division').html('');
            $('#division').append('<option value="Select Make">Select Make</option>');
            $('#division').attr('disabled', 'disabled');
            
        }
        


    }
    
    function RedirectStyles(){
    
        if($('#ctl00_ContentPlaceHolder1_year option:selected').text() == 'Select Year') {
            alert('You must select a Year Before Proceeding!');
        } else if ($('#division option:selected').text() == 'Select Make') {
            alert('You must select a Make Before Proceeding!');
        } else if ($('#model option:selected').text() == 'Select Model') {
            alert('You must select a Model Before Proceeding!');
 
        } else {
        
	        //get year, divisionId, and divisionName, and model
	        var modelYear = $('#ctl00_ContentPlaceHolder1_year option:selected').val();

	        var divisionId = $('#division option:selected').val();
	        var divisionSelectElement = $('#division');
	        var divisionName = $('#division option:selected').text();

	        var modelSelectElement = $('#model');
	        var modelName = $('#model option:selected').text();
	        var modelId = $('#model option:selected').val();
            
	        //do request
	        var request = getRequest();
	        try {
	            request.open("get", "http://www.autoexchangeonline.com/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 = "/showroom/Style.aspx";

        }
    
    }

    function LoadDivisions() {

        if ($('#ctl00_ContentPlaceHolder1_year') != null) {
            var selectedYear = $('#ctl00_ContentPlaceHolder1_year option:selected').text();

            ClearSelect('Make');
            $('#division').html('<option value="Loading">Loading...</option>');
        
            $.get(
                '/showroom/Default_Data.aspx',
                { data: 'divisions', modelYear: selectedYear },

                function(data) {

                    var response = data.split(";;");
                    $('#division').html('');
                    $('#division').append('<option value="Select Make">Select Make</option>');

                    for (var i = 0; i < response.length; i++) {
                        //var ISRName = response[i];
                        var Division = response[i].split("~~");

                        if (Division[1] != null) {
                            $('#division').append('<option value="' + Division[0] + '">' + Division[1] + '</option>');
                        }
                    }

                    $('#division').removeAttr('disabled');
                },
                'html'
                );
        }
    }

    function LoadModels() {

        if ($('#division') != null) {
            var selectedYear = $('#ctl00_ContentPlaceHolder1_year option:selected').val();
            var selectedDivision = $('#division option:selected').val();

            ClearSelect('Model');
            $('#model').html('<option value="Loading">Loading...</option>');
            
            if (selectedDivision == '16')
            {
                alert("Honda is available for Overseas Delivery in Europe Only.");
            }
            


            $.get(
                '/showroom/Default_Data.aspx',
                { data: 'models', modelYear: selectedYear, divisionid: selectedDivision },

                function(data) {

                    var response = data.split(";;");
                    $('#model').html('');
                    $('#model').append('<option value="Select Model">Select Model</option>');

                    for (var i = 0; i < response.length; i++) {
                        
                        var Model = response[i].split("~~");

                        if (Model[1] != null) {
                            $('#model').append('<option value="' + Model[1] + '">' + Model[0] + '</option>');
                        }
                    }

                    $('#model').removeAttr('disabled');

                },
                'html'
                );
                
            if (selectedDivision == '39')
            {
                alert("Auto Exchange operates a stock-only program for Toyota that is available for overseas delivery in Europe only.\nAll options may not be available on your selected configuration.");
            } 
        }
    }




