$(document).ready(function() {

	//setup the random image
	var randomImage = Math.floor( Math.random() * photos.length);	
	//if (randomImage==0) { randomImage=1; };
		
	//set the random image variables
	var photoName 	= photos[randomImage]['photoName'];
	var photoUrl 	= photos[randomImage]['photoURL'];
	var photoDesc 	= photos[randomImage]['photoDesc'];
	
	//fill the random image attributes with the necessary data
	$("#randomImage").attr({ src: photoUrl, alt: photoName });
	
	//fill the photo caption with new content
	$("#copybox").html("<p>" + photoDesc + "</p>");

	
	// toggles the about this photo box on clicking the noted link 
	$('a#copybox-toggle').toggle(function() {
		$("#aboutphoto").animate({"marginLeft": "+=181px"}, "slow");
		return false;
	},function(){ 
		$("#aboutphoto").animate({"marginLeft": "-=181px"}, "slow");
		return false;
	});

});