$(document).ready(function() {
    search_ajax_control()
    slideShow()
    tabContentShow ()
    //search_select_box()

});

cssPath("home");

function show_banner() {
    //alert('hummmmmm')
    $(".main_image .desc").show(); //Show Banner
    $(".block").animate({ opacity: 0.70 }, 1 ); //Set Opacity
}

function tabContentShow () {
    var tabContainers = $('div.tabs_holder > div');
    $('div.tabs_holder ul.tabNavigation a').click(function () {
        tabContainers.hide().filter(this.hash).fadeIn("slow").show();

        show_banner()
        $('div.tabs_holder ul.tabNavigation a').removeClass('selected');
        $(this).addClass('selected');
        return false;

    }).filter(':first').click();
}

function add_null_option(select_box) {
    select_box.append(
        $('<option value="" selected="selected">Escolha um modelo</option>'));
}

function search_ajax_control() {
    $('#id_model').empty();
    add_null_option($('#id_model'));
    $('#id_brand').change(brand_select_changed);
}

function brand_select_changed(brand_id) {
    var brand_id = $(this).val()
    $('#id_model').empty();
    add_null_option($('#id_model'));
    $.getJSON("/web/ws/vehicle_models/" + brand_id,
        function(data) {
            models = data['models'];
            jQuery.each(models, function() {
                m_val = '' + this[0]
                m_txt = '' + this[1]
                opt = $('<option></option>');
                opt.attr('value', m_val);
                opt.text(m_txt);
                $('#id_model').append(opt, false)
            });
        }
    );
}

function search_select_box(){
    $("#id_brand").selectbox().bind('change', brand_select_changed)
    $("#id_model").selectbox()
    $("#id_precomin").selectbox()
    $("#id_precomax").selectbox()
}

function slideShow(){
    $('#slideShowItems div').hide().css({position:'absolute',width:'385px'});

    var currentSlide = -1;
    var prevSlide = null;
    var slides = $('#slideShowItems div');
    var interval = null;
    var FADE_SPEED = 500;
    var DELAY_SPEED = 6000;

    var html = '<ul id="slideShowCount">'

    nextSlide();

    function nextSlide (){

        if (currentSlide >= slides.length -1){
            currentSlide = 0;
        }else{
            currentSlide++
        }

        gotoSlide(currentSlide);

    }

    function gotoSlide(slideNum){

        if (slideNum != prevSlide){

            if (prevSlide != null){
                $(slides[prevSlide]).stop().hide();
            }
            $(slides[slideNum]).stop().slideDown(FADE_SPEED,function(){
                $(this).css({opacity:1});
                if(jQuery.browser.msie){
                    this.style.removeAttribute('filter');
                }
            });

            prevSlide = currentSlide;

            if (interval != null){
                clearInterval(interval);
            }
            interval = setInterval(nextSlide, DELAY_SPEED);
        }

    }
}