$( function(){

    // sliders
    $( "#capacidadeCarga-slider" ).slider({
        range: true,
        min: 100,
        max: 6000,
        values: [ 100, 6000 ],
        slide: function( event, ui ) {
            $( "#capacidadeCarga-valor-min" ).val( ui.values[ 0 ] + " kg");
            $( "#capacidadeCarga-valor-max" ).val( ui.values[ 1 ] + " kg");
        }
    });

    $( "#capacidadeCarga-valor-min" ).val( $( "#capacidadeCarga-slider" ).slider( "values", 0 ) + " kg");
    $( "#capacidadeCarga-valor-max" ).val( $( "#capacidadeCarga-slider" ).slider( "values", 1 ) + " kg");

    $('#capacidadeCarga-slider a:first').css('background-position', 'bottom center');
    $('#capacidadeCarga-slider a:last').css('background-position', 'top center');

    $( "#diametro-slider" ).bind("slidechange", function(event, ui) {
        });

    // diametro
    $( "#diametro-slider" ).slider({
        range: true,
        min: 35,
        max: 500,
        values: [ 35, 500 ],
        slide: function( event, ui ) {
            $( "#diametro-valor-min" ).val( ui.values[ 0 ] + " mm");
            $( "#diametro-valor-max" ).val( ui.values[ 1 ] + " mm");
        }
    });

    $( "#diametro-valor-min" ).val( $( "#diametro-slider" ).slider( "values", 0 ) + " mm");
    $( "#diametro-valor-max" ).val( $( "#diametro-slider" ).slider( "values", 1 ) + " mm");


    $('#diametro-slider a:first').css('background-position', 'bottom center');
    $('#diametro-slider a:last').css('background-position', 'top center');


    // largura roda
    // diametro
    $( "#larguraroda-slider" ).slider({
        range: true,
        min: 17,
        max: 262,
        values: [ 17, 262 ],
        slide: function( event, ui ) {
            $( "#larguraroda-valor-min" ).val( ui.values[ 0 ] + " mm");
            $( "#larguraroda-valor-max" ).val( ui.values[ 1 ] + " mm");
        }
    });
    $( "#larguraroda-valor-min" ).val( $( "#larguraroda-slider" ).slider( "values", 0 ) + " mm");
    $( "#larguraroda-valor-max" ).val( $( "#larguraroda-slider" ).slider( "values", 1 ) + " mm");

    $('#larguraroda-slider a:first').css('background-position', 'bottom center');
    $('#larguraroda-slider a:last').css('background-position', 'top center');

    // Temperatura
    $( "#temperatura-slider" ).slider({
        range: true,
        min: -40,
        max: 400,
        values: [ -40, 400 ],
        slide: function( event, ui ) {
            $( "#temperatura-valor-min" ).val( ui.values[ 0 ] + "ºC");
            $( "#temperatura-valor-max" ).val( ui.values[ 1 ] + "ºC");
        }
    });
    $( "#temperatura-valor-min" ).val( $( "#temperatura-slider" ).slider( "values", 0 ) + "ºC");
    $( "#temperatura-valor-max" ).val( $( "#temperatura-slider" ).slider( "values", 1 ) + "ºC");

    $('#temperatura-slider a:first').css('background-position', 'bottom center');
    $('#temperatura-slider a:last').css('background-position', 'top center');

    // Select
    $('.personal-select select').selectmenu();
    $('.personal-select').parents('.interno').css('width', '100%');
    $('.personal-select').parents('li').css('background', 'none');

    var contador_borda = 0;
    $('#filtro-produtos ul.listagem li').each(function() {
        if (contador_borda < 3) {
            $(this).css('border-top', '1px solid #dbdbdb');
        }

        contador_borda = contador_borda + 1;
    });


    $(".opcoes-acessorios div").each(function() {
        if ($(this).hasClass('fixacao') || $(this).hasClass('opcao-freio')) {
            var conta_img = 0;

            $(this).find('img').each(function() {
                conta_img++;

                if (conta_img % 9 == 0) {
                    $(this).css('margin-right', '0');
                }
            })
        }
    });


    var contador_imagens = 0;
    $("#produto-detalhe .ult-prod img").each(function() {
        contador_imagens++;

        if (contador_imagens % 9 == 0) {
            $(this).css('margin-right', '0');
        }
    });

    if (contador_imagens > 8) {
        $('#produto-detalhe .ult-prod div').css('width', '707px');
    } else if (contador_imagens == 1) {
        $('#produto-detalhe .ult-prod div').css('width', '77px');
    }

});


$('#formsub input').bind('change', function() {
    rodar('change');
});
$('#formsub select').bind('change', function() {
    rodar('change');
});
$('#formsub').bind('slidechange', function() {
    rodar('slidechange');
});

function rodar(evento){    // Crio uma variável chamada $forms que pega o valor da tag form
    $('#formsub').bind( evento, function() {
        $forms = $('form');

        var params = $(this.elements).serialize();
        var self = this;

 

        $.ajax({

            // Usando metodo Post
            type: 'POST',

            // this.action pega o script para onde vai ser enviado os dados
            url: window.root_path + "/ajax/get_select.php/",

            // os dados que pegamos com a função serialize()
            data: params,
            beforeSend: function(html){
            // Handle the beforeSend event
            $("#container-direito").html(
           "<img src='http://www.schioppa.com.br/images/ajax-loader.gif'> "
            )
            },

            success: function(html){
                $("#container-direito").html(html);
              
            /*$('#formsub').unbind(evento);*/
            }



        })
        return false;
    });

    
//$('#formsub').unbind(evento);
       $.prettyLoader({
            animation_speed: 'fast', /* fast/normal/slow/integer */
            bind_to_ajax: true, /* true/false */
            delay: false, /* false OR time in milliseconds (ms) */
            loader: window.root_path + '/images/prettyLoader/ajax-loader.gif', /* Path to your loader gif */
            offset_top: 13, /* integer */
            offset_left: 10 /* integer */
        });
}