$(document).ready(function()
{	

	
	// this function handles clicks to gallery hovers
	
	$(".hoverDetail").click(function()
	{		
		clickedImage = $(this).attr("id");

		 var callurl = "gallery_detail.php?galid=" + clickedImage;
					 
		 var html = $.ajax({
				   url: callurl,
				   async: false
				 }).responseText;
		 
		 /* Set the content of the main area to the response */
									 
		$("#hoverContent").html(html);


		$("#hoverbox").fadeIn("fast");

	});
	
	
	// this function handles clicks to the close portfolio x
	
	$("#closeHoverbox").click(function()
	{
		$("#hoverbox").fadeOut("fast");
	});


	$("#contentsidePlaceholder").fadeOut("fast");
	$("#contentside").fadeIn("fast");
	
});