//addLoadEvent(randomImage);
Event.observe(window, 'load', randomImage);

function imgCache(url)
{
    iCache=new Image();
    iCache.src=url;
}

function randomImage()
{
	var photoArray = new Array(); 	
	photoArray[0] = '/images/pic01-cancun.jpg';
	photoArray[1] = '/images/pic02-italy.jpg';
	photoArray[2] = '/images/pic03-cancun.jpg';
	photoArray[3] = '/images/pic04-london.jpg';
	photoArray[4] = '/images/pic05-south-africa.jpg';	
	photoArray[5] = '/images/pic06-egypt.jpg';
	photoArray[6] = '/images/pic07-rio-de-janeiro.jpg';
	
	var photoCount = photoArray.length;	
	var rand = Math.floor(Math.random() * photoCount);


    imgCache(photoArray[rand]);
	
	document.getElementById('headerPic').style.backgroundImage = "url(" + photoArray[rand] + ")";
	
	fadePic('headerPic', 0, 100, 1500);
}

function fadePic(id, startingOpacity, endingOpacity, millisec)
{
	var speed = Math.round(millisec / 100);
	var timer = 0;

	for(i = startingOpacity; i <= endingOpacity; i++)
	{
		setTimeout("updateOpacity(" + i + ",'" + id + "')",(timer * speed));
		timer++;
	}
}

function updateOpacity(opacity, id)
{
	var object = document.getElementById(id).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}