var base_inv_url = 'http://newv2.com/inventory/Green_Lincoln_Mercury_Mazda/';
var specials_json_url = base_inv_url + 'Specials/json?data=rand&reqphotos=1';
var outline_json_url = base_inv_url + 'json?data=outline';
var make_model = [];
$(function() {
    $.getJSON(outline_json_url, function(data) {
        make_model = data;
        $('#make').append($('<option value="">-</option>'));
        $('#model').append($('<option value="">-</option>'));
        $.each(data, function(k, v) {
            $('#make').append($('<option>'+k+'</option>'));
        });
        $('#make').change(function(e) {
            var models = make_model[$(this).val()];
            $('#model').empty();
            $('#model').append($('<option value="">-</option>'));
            $.each(models, function(k, v) {
                $('#model').append($('<option>'+v+'</option>'));
            });
        });
    });
    $.getJSON(specials_json_url, function(data) {
        $('#landing-scroller').append($('<div class="items">'));
        var curr = 0;
        var el = $('<div />').addClass('item');
        $.each(data, function (k, v) {
            if (curr > 4) {
                $('.items').append(el);
                el = $('<div />').addClass('item');
                curr = 0;
            }
            var img = $('<img src="'+v.imgurl+'" />').attr('title', v.vehicle);
            $(img).tooltip({
                offset: [82, 0]
            });
            $(img).click(function(e) {
                window.open('?p_id=2238&view='+v.veh_id);
            });
            el.append(img);
            curr++;
        });
        $('.items').append(el);
        $('.scrollable').scrollable();
    });
});