$(function() {
    $("#PayCalculatorCalculateButton").click(function() { CalculateEstimatedPayment(); });
    $("#VehicleMediaTabs").tabs({ ajaxOptions: { async: false }, cache: true });
    $("div[id^='VehicleMediaTabs-']").each(function() { if ($(this).attr("hasContent") == "False") { $("#VehicleMediaTabs").tabs('disable', $(this).attr("index")); } });
    $("#VehicleDetailTabs").tabs();
    $("div[id^='VehicleDetailTabs-']").each(function() { if ($(this).attr("hasContent") == "False") { $("#VehicleDetailTabs").tabs('disable', $(this).attr("index")); } });
    $(".mediaPlugin").media();
    $('#PaymentCalculatorDialog').dialog({
        autoOpen: false,
        bgiframe: true,
        width: 600,
        height: 300,
        modal: true,
        draggable: false,
        resizable: false
    });
    $("#VehicleListFilters select").each(function() { $(this).change(function() { ApplyVehicleListFilters(); }); });
    $("#StockNumberNew").autocomplete('/Inventory/StockNumbersNew',
            {
                width: 80,
                dataType: 'json',
                parse: function(data) {
                    var rows = new Array();
                    for (var i = 0; i < data.length; i++) {
                        rows[i] = { data: data[i], value: data[i].StockNumber, result: data[i].StockNumber };
                    }
                    return rows;
                },
                formatItem: function(item) { return item.StockNumber; }
            }
        )
        .result(function(event, item) { location.href = item.Url });
    $("#StockNumberUsed")
        .autocomplete('/Inventory/StockNumbersUsed',
            {
                width: 80,
                dataType: 'json',
                parse: function(data) {
                    var rows = new Array();
                    for (var i = 0; i < data.length; i++) {
                        rows[i] = { data: data[i], value: data[i].StockNumber, result: data[i].StockNumber };
                    }
                    return rows;
                },
                formatItem: function(item) { return item.StockNumber; }
            }
        )
        .result(function(event, item) { location.href = item.Url });
    $("#ConfiguratorStyles").change(function() { OnStyleSelect(); });
    $("#ChangeConfiguratorStyleButton").hide().click(function() { ShowStyleSelect(); });
    $("#ViewDetailsButton").hide();
});

var sortField = '';
var sortDirection = '';
function ApplyVehicleListFilters() {
    var inventoryType = $("#InventoryType").val();
    var year = $("#YearFilter option:selected").val();
    var make = $("#MakeFilter option:selected").val();
    var model = $("#ModelFilter option:selected").val();
    var price = $("#PriceFilter option:selected").val();
    if (year.length <= 0)
        year = 0;
    if (make.length <= 0)
        make = "none";
    if (model.length <= 0)
        model = "none";
    if (price.length <= 0)
        price = 0;
    var url = '/Inventory/' + inventoryType;
    make = make.replace(/ /g, "%20");
    make = make.replace(/&/g, "%26");
    model = model.replace(/ /g, "%20");
    model = model.replace(/&/g, "%26");
    url += '/' + year + '/' + make + '/' + model + '/' + price;
    var inventoryType = $("#InventoryType").val();
    if (inventoryType.toLowerCase() == "used") {
        var certified = "none";
        if ($("#CertifiedFilter").is(":checked"))
            certified = "yes";
        url += '/' + certified;
    }
    sortField = $("#SortBy option:selected").attr("title");
    sortDirection = $("#SortBy option:selected").val();
    if (sortField != null && sortField.length > 0)
        url += '/' + sortField + '/' + sortDirection;
    location.href = url;
    $.blockUI({ message: '<h2 class="ProcessingMessage"><span class="ProcessingGlyph"></span> Applying filters...</h2>' });
}
function ConvertEmptyToZero(value) {
    return (value == "") ? 0 : value;
}
function CalculateEstimatedPayment() {
    $("#PayCalculatorErrors").text();
    $("#PayCalculatorErrors").removeClass("PayCalculatorErrors");
    var purchasePrice = parseFloat(ConvertEmptyToZero($("#PayCalculatorPurchasePrice").val()));
    var taxFee = parseFloat(ConvertEmptyToZero($("#PayCalculatorTax").val()));
    var downPayment = parseFloat(ConvertEmptyToZero($("#PayCalculatorDownPayment").val()));
    var tradeInValue = parseFloat(ConvertEmptyToZero($("#PayCalculatorTradeInValue").val()));
    var tradeInPayOff = parseFloat(ConvertEmptyToZero($("#PayCalculatorTradeInPayoff").val()));
    var interestRate = parseFloat(ConvertEmptyToZero($("#PayCalculatorInterestRate").val()));
    var loanTerm = parseFloat(ConvertEmptyToZero($("#PayCalculatorPaymentTerm").val()));
    if (
    isNaN(purchasePrice) ||
    isNaN(taxFee) ||
    isNaN(downPayment) ||
    isNaN(tradeInValue) ||
    isNaN(tradeInPayOff) ||
    isNaN(interestRate) ||
    isNaN(loanTerm)
    ) {
        $("#PayCalculatorErrors").text("You must complete all fields with numeric values.");
        $("#PayCalculatorErrors").addClass("FormErrorMessage");
    }
    else {
        var numPayments = parseInt(loanTerm);
        var actualLoanAmt = purchasePrice + taxFee + tradeInPayOff - downPayment - tradeInValue;
        if (interestRate == 0) interestRate = 0.0001;
        interestRate = interestRate / 1200;
        var monthlyPayment =
        (actualLoanAmt * (
        Math.pow((1 + interestRate), numPayments)
        )) / ((1 + interestRate) * ((
        (
        Math.pow((1 + interestRate), numPayments)
        )
        - 1) / interestRate));
        var smonthlyPayment = '$' + monthlyPayment.toFixed(2);
        var sactualLoanAmt = '$' + actualLoanAmt.toFixed(2);
        $("#PayCalculatorMonthlyPaymentAmount").text(smonthlyPayment);
        $("#PayCalculatorTotalFinancedAmount").text(sactualLoanAmt);
    }
    return false;
}

