// JavaScript Document

$(document).ready(function()
{
	$("table div.imagePanel").hover(	
		function()
		{
			var panel = $(this);
			
			if (panel.attr("imgSrc") != null)
			{
				//get the sample
				var sample = panel.children('div.imageSample');
	
				if (sample.length == 0)
				{
					panel.append("<div  class='imageSample'><img src='mediakit/images/samples/" + panel.attr("imgSrc") + "'></div>");
					sample = panel.children('div.imageSample');
				}
				
				if (sample.length == 1)
				{
					sample.fadeIn(1000)
				}
				
				
			}
			
			
		}		
		,
		function()
		{
			var sample = $(this).children('div.imageSample');
			
			if (sample.length == 1)
			{
				//sample.css("visibility","hidden");
				sample.css("display","none");
			}
		}		
	);
	
	$("table div.imagePanel").mouseover(function()
	{
		
		$(this).mousemove(function(e)
		{
			
			var placeY =   e.pageY - $(this).offset().top - 75;
			
			$(this).children('div.imageSample').css("top",placeY);
			
			
		});
		
	});
	
	
});