/*
 * jQuery Tooltip plugin 1.1
 *
 * http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
 *
 * Copyright (c) 2006 Jörn Zaefferer, Stefan Petre
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 *
 * Revision: $Id: jquery.tooltip.js 2237 2007-07-04 19:11:15Z joern.zaefferer $
 *
 */

/**
 * Display a customized tooltip instead of the default one
 * for every selected element. The tooltip behaviour mimics
 * the default one, but lets you style the tooltip and
 * specify the delay before displaying it. In addition, it displays the
 * href value, if it is available.
 *
 * Requires dimensions plugin.
 *
 * When used on a page with select elements, include the bgiframe plugin. It is used if present.
 *
 * To style the tooltip, use these selectors in your stylesheet:
 *
 * #tooltip - The tooltip container
 *
 * #tooltip h3 - The tooltip title
 *
 * #tooltip div.body - The tooltip body, shown when using showBody
 *
 * #tooltip div.url - The tooltip url, shown when using showURL
 *
 *
 * @example $('a, input, img').Tooltip();
 * @desc Shows tooltips for anchors, inputs and images, if they have a title
 *
 * @example $('label').Tooltip({
 *   delay: 0,
 *   track: true,
 *   event: "click"
 * });
 * @desc Shows tooltips for labels with no delay, tracking mousemovement, displaying the tooltip when the label is clicked.
 *
 * @example // modify global settings
 * $.extend($.fn.Tooltip.defaults, {
 *    track: true,
 *    delay: 0,
 *    showURL: false,
 *    showBody: " - ",
 *  fixPNG: true
 * });
 * // setup fancy tooltips
 * $('a.pretty').Tooltip({
 *     extraClass: "fancy"
 * });
 $('img.pretty').Tooltip({
 *     extraClass: "fancy-img",
 * });
 * @desc This example starts with modifying the global settings, applying them to all following Tooltips; Afterwards, Tooltips for anchors with class pretty are created with an extra class for the Tooltip: "fancy" for anchors, "fancy-img" for images
 *
 * @param Object settings (optional) Customize your Tooltips
 * @option Number delay The number of milliseconds before a tooltip is display. Default: 250
 * @option Boolean track If true, let the tooltip track the mousemovement. Default: false
 * @option Boolean showURL If true, shows the href or src attribute within p.url. Defaul: true
 * @option String showBody If specified, uses the String to split the title, displaying the first part in the h3 tag, all following in the p.body tag, separated with <br/>s. Default: null
 * @option String extraClass If specified, adds the class to the tooltip helper. Default: null
 * @option Boolean fixPNG If true, fixes transparent PNGs in IE. Default: false
 * @option Function bodyHandler If specified its called to format the tooltip-body, hiding the title-part. Default: none
 * @option Number top The top-offset for the tooltip position. Default: 15
 * @option Number left The left-offset for the tooltip position. Default: 15
 *
 * @name Tooltip
 * @type jQuery
 * @cat Plugins/Tooltip
 * @author Jörn Zaefferer (http://bassistance.de)
 */

/**
 * A global flag to disable all tooltips.
 *
 * @example $("button.openModal").click(function() {
 *   $.Tooltip.blocked = true;
 *   // do some other stuff, eg. showing a modal dialog
 *   $.Tooltip.blocked = false;
 * });
 *
 * @property
 * @name $.Tooltip.blocked
 * @type Boolean
 * @cat Plugins/Tooltip
 */

/**
 * Global defaults for tooltips. Apply to all calls to the Tooltip plugin after modifying  the defaults.
 *
 * @example $.extend($.Tooltip.defaults, {
 *   track: true,
 *   delay: 0
 * });
 *
 * @property
 * @name $.Tooltip.defaults
 * @type Map
 * @cat Plugins/Tooltip
 */
