// Header Rotation
var currentImage, nextImage;
var totalHeaders = 4;	
var fadeSpeed = 5000;

$(function() {

	// Select a random start image
	currentImage = Math.floor(Math.random()*(totalHeaders));
	nextImage = (currentImage + 1) % totalHeaders;

	$("#header > h1").addClass('img' + currentImage);
	$("#header").append("<span></span>")
	$("#header > span").addClass('fade').addClass('img' + nextImage);
	
	setTimeout('rotateHeader()', fadeSpeed);
	
});

function rotateHeader() {

	$("#header > span").fadeIn(2000,function() {

		$("#header > h1").removeClass( 'img' + currentImage ).addClass( 'img' + nextImage );
		
		currentImage = nextImage;
		nextImage = (currentImage + 1) % totalHeaders;
		
		$("#header > span").hide().removeClass( 'img' + currentImage ).addClass( 'img' + nextImage );
		
		setTimeout('rotateHeader()', fadeSpeed);
	
	});

}