var tab_atual = "";

$(document).ready(function(){
    /* *******************  TABS  ********************* */
    $('#painel div.tabs div.tab').mouseover(function(){
        var id =$(this).attr("id");
        if(id != tab_atual){
            if(id == "tab_2"){
                if(tab_atual == "tab_3"){
                    $('#tab_1').width(205); $('#tab_2').width(225); $('#tab_2 div.img').css("padding-left", "17px");
                } else {
                    $('#tab_1, #tab_3').width(205); $('#tab_2').width(227); $('#tab_3 div.img').css("padding-left", "13px"); $('#tab_2 div.img').css("padding-left", "17px");
                }
            }
            if(id == "tab_3" && tab_atual == "tab_2"){
                $('#tab_2').width(225); $('#tab_3').width(207); $('#tab_3 div.img').css("padding-left", "15px");
            }
            var css =$(this).attr("class");
            $(this).attr("class", css+"_on");
        }
    });
    
    $('#painel div.tabs div.tab').mouseout(function(){
        var id = $(this).attr("id");
        if(id != tab_atual){
            if(id == "tab_2"){
                $('#tab_1, #tab_3').width(207); $('#tab_2').width(223); $('#tab_3 div.img').css("padding-left", "15px"); $('#tab_2 div.img').css("padding-left", "15px");
            }
            var css = $(this).attr("class");
            $(this).attr("class", css.replace("_on",""));
        }
    });
    
    $('#painel div.tabs div.tab').click(function(){
        var id = $(this).attr("id");
        if(id != tab_atual){
            $('#'+tab_atual+'_item').fadeOut(500);
            var css = $('#'+tab_atual).attr("class");
            $('#'+tab_atual).attr("class", css.replace("_on",""));
            
            $('#'+$(this).attr("id")+'_item').fadeIn(1000);
            
            tab_atual = $(this).attr("id");
        }
    });
    
    $('#painel div.tabs div.tab:eq(0)').attr("class", $('#painel div.tabs div.tab:eq(0)').attr("class")+"_on");
    $('#painel div.caixas div.item:eq(0)').fadeIn(1000);
    tab_atual = $('#painel div.tabs div.tab:eq(0)').attr("id");
});