$(document).ready(function(){
    var max = $(".imagem ul li").size(),a = 0;
    $(".imagem div").append("<img src='"+$(".imagem ul li:first a").attr("href")+"' alt=''/>");
    $(".imagem ul li:first a").addClass("ativo");
    $(".btnesq").click(function(){
        if(a > 0){
            a--;
            $(".imagem ul li a").removeClass("ativo");
            $("a[name='"+a+"']").addClass("ativo");
            $(".imagem div").prepend("<img src='"+$("a[name='"+a+"']").attr("href")+"' alt=''/>");
            $(".imagem div img:last").fadeOut(300,function(){
                $(".imagem div img:last").remove();
            });
        }
        return false;
    });
    $(".btndir").click(function(){
        if(a < (max-1)){
            a++;
            $(".imagem ul li a").removeClass("ativo");
            $("a[name='"+a+"']").addClass("ativo");
            $(".imagem div").prepend("<img src='"+$("a[name='"+a+"']").attr("href")+"' alt=''/>");
            $(".imagem div img:last").fadeOut(300,function(){
                $(".imagem div img:last").remove();
            });
        }
        return false;
    });
    $(".imagem ul li a").click(function(){
        $(".imagem ul li a").removeClass("ativo");
        $(this).addClass("ativo");
        a = $(this).attr("name");
        $(".imagem div").prepend("<img src='"+$(this).attr("href")+"' alt=''/>");
        $(".imagem div img:last").fadeOut(300,function(){
            $(".imagem div img:last").remove();
        });
        return false;
    });
});