var $gNewImage = null;
var $gActualImage = null;
var gImageNumber = 1;
var gImageCount = 3;
var gImageTime = 5000;

function SetNextImageNumber(){
	gImageNumber++;
	if (gImageNumber > gImageCount) gImageNumber = 1;
}

function PrepareHeaderImage(){
	if ($gActualImage == null) $gActualImage = $('#header .actualImage');	

	SetNextImageNumber();
	$gNewImage = $('<div class="newImage"><img src="/inc/css/img/head' + gImageNumber + '.jpg" /></div>');
	$gNewImage.css({opacity: 0});
		
	$("#header").append($gNewImage);	
}

function CrossFade(){
	$gNewImage.animate({opacity: 1}, 2000, function(){
		$gActualImage.remove();
		$gNewImage.attr("class", "actualImage");
		$gActualImage = $gNewImage;
		PrepareHeaderImage();
		setTimeout(CrossFade, gImageTime);
	});
}

$(function(){
	PrepareHeaderImage();
	setTimeout(CrossFade, gImageTime);
})