// JavaScript Document
document.write('<script language="javascript" src="includes/js/Fadomatic.js"></script>');

function glossarioTip(obj,title,definition) {
	this.version="1.0"
	this.bodyBkColor="#f3f6f8";
	this.titleBkColor="#b6c6d0";
	this.boxBorder="#336699";
	this.fontColor="#007fc6";

	window.onload  = function() {
		glossario.createContainer()
	//	alert("ok")		
	}
	


}

glossarioTip.prototype.findPosition =function ( oLink ) {
  if( oLink.offsetParent ) {
    for( var posX = 0, posY = 0; oLink.offsetParent; oLink = oLink.offsetParent ) {
      posX += oLink.offsetLeft;
      posY += oLink.offsetTop;
    }
    return [ posX, posY ];
  } else {
    return [ oLink.x, oLink.y ];
  }
}


glossarioTip.prototype.createContainer = function() {


	/// lets create the box container
		var ni = document.body
		var newdiv = document.createElement('div');
		var divName = "glossarioTIP"
		var content="<div id='glossarioTIP' style='z-index:99999999999;padding-left:5px;padding-bottom:10px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;filter:alpha(opacity=0);-moz-opacity:.0;display:block;width:300px;background-color:"+this.bodyBkColor+";border:1px solid "+this.boxBorder+";position:absolute;top:0px;left:0px'><div id='glossarioTitle' style='margin-left:-5px;padding-top:5px;padding-left:5px;padding-bottom:5px;font-weight:bold;background-color:"+this.titleBkColor+"'>s</div><div style='margin-top:10px;display:visible' id='glossarioBody'></div></div>"
							
		newdiv.innerHTML = content		
		ni.appendChild(newdiv);			

		// assign tipBox property to model
		this.tipBox=document.getElementById("glossarioTIP")
		
		var showme = document.getElementById("glossarioTIP");
    	this.fader = new Fadomatic(showme,20, 0, 0, 100);

}



glossarioTip.prototype.showDefinition = function(obj,title,Body) {
	
	document.getElementById("glossarioTIP").style.left=this.findPosition(obj)[0] + "px"
	document.getElementById("glossarioTIP").style.top=this.findPosition(obj)[1]+20 + "px"
	document.getElementById("glossarioBody").innerHTML=Body
	document.getElementById("glossarioTitle").innerHTML=title	
	this.fader.fadeIn();
}

glossarioTip.prototype.HideDefinition = function() {
	var showme = document.getElementById("glossarioTIP");
	this.fader.fadeOut();	
}



// use the class
var glossario = new glossarioTip();
