var bg=1;
var fadeTimer;
var loadTimer;
var image;

$(document).ready(function(){
	setBackgroundImage()
	
	function setBackgroundImage(){
		clearTimeout(fadeTimer);
		
		// Set image 1, and fade in...
		getNewImage();
		$('#backgroundImage1').css({ 'background-image': 'url('+image+')' }, $('#backgroundImage1').fadeIn(5000));
		
		// Set image 2, and fade in...
		getNewImage();
		$('#backgroundImage2').css({ 'background-image': 'url('+image+')' });
		
		bg = 1;
		fadeTimer = setTimeout(fadeBackgroundImage, 10000);
	}
	
	function fadeBackgroundImage(){

	clearTimeout(fadeTimer);
		if(bg == 1){
			// Fade in image 2, fade out image 1...
			$('#backgroundImage2').css({ 'background-image': 'url('+image+')' }, $('#backgroundImage2').fadeIn(5000));
			$('#backgroundImage1').fadeOut(5000);
			bg = 2;
		} else if(bg == 2){
			// Fade in image 1, fade out image 2...
			$('#backgroundImage1').css({ 'background-image': 'url('+image+')' }, $('#backgroundImage1').fadeIn(5000));
			$('#backgroundImage2').fadeOut(5000);
			bg = 1;
		}
		
		loadTimer = setTimeout(loadNewImage, 5000);
		fadeTimer = setTimeout(fadeBackgroundImage, 20000);
		
	}
	
	function loadNewImage(){
		clearTimeout(loadTimer);
		getNewImage();
		if(bg == 1){
			// Preload image 2...
			$('#backgroundImage2').css({ 'background-image': 'url('+image+')' });
		}else if(bg == 2){
			// Preload image 1...
			$('#backgroundImage1').css({ 'background-image': 'url('+image+')' });
		}
	}
	
	function getNewImage(){
	
		var images = new Array()
		images[0] = "headers/headert1.jpg";
		images[1] = "headers/headert2.jpg";
		images[2] = "headers/headert3.jpg";
		images[3] = "headers/headert5.jpg";
		images[4] = "headers/headert7.jpg";
		images[5] = "headers/headert8.jpg";
		images[6] = "headers/headert9.jpg";
		images[7] = "headers/headert11.jpg";
		images[8] = "headers/headert12.jpg";
		images[9] = "headers/headert13.jpg";
		images[10] = "headers/headert14.jpg";
		images[11] = "headers/headert15.jpg";
		images[12] = "headers/headert17.jpg";
		images[13] = "headers/headert18.jpg";
		images[14] = "headers/headert19.jpg";
		images[15] = "headers/headert21.jpg";
		images[16] = "headers/headert28.jpg";
		images[17] = "headers/headert29.jpg";
		images[18] = "headers/headert30.jpg";
		images[19] = "headers/headert31.jpg";
		images[20] = "headers/headert35.jpg";
		images[21] = "headers/headert37.jpg";
		images[22] = "headers/headert38.jpg";
		images[23] = "headers/headert39.jpg";
		images[24] = "headers/headert40.jpg";
		images[25] = "headers/headert41.jpg";
		images[26] = "headers/headert46.jpg";
		images[27] = "headers/headert47.jpg";
		images[28] = "headers/headert54.jpg";
		images[29] = "headers/headert56.jpg";
		images[30] = "headers/headert57.jpg";
		
		newimage = images[(Math.round(Math.random()*(images.length-1)))];
		if(newimage != image){
			image = newimage;
		} else {
			getNewImage()
		}
	}
	
});