"

From 2013.igem.org

(function (a) {

   a.fn.webwidget_tip_imagesAdSense = function (p) {
       var p = p || {};

       var b = p && p.tip_button_style ? p.tip_button_style : "notepaper";
       var c = p && p.tip_content_background_color ? p.tip_content_background_color : "#FFF";
       var e = p && p.tip_content_width ? p.tip_content_width : "250";
       var position_data = p && p.position_data ? p.position_data : "";
       var content_border_color = p && p.tip_content_border_color ? p.tip_content_border_color : "#666";
       var tip_content_font_color = p && p.tip_content_font_color ? p.tip_content_font_color : "#666";
       var tip_button_autohide = p && p.tip_button_autohide ? p.tip_button_autohide : "enable";
       var tip_position = p && p.tip_position ? p.tip_position : "right";
       var d = p && p.directory ? p.directory : "images";
       var f = "";
       var g = a(this);
       var image_offset;
       var image_width = g.width();
       var image_height = g.height();
       var all_box;
       var tip_button_image;
       var tip_button_image_over;
       var c_box = $("#" + g.attr("id") + "_content");
       var fade_timeout;
       switch (b) {
           case 'notepaper':
               tip_button_image = d + "/6/6f/UESTC_pin.png";
               tip_button_image_over = d + "/9/9e/UESTC_pin_over.png";
               break;
           case 'exclamation':
               tip_button_image = d + "/exclamation.png";
               tip_button_image_over = d + "/exclamation-over.png";
               break;
           case 'circle':
               tip_button_image = d + "/circle.png";
               tip_button_image_over = d + "/circle-over.png";
               break;
           case 'interrogation':
               tip_button_image = d + "/interrogation.png";
               tip_button_image_over = d + "/interrogation-over.png";
               break;
           default:
               break
       }

       e = parseInt(e);

       init();

       all_box.hover(
           function () {
               $(this).children(".button_box").fadeIn();
           },
           function () {
               if (tip_button_autohide == 'enable') {
                   $(this).children(".button_box").fadeOut();
               }
           }
       );
       all_box.children(".button_box").children("img").hover(
           function () {
               $(this).attr("src", tip_button_image_over);
               index = all_box.children(".button_box").children("img").index($(this));
               all_box.children(".show").children(".show_content").html(c_box.children("li").eq(index).html());
               if (tip_position == 'left') {
                   all_box.children(".show").css({ top: (parseInt(position_data[index].y) + 20) + "px", left: (parseInt(position_data[index].x) - e) + "px" });
               } else {
                   all_box.children(".show").css({ top: (parseInt(position_data[index].y) + 20) + "px", left: (parseInt(position_data[index].x) + 30) + "px" });
               }

               all_box.children(".show").fadeIn();

           },
           function () {

               $(this).attr("src", tip_button_image);
               fade_timeout = setTimeout(fadeout, 200);

           }
       );
       all_box.children(".show").hover(
           function () {
               clearTimeout(fade_timeout);
           },
           function () {
               $(this).fadeOut();
           }
       );
       function fadeout() {
           all_box.children(".show").fadeOut();
       }
       function init() {
           image_offset = g.offset();

g.wrap('');

           all_box = g.parent(".all_box");
           all_box.css({ position: "relative",  width: image_width + "px", height: image_height + "px" });

all_box.append('');

           $.each(position_data, function (entryIndex, entry) {
               all_box.children(".button_box").append('<img src="' + tip_button_image + '" style="position:absolute;cursor:pointer;top:' + entry['y'] + 'px;left:' + entry['x'] + 'px" />');
           });
           c_box.hide();

all_box.append('');

           if (tip_button_autohide == 'enable') {
               all_box.children(".button_box").hide();
           }
           all_box.children(".show").hide();
       }

   }

})(jQuery);