/*
 * 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,
		// timeout id for delayed tooltips to be closed
		hide_tID,
		// IE 5.5 or 6
		IE = $.browser.msie && /MSIE\s(5\.5|6\.)/.test(navigator.userAgent),
		// flag for mouse tracking
		track = false,
		customer = "",
		//dummy ad
		dummyAd = '<img src="img/ajax-loader.gif" style="margin-left:125px;margin-top:20px;" />';
	
	$.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);
			customer = settings.customer;
			if(customer) customer = customer + "/";
			createHelper();
			return this.each(function() {
					this.tSettings = settings;
					// copy tooltip into its own expando and remove the title
					this.tooltipText = $(this).attr("id");
					$(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 () {
				$('.pngbg', 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=scale, src='" + image + "')"});
					}
				});
			});
		} : 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;
	  //helper html
	  var helperHtml =
	    '<div id="tooltip"><table style="padding:0px;margin:0px;" cellpadding="0" cellspacing="0" border="0">' +
      '  <tr>' +
      '    <td nowrap="nowrap" class="pngbg" style="background-image:url(img/tooltip/round/' + customer + 'bglefttop.png);background-position:left top;background-repeat:no-repeat;padding:0px;margin:0px;border:0;"><img src="img/0.gif" height="10" width="10" /></td>' +
      '    <td nowrap="nowrap" class="pngbg" style="background-image:url(img/tooltip/round/' + customer + 'bgtop.png);background-position:left top;background-repeat:repeat-x;padding:0px;margin:0;border:0;"><img src="img/0.gif" height="1" width="270" /></td>' +
      '    <td nowrap="nowrap" class="pngbg" style="background-image:url(img/tooltip/round/' + customer + 'bgrighttop.png);background-position:right top;background-repeat:no-repeat;padding:0px;margin:0px;border:0;"><img src="img/0.gif" height="10" width="10" /></td>' +
      '  </tr>' +
      '  <tr>' +
      '    <td nowrap="nowrap" class="pngbg" style="background-image:url(img/tooltip/round/' + customer + 'bgleft.png);background-position:left top;background-repeat:repeat-y;padding:0px;margin:0px;border:0px;"><img src="img/0.gif" height="170" width="10" /></td>' +
      '    <td style="vertical-align:top;background-color:White;padding:0;margin:0;border:0px;"><div id="pxAdBody" class="body" style="font-family:Arial,Helvetica,sans-serif;letter-spacing:normal;line-height:normal;text-align:left;font-size: 11px;color:#3F3F3F;padding: 0px;margin: 0px;height: 100%;"></div></td>' +
      '    <td nowrap="nowrap" class="pngbg" style="background-image:url(img/tooltip/round/' + customer + 'bgright.png);background-position:right top;background-repeat:repeat-y;padding:0px;margin:0px;border:0px;"></td>' +
      '  </tr>' +
      '  <tr>' +
      '    <td nowrap="nowrap" class="pngbg" style="background-image:url(img/tooltip/round/' + customer + 'bgleftbottom.png);background-position:left bottom;background-repeat:no-repeat;padding:0px;margin:0px;border:0px;"><img src="img/0.gif" height="10" width="10" /></td>' +
      '    <td nowrap="nowrap" class="pngbg" style="background-image:url(img/tooltip/round/' + customer + 'bgbottom.png);background-position:left bottom;background-repeat:repeat-x;padding:0;margin:0;border:0px;"></td>' +
      '    <td nowrap="nowrap" class="pngbg" style="background-image:url(img/tooltip/round/' + customer + 'bgrightbottom.png);background-position:right bottom;background-repeat:no-repeat;padding:0px;margin:0px;border:0px;"><img src="img/0.gif" height="10" width="10" /></td>' +
      '  </tr>' +
      '</table></div>';
		// create the helper, h3 for title, div for url
		helper.parent = $(helperHtml) //$('<div id="tooltip"><div id="tooltipbg" class="bg"></div><div id="tooltipbody" class="body"></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);
		
		//mouseout handler to stop hiding once mouse is on the helper div
		$("#tooltip").hover(function(){
		  if (hide_tID)
		  {
		    clearTimeout(hide_tID);
		  }
		}, hide);
	}
	
	// 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() {
	  //remove delayed hiding callback
	  if(hide_tID)
			clearTimeout(hide_tID);
			
		// if this is the current source, or it has no title (occurs with click event), stop
		if ( $.Tooltip.blocked || this == current || !this.tooltipText )
			return;
			
	  //initialize body - with dummy ad on first request or by saved content
	  if ($(this).attr("response") == null)
	  {
	    helper.body.html(dummyAd);
	  }

		// 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 ) {
		  
		  loadAd(current, helper.body);
//			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);
		
		if (current && current.tSettings.hideDelay)
		{
		  hide_tID = setTimeout(
		    function(){
		      helper.parent.hide();
		      hideFinalize();
		    }, 
		    current.tSettings.hideDelay);
		}
		else
		{
		  helper.parent.hide();
		  if (this.tSettings && helper.removeClass)
		    helper.removeClass( this.tSettings.extraClass );
		  hideFinalize();
		}
	}
	
	function hideImmediately(event) {
		if($.Tooltip.blocked)
			return;
		// clear timeout if possible
		if(tID)
			clearTimeout(tID);
	
	  helper.parent.hide();
	  if (this.tSettings && helper.removeClass)
	    helper.removeClass( this.tSettings.extraClass );
	  hideFinalize();
	}
	
	function hideFinalize()
	{
	  // no more current element
		current = null;
		
		if( this.tSettings && this.tSettings.fixPNG )
			helper.parent.unfixPNG();
	}
	
	function hideDelayed(event) {
	  setTimeout(hide, 1000);
	}
	
	function loadAd(element, adContainer) {/*alert($("*[@adid='" + $(element).attr("id") + "']").html());
	  $(adContainer).html($("*[@adid='" + $(element).attr("id") + "']").html());
	  $(adContainer).show();*/
	  
	  if ($(element).attr("response") == null)
	  {
	    var productId = $(element).attr("id");
	    var httpPath = "";
      if (false) //jQuery.browser.msie)
      {
        $.ajax({
          url: httpPath + "adprovider.ashx",
          data: 
            (productId ? "pid=" + escape(productId) + "&" : "") + 
            ((typeof pxClickTag != "undefined") ? "clicktag=" + escape(pxClickTag) + "&" : "") + 
            "&" + Math.random(),
          success: function(response){
            $(adContainer).html(response);
            $(adContainer).show();
            $(element).attr("response", response)
            $(element).click(function(){window.open($("#pxProductUrl").val(), "_blank");});
          }
        });
      }
      else
      {
        var ss = document.createElement('script');
        ss.src = httpPath + "adprovider.ashx?pid=" + 
	        $(element).attr("id") + "&contenttype=text/javascript&encoding=" + document.charset +
	        ((typeof pxClickTag != "undefined") ? "&clicktag=" + escape(pxClickTag) + "&" : "") + 
          "&" + Math.random();
        var hh = document.getElementsByTagName('head')[0];
        hh.appendChild(ss);

        //$('body').after("<script src='" + httpPath + "adprovider.ashx?pid=" + 
	      //  $(element).attr("id") + "&contenttype=text/javascript' type='text/javascript'></script>");
      }
    }
    else
    {
      adContainer.html($(element).attr("response"));
      $(adContainer).show();
    }
	}
	
})(jQuery);