$(document).ready(function()
{
	$("#divHeader").load("header.html");
	
	$("#divFooter").load("footer.html");

	$("#divRandomImage").html(getImage());
	

});



var theImages = new Array()

theImages[0] = 'images/random_photo/001.png'
theImages[1] = 'images/random_photo/002.png'
theImages[2] = 'images/random_photo/003.png'
theImages[3] = 'images/random_photo/004.png'
theImages[4] = 'images/random_photo/005.png'
theImages[5] = 'images/random_photo/006.png'
theImages[6] = 'images/random_photo/007.png'
theImages[7] = 'images/random_photo/008.png'
theImages[8] = 'images/random_photo/009.png'
theImages[9] = 'images/random_photo/010.png'
theImages[10] = 'images/random_photo/011.png'
theImages[11] = 'images/random_photo/012.png'
theImages[12] = 'images/random_photo/013.png'
theImages[13] = 'images/random_photo/014.png'

var j = 0
var p = theImages.length;

var preBuffer = new Array()
for (i = 0; i < p; i++){
   preBuffer[i] = new Image()
   preBuffer[i].src = theImages[i]
}

var whichImage = Math.round(Math.random()*(p-1));

function getImage()
{
	return "<img src='" + theImages[whichImage] + "'/>";
}





$(".rollover").live("mouseover", function(){
 		var currentImg = $(this).attr('src');
		$(this).attr('src', $(this).attr('hover'));
		$(this).attr('hover', currentImg);
});

$(".rollover").live("mouseout", function() {
		var currentImg = $(this).attr('src');
		$(this).attr('src', $(this).attr('hover'));
		$(this).attr('hover', currentImg);
});