$(document).ready(function(){ 
  //$('#slider li:first').css('display', 'none');
  $('#slider li').css({
    'opacity': '0',
	'position': 'absolute'
  });
  $('#slider li.active').css('opacity', '1');
});

function flashEnded() {
  setTimeout(function() {
    $('#flash').fadeOut(600);
  }, 4000);
  setInterval('changeSlide()', 5000);
}

function changeSlide() {
  active =  $('#slider li.active')
  next = active.next();
  if (next.length == 0)
    next = $('#slider li:first');
  
  next
      .css('zIndex', 2)
      .animate({
        opacity: 1
      }, 1000, function() {
        active
          .removeClass('active')
          .css ({
            opacity: 0
          })
        next.css('zIndex', 1);
      })
      .addClass('active');
}