var currentImage = "none";
var secondsToSwitch = 5000;// seconds in ms...5000 = 5 seconds
var dir = "img/";

var imageNames = Array(
"url("+dir+ "header1.jpg" +")", 
"url("+dir+ "header2.jpg" +")", 
"url("+dir+ "header3.jpg" +")"
);
$(document).ready(function()
{ 
	//assign initial image
	currentImage = PickImage();
	
	SetImage(currentImage);
	//run update
	setInterval( "UpdateImages()", secondsToSwitch );
}); 


//UPDATE!!!!!!!!!!
function UpdateImages()
{
   currentImage = PickImage();
   SetImage(currentImage);
}
//set image
function SetImage(img)
{

	var imgPath = img;

	//$('body#random_image').css("background-image").hide();
	//change in html
	//$('body#random_image').css("background-image").fadeTo("slow", 0.10);
	$('body#random_image').css("background-image", imgPath );
	//$('body#random_image').css("background-image", imgPath );
	//$('body#random_image').css("background-image").fadeTo("slow", 1.00);
	//$('body#random_image').fadeIn(2000);

	
}
//randomly pick image different from current
function PickImage()
{
	var newImage = currentImage;
	while(currentImage == newImage)
	{
		var index = Math.floor(Math.random()*imageNames.length);
		newImage = imageNames[index];
	}
	
	return newImage;
}