this.screenshotPreview = function(){
	xOffset = 20;
	yOffset = 20;
    $("ul>li>a").hover(function(e){
        $("body").append("<div id='screenshot'><img src='/img/"+this.href.substring(11, this.href.length-1)+".jpg' alt='Screenshot' /></div>");                                
        $("#screenshot")
            .css("top",(e.pageY + xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px")
            .fadeIn();                        
    },
    function(){ 
        $("#screenshot").remove();
    }); 
    $("ul>li>a").mousemove(function(e){
        $("#screenshot")
            .css("top",(e.pageY + xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px");
    });         
};

$(document).ready(function(){
	screenshotPreview();
});