var _dist = 500;
var _cookie_zip = default_zip;
jQuery(function($) {
    $("img[src$=png]").pngfix();
});

$(document).ready(function() {
    initialUi();
    initialData();
});

function initialUi() {
    _cookie_zip = getCookie("_zip");
    $('#zipcode').val(_cookie_zip);
    $('#s-zip').val(_cookie_zip);
    //    $('#buy-searchinput').focus(function() {
    //        if ($(this).val() == 'e.g. BMW 3 Series') {
    //            $(this).css("color", "#333");
    //            $(this).val("");
    //        }
    //    });
    //    $('#buy-searchinput').blur(function() {
    //        if ($(this).val() == '') {
    //            $(this).css("color", "#ccc");
    //            $(this).val('e.g. BMW 3 Series');
    //        }
    //    });
    $('#buy-searchinput').autocomplete(svc_url + "/search/getac", {
        //$('#buy-searchinput').autocomplete("http://nyu/rest/search/getac", {
        minChars: 2,
        width: 450,
        scrollHeight: 360,
        delay: 50,
        selectFirst: false,
        max: 10,
        matchContains: true,
        autoFill: false,
        dataType: "jsonp",
        parse: function(data) {
            var rows = new Array();
            for (var i = 0; i < data.length; i++) {
                var str = "";
                if (data[i].Year && data[i].Year.toString().length > 0)
                    str += data[i].Year;
                if (data[i].Make && data[i].Make.length > 0)
                    str += " " + data[i].Make;
                if (data[i].Model && data[i].Model.length > 0)
                    str += " " + data[i].Model;
                if (data[i].Trim && data[i].Trim.length > 0)
                    str += " " + data[i].Trim;
                rows[i] = { data: data[i], value: $.trim(str), result: $.trim(str) };
            }
            return rows;
        },
        formatItem: function(row, i, n) {
            return ((row.Year) ? (row.Year + " ") : "") + row.Make + " " + row.Model + " " + row.Trim;
        }
    });

    $("form#buy-form").submit(function() {
        //        if ($('#buy-searchinput').val() == 'e.g. BMW 3 Series')
        if ($('#buy-searchinput').val() == '')
            return false;
        else {
            var _zip = $('#zipcode').val();
            location.href = "search/q=" + $('#buy-searchinput').val() + ";z=" + _zip + ";dist=" + _dist;
            return false;
        }
    });
    $("form#s-form").submit(function() {
        if (validateModifySearchInput()) {
            var m = $('#s-make option:selected').html() == "All" ? "" : $('#s-make option:selected').html();
            var md = $('#s-model option:selected').html() == "All" ? "" : $('#s-model option:selected').html();
            var yf = $('#s-year-min option:selected').val();
            var yt = $('#s-year-max option:selected').val();
            var pl = $('#s-price-min option:selected').val();
            var ph = $('#s-price-max option:selected').val();
            var ml = $('#s-mileage-min option:selected').val();
            var mh = $('#s-mileage-max option:selected').val();
            var _zip = $('#s-zip').val();
            var _dist = $('#s-dist option:selected').val();
            location.href = "search/m=" + m + ";md=" + md + ";z=" + _zip + ";dist=" + _dist + ";yf=" + yf + ";yt=" + yt + ";pl=" + pl + ";ph=" + ph + ";ml=" + ml + ";mh=" + mh;
            return false;
        } else {
            return false;
        }
    });
    loadBrowseData();
}

function initialData() {
}

function validateModifySearchInput() {
    return true;
}
function browseType(vt) {
    var _zip = $('#s-zip').val();
    location.href = "search/vt=" + vt + ";z=" + _zip + ";dist=200";
}
function browsePrice(low, high) {
    var _zip = $('#s-zip').val();
    location.href = "search/pl=" + low + ";ph=" + high + ";z=" + _zip + ";dist=200";
}
function loadBrowseData() {
    $('#s-make options').remove();
    var m_options = '<option value="">All</option>';
    for (var i = 0; i < _b.makes.length; i++) {
        m_options += '<option value="' + _b.makes[i].id + '">' + _b.makes[i].text + '</option>';
    }
    $('#s-make').html(m_options);
    $('#s-model options').remove();
    $('#s-model').html('<option value="">All</option>');
    $('#s-model').attr("disabled", $('#s-make option:selected').html() == "All");
    $('#s-make').change(function() {
        var selected_index = $(this).val();
        $('#s-model options').remove();
        var md_options = '<option value="">All</option>';
        for (var i = 0; i < _b.makes[selected_index].models.length; i++) {
            md_options += '<option value="' + _b.makes[selected_index].models[i] + '">' + _b.makes[selected_index].models[i] + '</option>';
        }
        $('#s-model').html(md_options);
        $('#s-model').attr("disabled", false);
    });
    if ($('#s-make option:selected').html() != "All") {
        var selected_index = $('#s-make option:selected').val();
        $('#s-model options').remove();
        var md_options = '<option value="">All</option>';
        for (var i = 0; i < _b.makes[selected_index].models.length; i++) {
            md_options += '<option value="' + _b.makes[selected_index].models[i] + '">' + _b.makes[selected_index].models[i] + '</option>';
        }
        $('#s-model').html(md_options);
        $('#s-model').attr("disabled", false);
    }

}