function slideShow(){

  // Set the opacity of all images to 0
  $('#slider img').css({
    opacity: 0.0
  });
  
  // Get the first image and display it (set it to full opacity)
  $('#slider img:first').css({
    opacity: 1.0
  }).addClass('show');
  
  // Call the gallery function to run the slideshow, 6000 = change to next
  // image after 6 seconds
  var qtd = $('#slider img').length;
  
  //Se a quantidade de imagens for maior que 1, então chama a função que faz a troca
  if(qtd > 1)
  setInterval('gallery()', 5000);var qtd = $('#slider img').length;
  
}

function gallery(){

  // if no IMGs have the show class, grab the first image
  var current = ($('#slider img.show') ? $('#slider img.show') : $('#slider img:first'));
  
  // Get next image, if it reached the end of the slideshow, rotate it back to
  // the first image
  var next = ((current.next().length) ? ((current.next().hasClass('caption')) ? $('#slider img:first') : current.next()) : $('#slider img:first'));

  // Set the fade in effect for the next image, show class has higher z-index
  next.css({
    opacity: 0.0
  }).addClass('show').animate({
    opacity: 1.0
  }, 1000);
  
  // Hide the current image
  current.animate({
    opacity: 0.0
  }, 1000).removeClass('show');
  
}

$(function(){
  slideShow();
});