var pauza = 0;

$(document).ready(function(){
   $('#slidesContainer span.sl1').css('display','block');
});

function slideSwitch() {
    if ( pauza==0 ) {  
      var $active = $('#slidesContainer span.active');
      if ( $active.length == 0 ) $active = $('#slidesContainer span.sl1');
        
      var $next =  $active.next().length ? $active.next()
            : $('#slidesContainer span.sl1');
        
      $active.css({opacity: 1.0})
         .addClass('last-active')
         .css('display','block')
         .animate({opacity: 0.0}, 1500, function() {
           $active.css('display','none');
           $next.css({opacity: 0.0})
             .addClass('active')
             .css('display','block')
             .animate({opacity: 1.0}, 1500, function() {
                $active.removeClass('active last-active')
                       .animate({opacity: 1.0}, 500, function() {
                          $active.removeClass('active last-active').css('display','none');
                       });
             });
         });
    }     
}
        

$(function() {
   setInterval( "slideSwitch()", 5000 );
});