// JavaScript Document

$(document).ready(function(){
	$('.thumb').css({
		'margin':'0 8px 8px 0',
		'float':'left'
	});
	$('.thumbData').css('display','none');
	$('.thumb a').each(function() {
		$back = $("img", this).attr("src").substring(0,$("img", this).attr("src").length -4);
		$(this).css({
			'background-image':'url(' + $back + '_on.jpg)',
			'display':'block'
		});
	});
	$('.thumb a img').hoverIntent(
		function(event){
			$(this).animate({'opacity':'0'},300);
			var pos = $(this).position();
			var $xpos = pos.left;
			var $ypos = pos.top;
			$(this).parent().next().css({
				'top':$ypos,
				'left':$xpos+57
			})
			$(this).parent().next().fadeIn(300);
		},
		function(){
			$(this).animate({'opacity':'1'},4);
			$(this).parent().next().hide();
		}
	);
	
	
	
});