/* Copyright (c) 2008 Kean Loong Tan http://www.gimiti.com/kltan
 * Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * Copyright notice and license must remain intact for legal use
 * jHelpertip
 * Version: 1.0 (Jun 2, 2008)
 * Requires: jQuery 1.2+
 */

 /* modification of Isaak Tyngylchav http://erum.ru
 */

(function($) {

	$.fn.jHelperTip = function(options)
	{
		// merge users option with default options
		var opts = $.extend({}, $.fn.jHelperTip.defaults, options);

    var containerBody ='<div class="jhwrap"><div class="jhclose"></div><div class="jhcontent"></div><div class="jhc jhtl"></div><div class="jhc jhtr"></div></div><div class="jhc jhbl"></div><div class="jhc jhbr"></div>';

    if (opts.autoClose == 2)  opts.autoClose = (opts.trigger == "hover");
    
		$('<div class="'+opts.ttC.slice(1)+'"></div>').appendTo("body");
    $('<div class="'+opts.dC.slice(1)+'"></div>').appendTo("body");

    var  jClose='.'+opts.ttC.slice(1)+' .jhclose';
    var  jBody='.'+opts.ttC.slice(1)+' .jhcontent';

		// initialize our tooltip and our data container and also the close box
		$(opts.ttC).hide();
		$(opts.dC).hide();
		
		// close the tooltip box
		var closeBox = function()
		{
				//$(document.body).toggleClass('grey',false);
				$(opts.ttC).hide().empty();
                $('.jHIE6').remove();
                return false;
		};
		
		$(jClose).bind("click", closeBox);

    var iniBox = function()
    {
			$(opts.ttC).empty();
			$(containerBody).appendTo(opts.ttC);
			$(jClose).unbind("click", closeBox);
			$(jClose).bind("click", closeBox);
    }

		// the sources of getting data
		var getData = function(obj,e){
            getPosition(e);
			if (opts.source == "ajax") {
				$.ajax({
					type: opts.type,
					url: opts.url,
					data: opts.data,
					success: function(msg){
                        iniBox();
      				    $(msg).appendTo(jBody);
                        showBox();
					}
				});
			}

			else {
				iniBox();
				if (opts.source == "container") $(opts.dC).clone(true).show().appendTo(jBody);
                else
                if (opts.source == "image")
                {
                   $('<img src="'+opts.url+'" /><div>&nbsp;</div>').appendTo(jBody);
                   $(jBody).addClass('AjaxImageLoading');
                }
                showBox();
			}
		};
		
		// used to position the tooltip
		var getPosition = function (e){
			if(e.pageY > 600) 
						var top = 10;
			else 	var top = e.pageY+10;
			var left = e.pageX;
           var body = $('body').width();
           $(opts.ttC).css({left: null,right: null});
           if (left < 0.6*body) $(opts.ttC).css({top: top,left: left -10}); else $(opts.ttC).css({top: top,right: body-left-10});

           if (opts.source != "container")
            { $('.AjaxLoading').remove();
              $('body').append('<div class="AjaxLoading" style="top:'+top+'px;left:'+left+'px;"></div>');
            }
		};

    var showBox = function ()
    {
    		//$(document.body).toggleClass('grey',true);
        $(opts.ttC).show();
        $('.AjaxLoading').remove();
				
        var y=0;
        if (opts.position == 'absolute')
        {

            var x0=parseInt($('body').width());
            var x1=parseInt($(opts.ttC).width());
            x=(x0-x1)/2;

  					var y=0;

            var windowHeight =0;
  					if (self.pageYOffset)  {y = self.pageYOffset;windowHeight = self.innerHeight;}
            else
            if (jQuery.browser.msie)
            { if (jQuery.browser.version = '6.0')
              {y = document.documentElement.scrollTop; windowHeight = document.documentElement.clientHeight;}
              else
              {y = document.body.scrollTop;windowHeight = document.body.clientHeight;}
            }

            y=parseInt(y);
            h= parseInt($(opts.ttC).height());
            if ( h > windowHeight) y=y+50; else  y= (y+(windowHeight -h)/3);

            $(opts.ttC).css({
                top:	y,
                left:	200
            });
        }
        if (!opts.autoClose) $(jClose).show();
        // ie6 bug select overflow z-index fix
        if (jQuery.browser.msie)  if (jQuery.browser.version = '6.0')
        {
              $('body').append("<div class='jHIE6'><iframe  style='width:2000px;height:2000px;' src='about:blank' marginheight='10000' marginwidth='10000' scrolling='no' frameborder='0' /></div>");
              $('.jHIE6').css({
                position: 'absolute',
                top:	parseInt($(opts.ttC).css('top'))+1,
                left:	parseInt($(opts.ttC).css('left'))+1,
                height: parseInt($(opts.ttC).height())-6,
                width:  parseInt($(opts.ttC).width())-6
              }).show();
        }
    };
    
		// just close tool tip when not needed usually trigger by anything outside out tooltip target
		if (opts.trigger == "hover") {
			$(this).bind("mouseover", function(e){
				e.preventDefault();
				getData(this, e);
				return false;
			});
			$(this).bind("mouseout", function(e){
                if (opts.autoClose) closeBox();
				return false;
			});
		}
		
		else if (opts.trigger == "click") {
			$(this).bind("click", function(e){
				getData(this, e);
				$(document).bind("click", function(e){
					if (opts.autoClose) closeBox();
				});
				return false;
			});

		}
	};
    
	$.fn.jHelperTip.defaults = {
		trigger: "click",
		source: "container", /*  container, ajax,image */
		ttC: ".jHelperTipContainer", /* tooltip Container*/
		dC: "#jHelperTipDataContainer", /* data Container */
		type: "GET", /* data can be inline or CSS selector */
		url: '',
		data: '',
		autoClose: 2,
    position:'relative' /*  relative,absolute */
	};

})(jQuery);