﻿$(document).ready(function () {
get_cookie('uid');
    $('#rbNew').click(function () {
        //$("#fsFinance").find("input,select,textarea,div").removeAttr('disabled');
        $('#newSelect').show();
        $('#usedSelect').hide();
        $('#newCar').removeClass("newCarSelect").addClass("newCarSelected");
        $('#usedCar').removeClass("newCarSelected").addClass("newCarSelect");
    });

    $('#rbUsed').click(function () {
        //$("#fsFinance").find("input, select,textarea,div").removeAttr('disabled');
        $('#usedSelect').show();
        $('#newSelect').hide();
        $('#newCar').removeClass("newCarSelected").addClass("newCarSelect");
        $('#usedCar').removeClass("newCarSelect").addClass("newCarSelected");
    });

    //LoadAllMakes
    $.ajax({
        type: "POST",
        url: "/NewLeadService/Services/SiteService.asmx/LoadAllMakesShowroom",
        data: "{'year': ''}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            var selectmake = $('#newMake');
            //alert(data.d);
            selectmake.html(data.d);
            selectmake.removeAttr("disabled");
        },
        error: AjaxFailed
    });

    $.ajax({
        type: "POST",
        url: "/NewLeadService/Services/SiteService.asmx/LoadAllYears",
        data: "{'selected': ''}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            var select = $('#usedYear');
            select.html(data.d);
            var selectmake = $('#usedMake');
            selectmake.html("<option selected='true'>Select Make</option>");
            selectmake.attr("disabled", "disabled");
            var selectmodel = $('#usedModel');
            selectmodel.html("<option selected='true'>Select Model</option>");
            selectmodel.attr("disabled", "disabled");
            //alert('load Years');
        },
        error: AjaxFailed
    });

    $('select[name="usedYear"]').change(function () {
        if ($('select[name="usedYear"]').val() != "Year") {
            $.ajax({
                type: "POST",
                url: "/NewLeadService/Services/SiteService.asmx/LoadMakes",
                data: "{'year': '" + $('#usedYear').val() + "', 'selected': ''}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var selectmake = $('#usedMake');
                    selectmake.html(data.d);
                    selectmake.removeAttr("disabled");
                    var selectmodel = $('#usedModel');
                    selectmodel.html("<option selected='true'>Select Model</option>");
                    selectmodel.attr("disabled", "disabled");
                },
                error: AjaxFailed
            });
        }
        else {
            $('#usedMake').attr("disabled", "disabled");
            $('#usedMake').html("<option selected='true'>Select Model</option>");
            $('#usedModel').html("<option selected='true'>Select Model</option>");
            $('#usedModel').attr("disabled", "disabled");
        }
    });

    $('select[name="usedMake"]').change(function () {
        if ($('select[name="usedMake"]').val() != "Select Make") {
            $.ajax({
                type: "POST",
                url: "/NewLeadService/Services/SiteService.asmx/LoadModels",
                data: "{'divId': '" + $('#usedMake').val() + "','year': '" + $('#usedYear').val() + "', 'selected': ''}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var select = $('#usedModel');
                    select.html(data.d);
                    select.removeAttr("disabled");
                },
                error: AjaxFailed
            });
        }
        else {
            $('#usedModel').html("<option selected='true'>Select Model</option>");
            $('#usedModel').attr("disabled", "disabled");
        }
    });

    $('select[name="usedModel"]').change(function () {
        //alert($('#usedModel').val());
        if ($('#usedModel').val() != "Select Model") {
            $('#btnSeeInventory').removeClass("seeInventoryBTOff").addClass("seeInventoryBT").removeAttr("disabled");
            $('#btnStartSUsed').removeClass("startShoppingBTOff").addClass("startShoppingBT").removeAttr("disabled");
        }
        else {
            $('#btnSeeInventory').removeClass("seeInventoryBT").addClass("seeInventoryBTOff").attr("disabled", "disabled");
            $('#btnStartSUsed').removeClass("startShoppingBT").addClass("startShoppingBTOff").attr("disabled", "disabled");
        }
    });

    $('select[name="newMake"]').change(function () {
        //alert($('#newMake').val());
        if ($('#newMake').val() != "") {
            $('#btnStartSNew').removeClass("startShoppingBTOff").addClass("startShoppingBT").removeAttr("disabled");
        }
        else {
            $('#btnStartSNew').removeClass("startShoppingBT").addClass("startShoppingBTOff").attr("disabled", "disabled");
        }
    });

    $('div.zipClose, #fadezip').live('click', function () { //When clicking on the close or fade layer...	  	
        $('#fadezip, #zipCalculator').fadeOut(function () {
            $('#fadezip').remove();
        }); //fade them both out				
        return false;
    });
});

function get_cookie(cookie_name) {
    var results = document.cookie.match('(^|;) ?' + cookie_name + '=([^;]*)(;|$)');

    if (results) {
        $("div.login").html("<a href='/my-garage.aspx' rel='nofollow'>Account</a> I <a href='/logout.aspx' rel='nofollow'>Logout</a>");
       // alert(unescape(results[2]));
    }
    else {
        $("div.login").html("<a href='/login.aspx'>Login</a>"); //<a href='/user-registration.aspx'>Register</a> I 
        //alert("null");
    }
}


