/*
 * JTip
 * By Cody Lindley (http://www.codylindley.com)
 * Under an Attribution, Share Alike License
 * JTip is built on top of the very light weight jquery library.
 */

//on page load (as soon as its ready) call JT_init
$(document).ready(JT_init);
/*
function JT_init(){
	       $("a.jTip")
		   .hover(function(){JT_show(this.name,this.id,this.name)},function(){$('#JT').remove()});	   
}

function JT_show(url,linkId,title){
	
	if(title == false)title=" ";
	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 xwidth = 320;
	
	if(hasArea>((xwidth*1)+100)){
		$("body").append("<div id='JT' style='width:"+xwidth+"px;'><div id='JT_copy'></div></div>");//right side
		var arrowOffset = getElementWidth(linkId) + 5;
		var clickElementx = getAbsoluteLeft(linkId) + arrowOffset; //set x position
	}else{
		$("body").append("<div id='JT' style='width:"+xwidth+"px'><div id='JT_copy'></div></div>");//left side
		var clickElementx = getAbsoluteLeft(linkId) - xwidth - 5; //set x position
	}
	
	$('#JT').css({left: clickElementx+"px", top: clickElementy+"px"});
	$('#JT').show();
	$('#JT_copy').html(url);
	//$('#JT_copy').load(url);

}*/

/* Edit by DungDH on 09-12 */
function JT_init(){
	       $("a.jTip")
		   .hover(function(){JT_show(this.name,this.id,this.name)},function(){$('#JT').remove()});	   
}

function JT_show(url,linkId,title){
	if(title == false)title="&nbsp;";
	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 xwidth = 320;
	
	if(hasArea>((xwidth*1)+100)){
		$("body").append("<div id='JT' style='width:"+xwidth+"px; display: none;'><div id='JT_copy'></div></div>");//right side
		var arrowOffset = getElementWidth(linkId) + 5;
		var clickElementx = getAbsoluteLeft(linkId) + arrowOffset; //set x position
	}else{
		$("body").append("<div id='JT' style='width:"+xwidth+"px; display: none;'><div id='JT_copy'></div></div>");//left side
		var clickElementx = getAbsoluteLeft(linkId) - xwidth - 5; //set x position
	}
	
	$('#JT').css({left: clickElementx+"px", top: clickElementy+"px"});
	//$('#JT').animate({opacity: 1}, 1000);
	$('#JT').fadeIn(600);
	$('#JT_copy').html(url);
	//$('#JT_copy').load(url);

}
/* End edit */

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
}