function OnStyleSelect() {
    var styleId = $("#ConfiguratorStyles option:selected").val();
    if (styleId) {
        $("#ConfiguratorStyles").hide();
        $("#ConfiguratorStyleName").text($("#ConfiguratorStyles option:selected").text());
        $("#ConfiguratorStyleName").show();
        $("#ChangeConfiguratorStyleButton").show();
        $("#ConfiguratorVehicleSettingsBlock").load("/Configurator/Vehicle/" + styleId, null, OnConfiguratorVehicleUpdated);
    }
}

function ShowStyleSelect() {
    $("#ConfiguratorStyles").show();
    $("#ConfiguratorStyleName").text("");
    $("#ConfiguratorStyleName").hide();
    $("#ChangeConfiguratorStyleButton").hide();
}

function OnConfiguratorVehicleUpdated() {
    $("div[id^=ExteriorColor-]").click(function() { SelectExteriorColor(this) })
        .hover(
            function() { $("#HighlightedExteriorColor").text($(this).attr("title")) },
            function() { $("#HighlightedExteriorColor").text("") }
            )
        .each(function() { if ($(this).attr("selected") == "True") { $(this).addClass("ColorSwatchSelected"); } });
    $("div[id^=InteriorColor-]").click(function() { SelectInteriorColor(this) })
        .each(function() { if ($(this).attr("selected") == "True") { $(this).addClass("InteriorColorSwatchSelected"); $(this).removeClass("InteriorColorSwatchNotSelected"); } });
    $("input[id^=Option-]").click(function() { ProcessVehicleOptionSelect(this.value); });
    $("#ConfiguratorPriceSummary").load("/Configurator/PriceSummary");
    $("#ViewDetailsButton").show().click(function() { location.href = '/Inventory/Vehicle/' + year + '/' + make + '/' + model; });
    $("#ConfiguratorPriceDetailsBlock").show();
    $.unblockUI();
}

function SelectExteriorColor(colorSwatchElement) {
    if ($(colorSwatchElement).attr("selected") == "True")
        return;
    var styleId = $("#ConfiguratorStyles option:selected").val();
    var optionCode = $(colorSwatchElement).attr("optionCode");
    ProcessVehicleOptionSelect(optionCode);
}

function SelectInteriorColor(colorSwatchElement) {
    if ($(colorSwatchElement).attr("selected") == "True")
        return;
    var optionCode = $(colorSwatchElement).attr("optionCode");
    ProcessVehicleOptionSelect(optionCode);
}

function ProcessVehicleOptionSelect(optionCode) {
    $.blockUI({ message: '<h2 class="ProcessingMessage"><span class="ProcessingGlyph"></span> Configuring...</h2>' });
    $("#ConfiguratorVehicleSettingsBlock").load("/Configurator/ToggleOption/" + optionCode, null, OnConfiguratorVehicleUpdated);
}


/**
* @author Remy Sharp
* @url http://remysharp.com/2007/01/25/jquery-tutorial-text-box-hints/
*/
(function ($) {

    $.fn.hint = function (blurClass) {
        if (!blurClass) {
            blurClass = 'blur';
        }

        return this.each(function () {
            // get jQuery version of 'this'
            var $input = $(this),

            // capture the rest of the variable to allow for reuse
      title = $input.attr('title'),
      $form = $(this.form),
      $win = $(window);

            function remove() {
                if ($input.val() === title && $input.hasClass(blurClass)) {
                    $input.val('').removeClass(blurClass);
                }
            }

            // only apply logic if the element has the attribute
            if (title) {
                // on blur, set value to title attr if text is blank
                $input.blur(function () {
                    if (this.value === '') {
                        $input.val(title).addClass(blurClass);
                    }
                }).focus(remove).blur(); // now change all inputs to title

                // clear the pre-defined text when form is submitted
                $form.submit(remove);
                $win.unload(remove); // handles Firefox's autocomplete
            }
        });
    };

})(jQuery);