// JavaScript Document
var activeHeader = false;
var lastHeader = false;
var periodical = false;

Event.observe(window, 'load', function() {
	activeHeader = $$('#rotatingheader .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 = $('rotatingheader').firstDescendant();
	} else {
		activeHeader = activeHeader.next();
	}
	activeHeader.hide();
	activeHeader.addClassName("active");
	
	activeHeader.appear({duration: 2});
}