this.screenshotPreview = function(){
        /* CONFIG */

                xOffset = 20;
                yOffset = 20;

                // these 2 variable determine popup's distance from the cursor
                // you might want to adjust to get the right result

        /* END CONFIG */
        jQuery("a.screenshot").hover(function(e){

                this.t = this.title;
                this.title = "";
                var c = (this.t != "") ? "<br />" + this.t : "";

                jQuery("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='' />"+ c +"</p>");
                //var posY = e.pageY - yOffset;
                if((jQuery(window).width()- e.pageX - jQuery("#screenshot").width()- xOffset - 15)>0) {
                  var posX = e.pageX + xOffset;
                } else {
                  var posX = e.pageX - jQuery("#screenshot").width() - xOffset;
                  if (posX < 0) { posX = 10 }
                }
                if((jQuery(window).height()- e.pageY - jQuery("#screenshot").height()- yOffset - 15)>0) {
                  var posY = e.pageY + yOffset;
                } else {
                  var posY = e.pageY - jQuery("#screenshot").height() - yOffset;
                  if (posY < 0) { posY = 10 }
                }
                jQuery("#screenshot")
                        .css("top",posY + "px")
                        .css("left",posX + "px")
                        .fadeIn("fast");
    },
        function(){
                this.title = this.t;
                jQuery("#screenshot").remove();
        });
        jQuery("a.screenshot").mousemove(function(e){
                if((jQuery(window).width()- e.pageX - jQuery("#screenshot").width() - xOffset - 15)>0) {
                  var posX = e.pageX + xOffset;
                } else {
                  var posX = e.pageX - jQuery("#screenshot").width() - xOffset;
                  if (posX < 0) { posX = 10 }
                }
                if((jQuery(window).height()- e.pageY - jQuery("#screenshot").height() - yOffset - 15)>0) {
                  var posY = e.pageY + yOffset;
                } else {
                  var posY = e.pageY - jQuery("#screenshot").height() - yOffset;
                  if (posY < 0) { posY = 10 }
                }
                jQuery("#screenshot")
                        .css("top",posY + "px")
                        .css("left",posX + "px");
        });
};
this.imagePreview = function(){
        /* CONFIG */

                xOffset = 10;
                yOffset = 30;

                // these 2 variable determine popup's distance from the cursor
                // you might want to adjust to get the right result

        /* END CONFIG */
        jQuery("a.preview").hover(function(e){
                this.t = this.title;
                this.title = "";
                var c = (this.t != "") ? "" + this.t : "";
                jQuery("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' />"+ c +"</p>");
                jQuery("#preview")
                        .css("top",(e.pageY - xOffset) + "px")
                        .css("left",(e.pageX + yOffset) + "px")
                        .fadeIn("fast");
    },
        function(){
                this.title = this.t;
                jQuery("#preview").remove();
    });
        jQuery("a.preview").mousemove(function(e){
                jQuery("#preview")
                        .css("top",(e.pageY - xOffset) + "px")
                        .css("left",(e.pageX + yOffset) + "px");
        });
};
this.tooltip = function(){
        /* CONFIG */
                xOffset = 10;
                yOffset = 20;
                // these 2 variable determine popup's distance from the cursor
                // you might want to adjust to get the right result
        /* END CONFIG */
        jQuery(".tooltip").hover(function(e){
                this.t = this.title;
                this.title = "";
                jQuery("body").append("<p id='tooltip'>"+ this.t +"</p>");
                jQuery("#tooltip")
                        .css("top",(e.pageY - xOffset) + "px")
                        .css("left",(e.pageX + yOffset) + "px")
                        .css("opacity",0.8)
                        //.animate({opacity: 0.8},300);
                        .fadeIn("fast");
    },
        function(){
                this.title = this.t;
                jQuery("#tooltip").remove();
    });
        jQuery(".tooltip").mousemove(function(e){
                jQuery("#tooltip")
                        .css("top",(e.pageY - xOffset) + "px")
                        .css("left",(e.pageX + yOffset) + "px");
        });
};
this.tooltipCustom = function(){
        /* CONFIG */
                xOffset = 10;
                yOffset = 20;
                // these 2 variable determine popup's distance from the cursor
                // you might want to adjust to get the right result
        /* END CONFIG */
        jQuery(".tooltip2").hover(function(e){

               // alert(this.alt);
                this.t = jQuery("#"+this.alt).html();
                //this.title = "";
                jQuery("body").append("<p id='tooltip2'>"+ this.t +"</p>");
                jQuery("#tooltip2")
                        .css("top",(e.pageY - xOffset) + "px")
                        .css("left",(e.pageX + yOffset) + "px")
                        .css("opacity",0.8)
                        //.animate({opacity: 0.8},300);
                        .fadeIn("fast");
    },
        function(){
                //this.title = this.t;
                jQuery("#tooltip2").remove();
    });
        jQuery(".tooltip2").mousemove(function(e){
                jQuery("#tooltip2")
                        .css("top",(e.pageY - xOffset) + "px")
                        .css("left",(e.pageX + yOffset) + "px");
        });
};

jQuery(document).ready(function(){
        jQuery(".tooltip2").click(function(){ return false; });
        tooltip();//active les tooltip simple
        tooltipCustom();//
        imagePreview();//active les tooltip image preview
        screenshotPreview();//active les tooltip lien avec preview
});