// JavaScript Document

function theRotator() {
  $('#rotator li').css({opacity: 0.0});
  $('#rotator li:first').css({opacity: 1.0});
  setInterval('rotate()',4000);
}

function rotate() {	
  var current = ($('#rotator li.show') 
  ?  $('#rotator li.show') 
  : $('#rotator li:first'));

  var next = ((current.next().length) 
  ? ((current.next().hasClass('show')) 
  ? $('#rotator li:first') 
  : current.next()) 
  : $('#rotator li:first'));	

  next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);
  current.animate({opacity: 0.0}, 1000).removeClass('show');
};