// JavaScript Document
$(document).ready(function(){
	var img = new Image();
	
	$('.topCat').hover(
		   	function(){ $(this).parent('li').addClass('hover');},
			function(){ $(this).parent('li').removeClass('hover');});	
	
	//hover thumbnail
	$('#thumbnails li a').hover(
			function(){
				var pSrc = 'css/img/play.png'
				var thumbPos = $(this).position();
				var posTop = 30 - thumbPos.top;
				
				$(this).append(img);
				$(img).addClass('playBtn').attr('src',pSrc);
				
				$('#slideShow ul').animate( { top:posTop+'px' });
			}, 
			function(){
				$('#contentLeft').removeClass('showPreview');
				
			});
	$('#thumbnails').hover(
					function(){
					$('.imgBox, #blurb').css('visibility','hidden');
					$('#slideShow').fadeIn('slow');
					}, 
					function(){
					$('.imgBox, #blurb').fadeIn('slow').css('visibility','visible');
					$('#slideShow').fadeOut('fast');
					});
	$('#thumbnails li a').click(function(){
					
					return false;					 
				 	});
});