﻿// 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');
           // ClearSelect('Trim');


            if ($('#ctl00_ContentPlaceHolder1_year option:selected').text() != 'Select Year') {
                LoadDivisions();
            }
            else {
                ClearSelect('Make');
            }

        });

        $('#division').change(function() {

            //ClearSelect('Trim');



            if ($('#division option:selected').text() != 'Select Make') {
                LoadModels();
            }
            else {
                ClearSelect('Model');
            }


        });

        $('#model').change(function() {

           /* if ($('#model option:selected').text() != 'Select Model') {
                LoadStyles();
            }
            else {
                ClearSelect('Trim');
            }*/
        });

        $('#ctl00_ContentPlaceHolder1_Trim').change(function() {

            LoadPreview();

        });
        
        
    
    });
    
    /*Preview functions removed since this is not used.
    function LoadPreview() {
        //Load Values
        var selectedTrim = $('#ctl00_ContentPlaceHolder1_Trim option:selected').val();
        var TrimValues = selectedTrim.split("~~");


        $('#PreviewImage').attr('src', TrimValues[7]);
        $('#PreviewDetail').text('MSRP:' + TrimValues[5]);
    }

    function ClearPreview() {

        $('#PreviewImage').attr('src', '');
        $('#PreviewDetail').text('MSRP:');
    }*/

    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.encs.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();
          	
          	if(divisionName == 'Ford' || divisionName == 'Lincoln' || divisionName == 'Mercury') {
                document.location = "ford/showroom/Style.aspx";
            } else if(divisionName == 'Chrysler' || divisionName == 'Dodge' || divisionName == 'Jeep' || divisionName == 'Ram') {
                if(modelId=='000000')
  	            {
  	                document.location = "http://www.encs.com/vehicles.aspx?id=149\&year=" + modelYear + "\&manufacturer=" + divisionName + "\&model=" + modelName;
  	            }
  	            else{
                    document.location = "chrysler/showroom/Style.aspx";
                }              
            } 
            else if (divisionName == 'Honda'){
                document.location = "honda/showroom/Style.aspx";
            }
            else {
                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'
                );
        }
    }


   /* 
   *Load Style Functions not required since Trim not available on this form.
   function LoadStyles() {

        if ($('#model') != null) {
            var selectedYear = $('#ctl00_ContentPlaceHolder1_year option:selected').val();
            var selectedDivision = $('#division option:selected').val();
            var selectedModelid = $('#model option:selected').val();
            var selectedModelName = $('#model option:selected').text();


            ClearSelect('Trim');
            $('#ctl00_ContentPlaceHolder1_Trim').html('<option value="Loading">Loading...</option>');
            
            $.get(
                '../Default_Data.aspx',
                { formid: selectedSite, data: 'styles', modelYear: selectedYear, divisionid: selectedDivision, modelId: selectedModelid, modelName: selectedModelName },

                function(data) {

                    var response = data.split(";;");
                    $('#ctl00_ContentPlaceHolder1_Trim').html('');
                    //$('#ctl00_ContentPlaceHolder1_Trim').append('<option value="Select Make">Select Trim</option>');

                    for (var i = 0; i < response.length; i++) {

                        var Trim = response[i].split("~~");

                        if (Trim[1] != null) {
                            $('#ctl00_ContentPlaceHolder1_Trim').append('<option value="' + Trim[0] + "~~" + Trim[1] + "~~" + Trim[2] + "~~" + Trim[3] + "~~" + Trim[4] + "~~" + Trim[5] + "~~" + Trim[6] + "~~" + Trim[7] + "~~" + Trim[8] + "~~" + Trim[9] + '">' + Trim[3] + '</option>');
                        }
                    }

                    LoadPreview();
                    $('#ctl00_ContentPlaceHolder1_Trim').removeAttr('disabled');
                },
                'html'
                );
        }
    }*/