function AjaxSucceeded(result) {
    alert(result.d);
}
function AjaxFailed(result) {
    alert(result.status + ' ' + result.statusText);
}

function goConfig(type) {
    var error = validateNewConfig();
    if (error) {
        //alert(error);
        return false;
    }
    var trim = "";
    $.ajax({
        type: "POST",
        url: "/NewLeadService/Services/SiteService.asmx/firstTrim",
        data: "{'ModelID': '" + $('#usedModel').val() + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            trim = data.d;
            location.href = '/research-compare-build.html?nameDivision=' + $("#usedMake :selected").text() + '&nameModel=' + $("#usedModel :selected").text() + '&idDivision=' + $("select[name='usedMake']").val() + '&idModel=' + $("select[name='usedModel']").val() + '&idStyle=' + trim + '&years=' + $("select[name='usedYear']").val() + '&typeAccess=' + type + '&from=home';
        },
        error: AjaxFailed
    });

}


function goInventory() {
    var error = validateNewConfig();
    if (error) {
        //alert(error);
        return false;
    }

    $('#zipCalculator').fadeIn().css({ 'width': Number('404') });
    //Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css		
    var popMargTop = ($('#zipCalculator').height() - 80) / 2;
    var popMargLeft = ($('#zipCalculator').width() + 80) / 2;
    //alert(popMargLeft + " " + popMargTop);
    //Apply Margin to Popup		
    $('#zipCalculator').css({
        'margin-top': -popMargTop,
        'margin-left': -popMargLeft
    });
    //Fade in Background		
    $('body').append('<div id="fadezip"></div>'); 		//Add the fade layer to bottom of the body tag.		
    $('#fadezip').css({ 'filter': 'alpha(opacity=80)' }).fadeIn();  		//Fade in the fade layer 				
    return false;

}

/**/

function validateNewConfig() {

    var error = false;
    //alert($("select[name='usedYear']").val());
    if ($("select[name='usedYear']").val() == 'Year') {
        $('span#mainMsg').text("Please select a year.");
        $('.UIErrorFlagMain').fadeIn();
        error = true;
    }
    else if ($("select[name='usedMake']").val() == 'Select Make') {
        $('span#mainMsg').text("Please select a make.");
        $('.UIErrorFlagMain').fadeIn();
        error = true;
    }
    else if ($("select[name='usedModel']").val() == 'Select Model') {
        $('span#mainMsg').text("Please select a model.");
        $('.UIErrorFlagMain').fadeIn();
        error = true;
    }
    return error;
}

/*function ConfigContinue() {

$('.UIErrorFlagMain').hide();

var id = $("input[name=condition]:checked").attr('id');
if (id == "rbNew") {
newShowroom();
}
else if (id == "rbUsed") {
goConfig('research');
}
else {
$('span#mainMsg').text("Please select a condition.");
$('.UIErrorFlagMain').fadeIn();
return false;
}

}*/

function newShowroom() {
    var error = validateNew();
    if (error) {
        return false;
    }
    location.href = $("select[name='newMake']").val();     
}

function validateNew() {
    var msg = "";
    if ($("select[name='newMake']").val() == '') {
        $('span#mainMsg').text("Please select a make.");
        $('.UIErrorFlagMain').fadeIn();
        error = true; 
    }

    return msg;
}


function SeeInventory(form) {

    var msg = "";
    $.ajax({
        type: "POST",
        url: "/NewLeadService/Services/SiteService.asmx/validateZipCode",
        data: "{'key': '', 'ZipCode': '" + $("input[name='usedZip']").val() + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            if (data.d == "0") {
                alert("Please enter a valid U.S ZipCode.");
                return false;
            }
            else {
                //alert('used-cars-results/' + $("select[name='usedCarMake']").val().replace('/', ';;') + '/' + $("select[name='usedCarModel']").val().replace('/', ';;') + '/' + $("input[name='usedCarZip']").val());
                var model = "all";
                if ($("select[name='usedModel']").val() != "") {
                    //model = $("select[name='usedCarModel']").val().replace('/', ';;').replace(' ', '_');

                    //Mauricio Urrego
                    //Add replace caracter & (Chrysler - Town & Country)
                    model = $("#usedModel :selected").text().replace('/', ';;').replace('&', '--').replace(' ', '_');
                }
                //location.href = 'used-cars-results/' + $("select[name='usedCarMake']").val().replace('/', ';;').replace(' ', '_') + '/' + $("select[name='usedCarModel']").val().replace('/', ';;').replace(' ', '_') + '/' + $("input[name='usedCarZip']").val();
                location.href = '/used-cars-results/' + $("#usedMake :selected").text().replace('/', ';;').replace(' ', '_') + '/' + model + '/' + $("input[name='usedZip']").val();
            }
        },
        error: AjaxFailed
    });
}

