function theRotator() {
    $('div#news-ticker a').css({opacity: 0.0});
    $('div#hpevents a:first').css({opacity: 1.0}).addClass('show');
    $('div#hpnews a:first').css({opacity: 1.0}).addClass('show'); //Use this to start at the begining  
    setInterval('rotate()',6000);
}

function rotate() {    
    var currentEvent = ($('div#hpevents a.show')?  $('div#hpevents a.show') : $('div#hpevents a:first'));
    var currentNews = ($('div#hpnews a.show')?  $('div#hpnews a.show') : $('div#hpnews a:first'));
    var nextEvent = ((currentEvent.next().length) ? ((currentEvent.next().hasClass('show')) ? $('div#hpevents a:first') :currentEvent.next()) : $('div#hpevents a:first'));    
    var nextNews = ((currentNews.next().length) ? ((currentNews.next().hasClass('show')) ? $('div#hpnews a:first') :currentNews.next()) : $('div#hpnews a:first'));    
	nextEvent.css({opacity: 0.0})
    .addClass('show')
    .animate({opacity: 1.0}, 1000);
	nextNews.css({opacity: 0.0})
    .addClass('show')
    .animate({opacity: 1.0}, 1000);
    currentEvent.animate({opacity: 0.0}, 1000)
    .removeClass('show');
    currentNews.animate({opacity: 0.0}, 1000)
    .removeClass('show');
};
$(document).ready(function() {
    theRotator();				       
});