var idx = 0;
 
function JT_init(){       
	// remove too-tip
	$('#JT').remove();
	
	$('u').mouseover(function(){
						// remove too-tip
						$('#JT').remove();
						idx++;
						$(this).attr('id',$(this).text()+idx);
						JT_show(this.id,$(this).text());
					});
	$('u').mouseout(function(){
						$('#JT').remove();
					});
}

function JT_show(linkId,title){
	// Faz a pesquisa da palavra
    $.getJSON('/webservice/glossario/Paginas/default.aspx',
        {Palavra:title},
        function(data){
            
            var conteudo = data.Conteudo;

            if(conteudo != null)
            {
			    var de = document.documentElement;
			    var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
			    var hasArea = w - getAbsoluteLeft(linkId);
			    var clickElementy = getAbsoluteTop(linkId) - 3; //set y position
    			
			    var params = conteudo.length;
				
			    if(params == undefined){params = 250};
			    
			    if(params < 100){params = 215};
			    			    
			    if(params != undefined){
					$("#" + linkId).css('cursor','pointer');
			    }
    			
			    if(hasArea>((params*1)+75)){
				    $("body").append("<div id='JT' style='width:"+params*1+"px'><div id='JT_arrow_left'></div><div id='JT_close_left'>"+conteudo+"</div><div id='JT_copy'><div class='JT_loader'><div></div></div>");//right side
				    var arrowOffset = getElementWidth(linkId) + 11;
				    var clickElementx = getAbsoluteLeft(linkId) + arrowOffset; //set x position
			    }else{
				    $("body").append("<div id='JT' style='width:300px'><div id='JT_arrow_right' style='left:"+((300))+"px'></div><div id='JT_close_right'>"+conteudo+"</div><div id='JT_copy'><div class='JT_loader'><div></div></div>");//left side
				    var clickElementx = getAbsoluteLeft(linkId) - ((300) + 15); //set x position
			    }
    			
			    $('#JT').css({left: clickElementx+"px", top: clickElementy+"px"});
			    $('#JT').show();
			}
	
	    }//function
    );//getJSON

}

function getElementWidth(objectId) {
	x = document.getElementById(objectId);
	return x.offsetWidth;
}

function getAbsoluteLeft(objectId) {
	// Get an object left position from the upper left viewport corner
	o = document.getElementById(objectId)
	oLeft = o.offsetLeft            // Get left position from the parent object
	while(o.offsetParent!=null) {   // Parse the parent hierarchy up to the document element
		oParent = o.offsetParent    // Get parent object reference
		oLeft += oParent.offsetLeft // Add parent left position
		o = oParent
	}
	return oLeft
}

function getAbsoluteTop(objectId) {
	// Get an object top position from the upper left viewport corner
	o = document.getElementById(objectId)
	oTop = o.offsetTop            // Get top position from the parent object
	while(o.offsetParent!=null) { // Parse the parent hierarchy up to the document element
		oParent = o.offsetParent  // Get parent object reference
		oTop += oParent.offsetTop // Add parent top position
		o = oParent
	}
	return oTop
}