var Widget_Tooltip_ShowTimeoutMilSecs = 100;
var Widget_Tooltip_HideTimeoutMilSecs = 500;

;(function($) {
	
		// the tooltip element
	var helper = {},
		// the current tooltipped element
		currentId,
		// timeout id for delayed tooltips
		showTimer,
		// timeout id for delayed tooltips
		hideTimer;
	
	$.tooltip = {
		blocked: false,
		defaults: {
			extraClass: "",
			top: 15,
			left: 15,
			id: "tooltip"
		},
		block: function() {
			$.tooltip.blocked = !$.tooltip.blocked;
		}
	};
	
	$.fn.extend({
		tooltip: function(settings) {
			settings = $.extend({}, $.tooltip.defaults, settings);
			createHelper(settings);
			helper.parent.hover(function(){clearTimeout(hideTimer)}, hideAfterDelay);		
			
			return this.each(function() {
					$.data(this, "tooltip", settings);
					this.tOpacity = helper.parent.css("opacity");
					$(this).removeAttr("title");
					// also remove alt attribute to prevent default tooltip in IE
					this.alt = "";
				})
				.hover(showAfterDelay, hideAfterDelay);
		},
		hideWhenEmpty: function() {
			return this.each(function() {
				$(this)[ $(this).html() ? "show" : "hide" ]();
			});
		},
		url: function() {
			return this.attr('href') || this.attr('src');
		}
	});

	function hideOnClickOutside(evt) {
		var target = $(evt.target);
		if (target.is('#tooltip') || target.parents('#tooltip').length>0 || '#' + target[0].id==currentId ||(currentId!=null && target.parents(currentId).length>0))
			return;
		if (currentId != '')
			hide.apply($(currentId)[0], arguments); 
		$("body").unbind('click', hideOnClickOutside);
	}
				
	function createHelper(settings) {
		// there can be only one tooltip helper
		if( helper.parent )
			return;
		// create the helper
		helper.parent = $('<div id="' + settings.id + '"><div class="body"></div></div>')
			// add to document
			.appendTo(document.body)
			// hide it at first
			.hide();
			
		// apply bgiframe if available
		if ( $.fn.bgiframe )
			helper.parent.bgiframe();

		helper.body = $('div.body', helper.parent);
	}
	
	function settings(element) {
		return $.data(element, "tooltip");
	}
	

	function hideAfterDelay() {
		clearTimeout(hideTimer);
		clearTimeout(showTimer);
		if (!currentId)
			return;
		var obj=$(currentId)[0];
		hideTimer = setTimeout(function() {hide.apply(obj, arguments)}, Widget_Tooltip_HideTimeoutMilSecs);
	}

	function showAfterDelay(evt) {
		clearTimeout(hideTimer);
		clearTimeout(showTimer);
		var obj = this;
		var ev = evt;
		showTimer = setTimeout(function() {setTooltipContents.apply(obj, [ev])}, Widget_Tooltip_ShowTimeoutMilSecs);

	}

	function show() {
		helper.parent.show();
		$("body").click(hideOnClickOutside);
		updatePosition();
	}
		
	function setTooltipContents(evt) {
		if (helper.parent.is(":visible"))
			hide.apply(this, arguments);

		// if this is the current source, or it has no title (occurs with click event), stop
		if ( $.tooltip.blocked || this.id == currentId)
			return;

		// save current
		currentId = "#" + this.id;


		var bodyContent = settings(this).bodyHandler.call(this);
		if (bodyContent.nodeType || bodyContent.jquery) {
			helper.body.empty().append(bodyContent)
		} else {
			helper.body.html( bodyContent );
		}
		helper.body.show();
		
		
		// add an optional class for this tip
		helper.parent.addClass(settings(this).extraClass);

		
		show.apply(this, arguments);
		// updatePosition at least once
		updatePosition(evt);
	}


	

	function updatePosition(evt)	{
		if($.tooltip.blocked)
			return;
		
		if (evt && evt.target.tagName == "OPTION") {
			return;
		}
		
		
		// if no current element is available, remove this listener
		if( currentId == null ) {
			return;	
		}

		
		// remove position helper classes
		helper.parent.removeClass("viewport-right").removeClass("viewport-bottom");
		
		
		var left = helper.parent[0].offsetLeft;
		var top = helper.parent[0].offsetTop;
		if (evt) {
			// position the helper 15 pixel to bottom right, starting from mouse position
			left = evt.pageX + settings($(currentId)[0]).left;
			top = evt.pageY + settings($(currentId)[0]).top;
			var right='auto';
			if (($(window).width() - 450) < (left  - $(window).scrollLeft())) {
				right = $(window).width() - left;
				left = 'auto';
			}
			helper.parent.css({
				left: left,
				right: right,
				top: top
			});
		}
		
		var v = viewport(),
			h = helper.parent[0];
		// check horizontal position
		if (v.x + v.cx < h.offsetLeft + h.offsetWidth && left != "auto") {
			left -= h.offsetWidth + 20 + settings($(currentId)[0]).left;
			helper.parent.css({left: left + 'px'}).addClass("viewport-right");
		}
		// check vertical position
		if ((v.y + v.cy < h.offsetTop + h.offsetHeight) && (h.offsetTop > h.offsetHeight)) {
			top -= h.offsetHeight + 20 + settings($(currentId)[0]).top;
			helper.parent.css({top: top + 'px'}).addClass("viewport-bottom");
		}
		if (helper.parent.is(":visible"))
			helper.parent.queue( function() {$(this).removeShadow().dropShadow({left:2, top:2});$(this).dequeue();})
	}
	
	function viewport() {
		return {
			x: $(window).scrollLeft(),
			y: $(window).scrollTop(),
			cx: $(window).width(),
			cy: $(window).height()
		};
	}
	
	// hide helper and restore added classes
	function hide(evt) {
		if($.tooltip.blocked)
			return;

		// no more current element
		currentId = null;
		
		var tsettings = settings(this);
		helper.parent.removeClass( tsettings.extraClass ).hide().css("opacity", "");
		
		helper.parent.removeShadow();
		$("body").unbind('click',hideOnClickOutside);
	}
	
})(osjs);



function RichWidgets_Widget_Tooltip(widgetId, HTMLTooltipText){
	osjs(function($){
		HTMLTooltipText = HTMLTooltipText.match(/<[^<>]+>/)? HTMLTooltipText: HTMLTooltipText.replace(/\n/g,"<br>\n");
		$('#' + widgetId).tooltip(
			{ bodyHandler: function() { return HTMLTooltipText;  }
			, extraClass:'Widget_Tooltip'});
	});
}