// JavaScript Document
var tooltip={ 
	init:function(selectedIndex){
		$$("#tooltip").invoke("observe", "mouseover", function(){														   
			var w = self.innerWidth || (document.documentElement.clientWidth) || document.body.clientWidth;
			var hasArea = w - tooltip.getAbsoluteLeft(this);		
			var clickElementy = tooltip.getAbsoluteTop(this) + 1; //set y position		
			var arrowOffset = tooltip.getElementWidth(this) + 11;
			var clickElementx = tooltip.getAbsoluteLeft(this) + arrowOffset; //set x position									
			var titlemessage = this.name.split("|");
			var title = (titlemessage[0]) ? titlemessage[0] : " ";
			var message = (titlemessage[1]) ? titlemessage[1] : " ";
			tooltip.createToolTipElement(clickElementy,clickElementx,title,message);		
		}); 
		
		$$("#tooltip").invoke("observe", "mouseout", function(){
			 $("tooltip_area").remove();		
		}); 
	},
	
	getAbsoluteLeft: function(objectId) {
		// Get an object left position from the upper left viewport corner
		//o = $(objectId)				//getelementbyid
		o = (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
	},	

	getAbsoluteTop: function(objectId) {
		// Get an object top position from the upper left viewport corner
		//o = document.getElementById(objectId)	//getelementbyid
		o = (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
	},

	getElementWidth: function(objectId) {
		//x = $(objectId);	//getelementbyid
		x = (objectId);		
		return x.offsetWidth;
	},
	
	createToolTipElement: function(topposition,leftposition,title,message){
		var ttipbox = document.createElement('div');
			ttipbox.id = 'tooltip_area';
		var ttiparrowleft = document.createElement('div');
			ttiparrowleft.id = 'tooltip_arrow_left';			
			ttipbox.appendChild(ttiparrowleft);	
		var ttiptitle = document.createElement('div');
			ttiptitle.id = 'tooltip_close_left';			
			ttipbox.appendChild(ttiptitle);	
			ttiptitle.innerHTML = title;														
		var msgcontent = document.createElement('div');
			msgcontent.id = 'tooltip_content';
		var msgcontentp = document.createElement('p');
			msgcontentp.innerHTML = message;
			msgcontent.appendChild(msgcontentp);			
			ttipbox.appendChild(msgcontent);
			$(ttipbox).setStyle({width: '250px',top: topposition + 'px',left: leftposition + 'px'});			
		document.body.appendChild(ttipbox);		
	}
}