$(function () {

    $('.cinzaRight').click(function () {
         $('.cinzaRight').each(function () {
             $('#'+ $(this).attr('href')).hide();
             $(this).parent().children('.topoFlutuaAzul').attr('class', 'topoFlutuaCinza');
             $(this).parent().children('.topoFlutuaCinza').children('.branco24').attr('class', 'cinza24');
         });
         $('#'+ $(this).attr('href')).show();
         $(this).parent().children('.topoFlutuaCinza').attr('class', 'topoFlutuaAzul');
         $(this).parent().children('.topoFlutuaAzul').children('.cinza24').attr('class', 'branco24');
         return false;
    });

    slider_dinamico('div#economico');
    slider_dinamico('div#profissional');
    slider_dinamico('div#corporativo');
});


function slider_dinamico ( id ) {

    $(id + ' .meses td:eq(1)').css({ 'color' : '#707070' });
    $(id + ' .barra td:eq(1)').css({ 'color' : '#707070' });

    // setup graphic EQ
    $(id + ' .sliderList').each(function() {


        var max = parseInt($(id + ' .max').val());

        $(this).slider({
            range: "max",
            min: 0,
            value: 1,
            max: max,
            slide: function(event, ui) {

                    $(id + ' .periodo').val(ui.value);
                    $(id + ' .meses td').each(function () { $(this).css({ 'color' : '#c9c9c9' }); });
                    $(id + ' .barra td').each(function () { $(this).css({ 'color' : '#c9c9c9' }); });
                    $(id + ' .meses td:eq('+ ui.value +')').css({ 'color' : '#707070' });
                    $(id + ' .barra td:eq('+ ui.value +')').css({ 'color' : '#707070' });
                    $(id + ' td#carregando').html('<img src="imagens/carregando.gif" />');

                    $.post("carrinho/valor", { slider : ui.value , categoria : $(id + ' .categoria').val() }, function(data){

                         for(var i=0; i<data.itens.length; i++) {

                            $(id + ' .valor:eq(' + i + ')').html(data.itens[i].ret +'<div class="detalhes">'+ data.itens[i].det +'</div>');
                            if(data.itens[i].bot == 'enabled') {
                                $(id + ' .comprar:eq('+ i +') input').fadeTo('fast', 100).attr('disabled', false);;
                            }
                            else {
                                $(id + ' .comprar:eq('+ i +') input').fadeTo('fast', 0.20).attr('disabled', true);
                            }
                        }

                        $(id + ' td#carregando').html('&nbsp;');

                    }, 'json');
	        }
        });
	});
}