this.screenshotPreview = function(){	
	/* CONFIG */
		xOffset = 180;
		yOffset = -272;
	/* END CONFIG */
	$("a.screenshot").hover(function(e){
		this.t = this.title;
		this.title = "";	
		$("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='Screenshot' /></p>");								 
		$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#screenshot").remove();
    });	
	$("a.screenshot").mousemove(function(e){
		$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};

$(document).ready(function(){
	screenshotPreview();
	//fade thumb images
	$('.showcase img').hover(function() {
		$(this).fadeTo("slow", 0.5);
	}, function() {
		$(this).fadeTo("slow", 1);
	});	
	
	// module mouse over/out
	$('.hp-mod a.mod-title, .hp-mod .mod-summary a').hover(function() {
		$(this).parents('li').addClass('over');
	}, function() {
		$(this).parents('li').removeClass('over');
	});
	
	
});