(function($) {

   // the tooltip element
   var helper = {},
      // the current tooltipped element
      current,
      // the title of the current element, used for restoring
      title,
      // timeout id for delayed tooltips
      tID,
      // IE 5.5 or 6
      IE = $.browser.msie && /MSIE\s(5\.5|6\.)/.test(navigator.userAgent),
      // flag for mouse tracking
      track = false;

   $.Tooltip = {
      blocked: false,
      defaults: {
         delay: 200,
         showURL: true,
         extraClass: "",
         top: 15,
         left: 15
      },
      block: function() {
         $.Tooltip.blocked = !$.Tooltip.blocked;
      }
   };

   $.fn.extend({
      Tooltip: function(settings) {
         settings = $.extend({}, $.Tooltip.defaults, settings);
         createHelper();
         return this.each(function() {
               this.tSettings = settings;
               // copy tooltip into its own expando and remove the title
                    if ( this.tSettings.bodyCreator ) {
                        this.tooltipText = this.tSettings.bodyCreator.call(this);
                    } else {
                        this.tooltipText = this.title;
                    }
               $(this).removeAttr("title");
               // also remove alt attribute to prevent default tooltip in IE
               this.alt = "";
            })
            .hover(save, hide)
            .click(hide);
      },
      fixPNG: IE ? function() {
         return this.each(function () {
            var image = $(this).css('backgroundImage');
            if (image.match(/^url\(["']?(.*\.png)["']?\)$/i)) {
               image = RegExp.$1;
               $(this).css({
                  'backgroundImage': 'none',
                  'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='" + image + "')"
               }).each(function () {
                  var position = $(this).css('position');
                  if (position != 'absolute' && position != 'relative')
                     $(this).css('position', 'relative');
               });
            }
         });
      } : function() { return this; },
      unfixPNG: IE ? function() {
         return this.each(function () {
            $(this).css({'filter': '', backgroundImage: ''});
         });
      } : function() { return this; },
      hideWhenEmpty: function() {
         return this.each(function() {
            $(this)[ $(this).html() ? "show" : "hide" ]();
         });
      },
      url: function() {
         return this.attr('href') || this.attr('src');
      }
   });

   function createHelper() {
      // there can be only one tooltip helper
      if( helper.parent )
         return;
      // create the helper, h3 for title, div for url
      helper.parent = $('<div id="tooltip"><h3></h3><div class="body"></div><div class="url"></div></div>')
         // hide it at first
         .hide()
         // add to document
         .appendTo('body');

      // apply bgiframe if available
      if ( $.fn.bgiframe )
         helper.parent.bgiframe();

      // save references to title and url elements
      helper.title = $('h3', helper.parent);
      helper.body = $('div.body', helper.parent);
      helper.url = $('div.url', helper.parent);
   }

   // main event handler to start showing tooltips
   function handle(event) {
      // show helper, either with timeout or on instant
      if( this.tSettings.delay )
         tID = setTimeout(show, this.tSettings.delay);
      else
         show();

      // if selected, update the helper position when the mouse moves
      track = !!this.tSettings.track;
      $('body').bind('mousemove', update);

      // update at least once
      update(event);
   }

   // save elements title before the tooltip is displayed
   function save() {
      // if this is the current source, or it has no title (occurs with click event), stop
      if ( $.Tooltip.blocked || this == current || !this.tooltipText )
         return;

      // save current
      current = this;
      title = this.tooltipText;

      if ( this.tSettings.bodyHandler ) {
         helper.title.hide();
         helper.body.html( this.tSettings.bodyHandler.call(this) ).show();
      } else if ( this.tSettings.showBody ) {
         var parts = title.split(this.tSettings.showBody);
         helper.title.html(parts.shift()).show();
         helper.body.empty();
         for(var i = 0, part; part = parts[i]; i++) {
            if(i > 0)
               helper.body.append("<br/>");
            helper.body.append(part);
         }
         helper.body.hideWhenEmpty();
      } else {
         helper.title.html(title).show();
         helper.body.hide();
      }

      // if element has href or src, add and show it, otherwise hide it
      if( this.tSettings.showURL && $(this).url() )
         helper.url.html( $(this).url().replace('http://', '') ).show();
      else
         helper.url.hide();

      // add an optional class for this tip
      helper.parent.addClass(this.tSettings.extraClass);

      // fix PNG background for IE
      if (this.tSettings.fixPNG )
         helper.parent.fixPNG();

      handle.apply(this, arguments);
   }

   // delete timeout and show helper
   function show() {
      tID = null;
      helper.parent.show();
      update();
   }

   /**
    * callback for mousemove
    * updates the helper position
    * removes itself when no current element
    */
   function update(event)   {
      if($.Tooltip.blocked)
         return;

      // stop updating when tracking is disabled and the tooltip is visible
      if ( !track && helper.parent.is(":visible")) {
         $('body').unbind('mousemove', update)
      }

      // if no current element is available, remove this listener
      if( current == null ) {
         $('body').unbind('mousemove', update);
         return;
      }
      var left = helper.parent[0].offsetLeft;
      var top = helper.parent[0].offsetTop;
      if(event) {
         // position the helper 15 pixel to bottom right, starting from mouse position
         left = event.pageX + current.tSettings.left;
         top = event.pageY + current.tSettings.top;
         helper.parent.css({
            left: left + 'px',
            top: top + 'px'
         });
      }
      var v = viewport(),
         h = helper.parent[0];
      // check horizontal position
      if(v.x + v.cx < h.offsetLeft + h.offsetWidth) {
         left -= h.offsetWidth + 20 + current.tSettings.left;
         helper.parent.css({left: left + 'px'});
      }
      // check vertical position
      if(v.y + v.cy < h.offsetTop + h.offsetHeight) {
         top -= h.offsetHeight + 20 + current.tSettings.top;
         helper.parent.css({top: top + 'px'});
      }
   }

   function viewport() {
      return {
         x: $(window).scrollLeft(),
         y: $(window).scrollTop(),
         cx: $(window).width(),
         cy: $(window).height()
      };
   }

   // hide helper and restore added classes and the title
   function hide(event) {
      if($.Tooltip.blocked)
         return;
      // clear timeout if possible
      if(tID)
         clearTimeout(tID);
      // no more current element
      current = null;

      helper.parent.hide().removeClass( this.tSettings.extraClass );

      if( this.tSettings.fixPNG )
         helper.parent.unfixPNG();
   }

})(jQuery);