$(document).ready(function () {
    lastId = 1;
    atualId = '';
    $("div#corpo ul#cardapio li a").click(function(){
        atualId =  $(this).attr('rel');
        var elemetoA = $(this);
        if(lastId!=atualId){
            $("#cdpo"+lastId).fadeOut('fast', function(){
                showById(atualId);
                limpaBg();
                $(elemetoA).parent('li').addClass('cardapioAtivo')
            });
        }
    });
    function showById(id){
        $("#cdpo"+id).fadeIn();
        lastId = atualId;
        atualId = '';
        // inicializa o jScrollPane
        $('#pane3').jScrollPane();
    }
    function limpaBg(){
        $("div#corpo ul#cardapio li").removeClass('cardapioAtivo');
    }
});