var $j = jQuery.noConflict();
var $ciclo = null;

$j(document).ready(function() { slideShow(); });
 
function slideShow() {
    $j("#banner ul").css("color", "#ffffff");

    $j("#banner p.facebook").detach();
    $j('#banner div').hide();
     
    $j('#banner div:first').addClass('show').show().css({opacity: 0.0}).css({opacity: 1.0});
    $j('.banner').css({opacity: 0}).animate({opacity: 0.9}, 700);
     
    $ciclo = setInterval('startBanner()',5000);
}
 
function startBanner() {
     
    var current = ($j('#banner div.show')?  $j('#banner div.show') : $j('#banner div:first'));
    var boxbanner = $j('.banner');

    current.removeClass('show').hide();
    boxbanner.css({opacity: 0.0});

    var next = ((current.next().length) ? ((current.next().hasClass('last'))? $j('#banner div:first') :current.next()) : $j('#banner div:first'));
    
    next.addClass('show').show().css({opacity: 0.0}).animate({opacity: 1.0}, 300);
    boxbanner.animate({opacity: 0.8}, 1000);         
}

function play() {
    if ($ciclo == null) {
        $ciclo = setInterval('startBanner()',5000);
        $j("#btnplay").text("Stop");
    } else {
        clearInterval($ciclo);
        $ciclo = null;
        $j("#btnplay").text("Play");
    }
}

function precedente() {
    var current = ($j('#banner div.show')?  $j('#banner div.show') : $j('#banner div:first'));
    var boxbanner = $j('.banner');

    current.removeClass('show').hide();
    boxbanner.css({opacity: 0.0});

    var prev = null;
    if (current.hasClass('first')) {
        prev = $j('#banner div:last').prev();
    } else prev = current.prev();
        
    
    prev.addClass('show').show().css({opacity: 0.0}).animate({opacity: 1.0}, 300);
    boxbanner.animate({opacity: 0.8}, 1000); 
}

function successivo() {
    var current = ($j('#banner div.show')?  $j('#banner div.show') : $j('#banner div:first'));
    var boxbanner = $j('.banner');

    current.removeClass('show').hide();
    boxbanner.css({opacity: 0.0});

    var next = ((current.next().length) ? ((current.next().hasClass('last'))? $j('#banner div:first') :current.next()) : $j('#banner div:first'));
    
    next.addClass('show').show().css({opacity: 0.0}).animate({opacity: 1.0}, 300);
    boxbanner.animate({opacity: 0.8}, 1000); 
}