var timer = 0;
var interval = 5500;

function slideNext() {
    window.clearTimeout(timer);
    var img = 0;
    var count = 0;
    $('#pictures > li').each(function(){
        if ($(this).attr('class')=='current') {
            img = count;
        }
        count++;
    });
    var obj = $('#pictures').parent();
    $('.nav',obj).removeClass('active');
    $($('.nav',obj)[img]).addClass('active');

    var prev = img - 1;
    var next = img + 1;
    if (prev < 0) {
        prev = count -1;
    }
    if (next > count-1) {
        next = 0;
    }
    $('#pictures > li').css('z-index','1');
    $($('#pictures > li')[img]).css('z-index','6');
    $($('#pictures > li')[next]).css('z-index','5');


    $('#pictures > li.current').fadeOut(1000,function(){
        $('#pictures > li.current').attr('class','').css('z-index','1');
        $($('#pictures > li')[img]).show();
        // $('#pictures > li > img.current').attr('class','').hide();
        $($('#pictures > li')[next]).attr('class','current').css('z-index','6');
        timer = window.setTimeout('slideNext()',interval);
    });
}

$(function(){
    var obj = $('#pictures').parent();
    $('.nav',obj).remove();
    var count=0;
    var meio = 309/2;
    var top = meio - $('#pictures > li').length*21;

    top = Math.round(top);
    $('#pictures > li').each(function(){
        count++;
        obj.append("<a class='nav' atual='"+(count-1)+"' href='javascript:void(0)' style='margin-top: "+ ((count * 5) + top + count * 21) +"px;'>"+count+"</a>");
    });
    $('#pictures > li').removeClass('current');
    $($('#pictures > li')[0]).addClass('current');
    slideNext();
    $('a.nav',obj).click(function(){
        $('#pictures > li').removeClass('current');
        $($('#pictures > li')[$(this).attr('atual')]).addClass('current');
        window.clearTimeout(timer);
        slideNext();
    });
    timer = window.setTimeout('slideNext()',interval);
});