$(document).ready(function(){

    $('#content').ScrollTo();

    // Tabs
    $(".tab_content").hide();
    //$("ul.tabs li:first").addClass("active").show();
    $(".tab_content:first").show();
    $("ul.tabs li.selectable").click(function() {
        $("ul.tabs li").removeClass("active");
        $(this).addClass("active");
        $(".tab_content").hide();
        var activeTab = $(this).find("a").attr("href");
        $(activeTab).show();

        brandSelect = $(activeTab + ' select[name=brands]');

        if(brandSelect.val())
        {
            occasion = brandSelect.parent().parent().hasClass('occasion');

            $.get('/models_choices/' + brandSelect.val() + '/' + occasion, function(data) {

                modelSelect = $(activeTab + ' select[name=models]');
                modelSelect.parent().find('button').removeAttr('disabled');
                modelSelect.removeAttr('disabled');
                modelSelect.html(data);
                modelSelect.val($('#model_id').attr('class'));

            });
        }

        return false;
    });

    $("ul.tabs li.active").trigger('click');

    // Print link
    $('#content .print-page').click(function() {
        window.print();
        return false;
    });

    // Compute price
    $('#compute-price').click(function() {
        var total = 0;
        $('table .motorization input[type=radio]:checked').each(function() {
            total += parseFloat($(this).parent().parent().parent().find('.price').html());
        });

        $('table .option input[type=checkbox]:checked').each(function() {
            total += parseFloat($(this).parent().parent().parent().find('.price').html());
        });


        $('#total-price').html(total + " € TTC");
    });

    $('.carselection select[name=brands]').change(function(event) {disabled="disabled"
        val = event.target.value;
        modelSelect = $(this).parent().find('select[name=models]');

        if (!val) {
            modelSelect.attr('disabled', 'disabled').html('');
            return;
        }

        occasion = $(this).parent().parent().hasClass('occasion');

        $.get('/models_choices/' + val + '/' + occasion, function(data) {

            modelSelect.parent().find('button').removeAttr('disabled');
            modelSelect.removeAttr('disabled');
            modelSelect.html(data);
        });
    });



});