var previews = new Array();
$(document).ready(function(){    
    var xOffset = 10;
    var yOffset = 30;

    $("a.preview").hover(function(e){
        $("#preview").remove();
        var idPeople = parseInt(this.id);

        if(previews[idPeople]==undefined) {
            $.post(site + "/?go=ajax", {
                    'action': 'getRandomPhotoLink', 
                    'id':idPeople,
                }, 
                function(data) {
                     if(data.exists==1) {
                        previews[idPeople] = rs + "/thumbs/"+idPeople+"/"+ data.file_name +"_0_100_0.png";
                        $("body").append("<p id='preview'><img src='"+previews[idPeople]+"' alt='' /></p>");    
                        $("#preview")
                            .css("top",(e.pageY - xOffset) + "px")
                            .css("left",(e.pageX + yOffset) + "px")
                            .fadeIn("fast");                                
                     }
                }, 
            "json");            
        } else {
            $("body").append("<p id='preview'><img src='"+previews[idPeople]+"' alt='' /></p>");    
            $("#preview")
                .css("top",(e.pageY - xOffset) + "px")
                .css("left",(e.pageX + yOffset) + "px")
                .fadeIn("fast");            
        }               
                      
    },
    function(){   
        $("#preview").remove();
    });
        
    $("a.preview").mousemove(function(e){
        $("#preview")
            .css("top",(e.pageY - xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px");
    });   
});