// JavaScript Document


function togglePanel(hoverID,panelID,imgSrc)
{
	//verify contract
	if (hoverID != null && panelID != null && imgSrc != null)
	{
		var hover = document.getElementById(hoverID);
		var panel = document.getElementById(panelID);
		
		//verify panel
		if (hover != null && panel != null	)
		{
			//set up hover 		
			$(hover).hover(
				function()
				{
					//create image float element
					$(panel).append("<div class='imageFloat' style='visibility:hidden'><img src='" + imgSrc + "' class='imageFloat' /></div>")
					$(panel).find('div.imageFloat').css("left","2px");
				}
				,
				function()
				{
					$(panel).find('div.imageFloat').remove();
				}						   
			);
			
			$(hover).mousemove(
				function(e)
				{
					
					
					
					var FloatQuery = $(panel).find('div.imageFloat')
					
					if (FloatQuery.css("visibility") != "visible")
					{
						var offset = $(this).offset();
				
						var elementTop = e.pageY - offset.top;
						var elementLeft = e.pageX - offset.left;
						var percentLeft = e.clientX/$(window).width();
						var percentTop =  e.clientY/$(window).height();			
						
						positionTop = 32;
						
						if (percentTop > .5)
						{
							positionTop = -1 * FloatQuery.find('img.imageFloat').height() - 47;
							
						}

							
							
							//set top position
						 FloatQuery.css("top",positionTop + "px");
						
						 FloatQuery.css("visibility","visible");
	
					  }
					
					
					
					
					
					
				});
		}	
	}	
	
}