var ajaxtooltip={
	fadeeffect: [true, 300, 500], //enable Fade? [true/false, duration_milliseconds]
	useroffset: [30, 10], //additional x and y offset of tooltip from mouse cursor, respectively
	loadingHTML: '<div style="font-style:italic"><img src="/inclosos/ajaxload.gif" /> Cargando...</div>',
	positiontip:function($tooltip, e){
		var docwidth=(window.innerWidth)? window.innerWidth-15 : ajaxtooltip.iebody.clientWidth-15
		var docheight=(window.innerHeight)? window.innerHeight-18 : ajaxtooltip.iebody.clientHeight-15
		//var docwidth=(window.innerWidth)? window.innerWidth : ajaxtooltip.iebody.clientWidth
		//var docheight=(window.innerHeight)? window.innerHeight : ajaxtooltip.iebody.clientHeight
		var twidth=$tooltip.get(0).offsetWidth
		var theight=$tooltip.get(0).offsetHeight
		var tipx=e.pageX+this.useroffset[0]
		var tipy=e.pageY+this.useroffset[1]
		tipy=(e.clientY+theight>docheight)? tipy-theight-(2*this.useroffset[1]) : tipy //account for bottom edge

		if (tipy<0)	{ tipy=this.useroffset[1]+e.pageY-e.clientY }
		$tooltip.css({left: tipx, top: tipy})
	},

	showtip:function($tooltip, e){
		if (this.fadeeffect[0])
			$tooltip.hide().fadeIn(this.fadeeffect[1])
		else
			$tooltip.show()
	},

	hidetip:function($tooltip, e){
		if (this.fadeeffect[0])
			$tooltip.fadeOut(this.fadeeffect[2])
		else
			$tooltip.hide()
	}
}

jQuery(document).ready(function(){
	ajaxtooltip.iebody=(document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body	
	var tooltips=[] //array to contain references to all tooltip DIVs on the page
	$('*[@title^="ajax:"]').each(function(index){ //find all links with "title=ajax:" declaration
		this.titleurl=jQuery.trim(this.getAttribute('title').split(':')[1]) //get URL of external file
		this.titleposition=index+' pos' //remember this tooltip DIV's position relative to its peers
		tooltips.push($('<div class="ajaxtooltip"></div>').appendTo('body'))
		var $target=$(this)
		$target.removeAttr('title')
		$target.hover(
			function(e){ //onMouseover element				
			    var $tooltip
			    for (i=0;i<tooltips.length;i++)
                {
			        $tooltip=tooltips[i]
			        $tooltip.hide()
			    }
			    
		        $tooltip=tooltips[parseInt(this.titleposition)]
		        if (!$tooltip.get(0).loadsuccess){ //first time fetching Ajax content for this tooltip?
			           			            			        
	                $tooltip.html(ajaxtooltip.loadingHTML).show()
	                $tooltip.load(this.titleurl, '', function(){
		                var $tt
		                for (i=0;i<tooltips.length;i++)
                        {
			                $tt=tooltips[i]
			                if ($tt!=$tooltip) {
			                    $tt.hide()
			                }
			            }        
		                ajaxtooltip.positiontip($tooltip, e)
		                ajaxtooltip.showtip($tooltip, e)
		                $tooltip.get(0).loadsuccess=true
	                })
		        }
		        else{
			        ajaxtooltip.positiontip($tooltip, e)
			        ajaxtooltip.showtip($tooltip, e)
		        }
			},
			function(e){ //onMouseout element
			    var $tooltip=tooltips[parseInt(this.titleposition)]
			    ajaxtooltip.hidetip($tooltip, e)
			}
		)
		$target.bind("mousemove", function(e){
			var $tooltip=tooltips[parseInt(this.titleposition)]
			ajaxtooltip.positiontip($tooltip, e)
		})
	})
})