$("document").ready(function(){
    
    // mouse over and display detail
    $(".file_image_wrap a img").mouseover(function(){
        $(this).css("opacity","0.4");
        $(this).css("filter","alpha(opacity=40)");
        id = $(this).attr("id");
        id = id.substr(11);
        $(this).mousemove(function(e){
            $("#file_image_detail_"+id).css("top",e.pageY-10);
            $("#file_image_detail_"+id).css("left",e.pageX+20);
        });
        $("#file_image_detail_"+id).show();
    });
    $(".file_image_wrap a img").mouseout(function(){
        $(this).css("opacity","1");
        $(this).css("filter","alpha(opacity=100)");
        id = $(this).attr("id");
        id = id.substr(11);
        $("#file_image_detail_"+id).hide();
    });
    
});