var activeHeader = false;
var lastHeader = false;
var periodical = false;

Event.observe(window, 'load', function() {
	activeHeader = $$('#rotating-header .active')[0];
	periodical = new PeriodicalExecuter(nextHeader, 4);
});

function nextHeader() {
	activeHeader.addClassName("lastactive");
	activeHeader.removeClassName("active");
	if (lastHeader) lastHeader.removeClassName("lastactive");
	lastHeader = activeHeader;
	if (!activeHeader.next())
	{
		activeHeader = $('rotating-header').firstDescendant();
	}
	else
	{
		activeHeader = activeHeader.next();
		
	}
	activeHeader.hide();
	activeHeader.addClassName("active");
	activeHeader.appear({duration: 2});
}