/*
 * Help tooltip - jQuery plugin for styled tooltips
 * based on Tooltip jQuery plugin (revision 1639) by Jörn Zaefferer, Stefan Petre
 */

/**
 * @name Tooltip
 * @type jQuery
 * @cat Plugins/Tooltip
 * @author Jörn Zaefferer (http://bassistance.de)
 * @author Benoit Danquechin Dorval (http://www.cultureocentre.fr)
 */
(function(jQuery) {
	
	// the tooltip element
	var helper,
		// it's title part
		tTitle,
		// it's body part
		tBody,
		// the current tooltipped element
		current,
		// timeout id for delayed tooltips
		tID,
		// IE 5.5 or 6
		IE = jQuery.browser.msie && /MSIE\s(5\.5|6\.)/.test(navigator.userAgent);
	
	// the public plugin method
	jQuery.fn.Tooltip = function(settings) {
		// setup configuration
		settings = jQuery.extend({}, jQuery.Tooltip.defaults, settings);
	
		// there can be only one tooltip helper
		if( !helper ) {
			// create the helper, h3 for title, div for url
			helper = jQuery('<div id="tooltip"><h3></h3><p class="tooltip_body"></p></div>')
				// hide it at first
				.hide()
				// move to top and position absolute, to let it follow the mouse
				.css({ position: 'absolute', zIndex: '300000' })
				// add to document
				.appendTo('body');
			
			// save references to title and url elements
			tTitle = jQuery('h3', helper);
			tBody = jQuery('p.tooltip_body', helper);
		}
		
		// bind events for every selected element with a title attribute
		jQuery(this)
			// save settings into each element
			.each(function() {
				this.tSettings = settings;
			})
			// bind events
			.bind('mouseover', save)
			.bind(settings.event, handle);
		return this;
	};
	
	// 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
		if(this.tSettings.track)
			jQuery('body').bind('mousemove', update);
			
		// update at least once
		update(event);
		
		// hide the helper when the mouse was clicked on the element
		if (this.tSettings.event != 'click')
			jQuery(this).bind('click', hide);
		
		// hide the helper when the mouse moves out of the element
		jQuery(this).bind('mouseout', hide);
	}
	
	// save elements before the tooltip is displayed
	function save() {
		// if this is the current source, stop
		if(this == current)
			return;
		// save current
		current = this;
		
		var source = jQuery(this),
			settings = this.tSettings;
		
		// save title, remove from element and set to helper
		var text = source.find('em').text();
		if ( settings.bodyHandler ) {
			tTitle.hide();
			tBody.html( settings.bodyHandler.call(this) ).show();
		} else if ( settings.showBody ) {
			var parts = text.split(settings.showBody);
			if (parts.length > 1)
				tTitle.html(parts.shift()).show();
			else
				tTitle.hide();
			tBody.empty();
			for(var i = 0, part; part = parts[i]; i++) {
				if(i > 0)
					tBody.append('<br/>');
				tBody.append(part);
			}
			if(tBody.html())
				tBody.show();
			else
				tBody.hide();
		} else {
			tTitle.hide();
			tBody.html(text).show();
		}
		
		// add an optional class for this tip
		if( settings.extraClass ) {
			helper.addClass(settings.extraClass);
		}
		// fix PNG background for IE
		if (settings.fixPNG && IE ) {
			helper.each(function () {
				var image = jQuery(this).css('backgroundImage');
				if (image.match(/^url\(["'](.*\.png)["']\)$/i)) {
					image = RegExp.$1;
					jQuery(this).css({
						'backgroundImage': 'none',
						'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='" + image + "')"
					}).each(function () {
						var position = jQuery(this).css('position');
						if (position != 'absolute' && position != 'relative')
							jQuery(this).css('position', 'relative');
					});
				}
			});
		}
	}
	
	// delete timeout and show helper
	function show() {
		tID = null;
		helper.show();
		update();
	}
	
	/**
	 * callback for mousemove
	 * updates the helper position
	 * removes itself when no current element
	 */
	function update(event)	{
		// if no current element is available, remove this listener
		if( current == null ) {
			jQuery('body').unbind('mousemove', update);
			return;	
		}
		
		var left = helper[0].offsetLeft;
		var top = helper[0].offsetTop;
		if(event) {
			// position the helper 15 pixel to bottom right, starting from mouse position
			left = event.pageX + 15;
			top = event.pageY + 15;
			helper.css({
				left: left + 'px',
				top: top + 'px'
			});
		}
		
		var v = viewport(),
			h = helper[0];
		// check horizontal position
		if(v.x + v.cx < h.offsetLeft + h.offsetWidth) {
			left -= h.offsetWidth + 20;
			helper.css({left: left + 'px'});
		}
		// check vertical position
		if(v.y + v.cy < h.offsetTop + h.offsetHeight) {
			top -= h.offsetHeight + 20;
			helper.css({top: top + 'px'});
		}
	}
	
	function viewport() {
		var e = document.documentElement || {},
			b = document.body || {},
			w = window;
		function min() {
			var v = Infinity;
			for( var i = 0;  i < arguments.length;  i++ ) {
				var n = arguments[i];
				if( n && n < v ) v = n;
			}
			return v;
		}
		return {
			x: w.pageXOffset || e.scrollLeft || b.scrollLeft || 0,
			y: w.pageYOffset || e.scrollTop || b.scrollTop || 0,
			cx: min( e.clientWidth, b.clientWidth, w.innerWidth ),
			cy: min( e.clientHeight, b.clientHeight, w.innerHeight )
		};
	}
	
	// hide helper
	function hide(event) {
		// clear timeout if possible
		if(tID)
			clearTimeout(tID);
		// no more current element
		current = null;
		helper.hide();
		
		removeExtraClass(this);
		
		// remove this listener
		if (event.type != 'click')
			jQuery(this).unbind('mouseout', hide);
		
		if (this.tSettings.event != 'click')
			jQuery(this).unbind('click', hide);
			
		removePNGfix(this);
	}
	
	function removeExtraClass(element) {
		if( element.tSettings.extraClass ) {
			helper.removeClass( element.tSettings.extraClass);
		}
	}
	
	function removePNGfix(element) {
		if( element.tSettings.fixPNG && IE ) {
			helper.each(function () {
				jQuery(element).css({'filter': '', backgroundImage: ''});
			});
		}
	}
	
	jQuery.Tooltip = {};
	
	// define global defaults, editable by client
	jQuery.Tooltip.defaults = {
		delay: 250,
		event: 'mouseover',
		track: false
	};

})(jQuery);

// initialize help tooltips
jQuery(function() {
	jQuery('span.popup_info').Tooltip({
		delay: 0,
		track: true
	});
});