$(document).ready(function(){
	$("#rollovers area").click( function(event){
		event.preventDefault();
		
		$("#hoverbox").remove();

			//get target list
			var targetList = $(this).attr("href");
			//set parent park id
			var parkId = $(targetList).parent().parent().attr("id");
			//create rollover box
			$("#rollovers").after('<div id="hoverbox" class="' + parkId + '"></div>');
			$("#hoverbox").hide();
			//get box position
			var offset = $("#sites").offset();
			var imgOffsetY = offset.top;
			var imgOffsetX = offset.left;
			var topSet = (event.pageY - imgOffsetY) + 10;
			var leftSet = (event.pageX - imgOffsetX) + 10;
			//set box position
			var hoverstyle = {
				'top' : topSet,
				'left' : leftSet
			}
			$("#hoverbox").css(hoverstyle);
			//set box content
			var targetHtml = $(targetList).html();
			$("#hoverbox").append(targetHtml);
			$("#hoverbox").show('fast');
		}// ,
		// 		function() {
		// 			//hover off
		// 			$("#hoverbox").remove();
		// 		}
	);	
	
	
	$("#sites").bind("mouseleave", function() {
		$("#hoverbox").remove();
    return false;
  });

			
});