function showToolTip(e,text){
	
		var ie=document.all && !window.opera
		var dom=document.getElementById
		iebody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
		var scrollAmount = (document.layers) ? window.pageYOffset : document.body.scrollTop;
		var docwidth=(ie)? iebody.clientWidth : window.innerWidth
		var docheight=(ie)? iebody.clientHeight : window.innerHeight
		if(!document.getElementById('sui_tooltip_container')){
			var tooltip = document.createElement('DIV');
			tooltip.id = 'sui_tooltip_container';
			//tooltip.style.position = 'absolute';
			
			document.getElementsByTagName('body')[0].insertBefore(tooltip,document.getElementsByTagName('body')[0].childNodes[0]);
			
		}
		if(!document.getElementById('sui_tooltip_container').getElementsByTagName('table')[0]){
			var table = '<table border="0" cellspacing="0" cellpadding="0" class="suitooltip" style="visibility: hidden; position: absolute;"><tr><td width="8" height="8" class="tl"><span></span></td><td height="8" class="t"><span></span></td><td width="8" height="8" class="tr"><span></span></td></tr><tr><td width="8" class="l"><span></span></td><td valign="top" class="suitooltip-inner"><div class="content">';
			table = table + text;
			table = table + '</div></td><td width="8" class="r"><span></span></td></tr><tr><td width="8" height="8" class="bl"><span></span></td><td height="8" class="b"><span></span></td><td width="8" height="8" class="br"><span></span></td></tr></table>';
			document.getElementById('sui_tooltip_container').innerHTML = table;
			var tableobj = document.getElementById('sui_tooltip_container').getElementsByTagName('table')[0];
			
			
			if(tableobj.offsetWidth>250){
				tableobj.style.width = '250px';
			}		
			if(tableobj.offsetWidth + (curPos(e).x - 10)>docwidth){
			tableobj.style.left = (curPos(e).x - tableobj.offsetWidth + 15) + 'px';
			}
			else{
				tableobj.style.left = (curPos(e).x - 10) + 'px';
			}
			if(tableobj.offsetHeight - scrollAmount + (curPos(e).y + 5)>docheight){
			tableobj.style.top = (curPos(e).y - tableobj.offsetHeight - 15) + 'px';
			}
			else{
				tableobj.style.top = (curPos(e).y + 20) + 'px';
			}
			if(tableobj.offsetWidth>250){
				tableobj.style.width = '250px';
			}
			tableobj.style.visibility = 'visible';
		}
		else{
			var tableobj = document.getElementById('sui_tooltip_container').getElementsByTagName('table')[0];
			
			if(tableobj.offsetWidth + (curPos(e).x - 10)>docwidth){
			tableobj.style.left = (curPos(e).x - tableobj.offsetWidth + 15) + 'px';
			}
			else{
				tableobj.style.left = (curPos(e).x - 10) + 'px';
			}
			if(tableobj.offsetHeight - scrollAmount + (curPos(e).y + 5)>docheight){
				tableobj.style.top = (curPos(e).y - tableobj.offsetHeight - 15) + 'px';
			}
			else{
				tableobj.style.top = (curPos(e).y + 20) + 'px';
			}
		}
	
}

function hideToolTip(){
	if(document.getElementById('sui_tooltip_container') != null){
		document.getElementById('sui_tooltip_container').innerHTML = '';
		
	}
}
function curPos(e){
     if (!e) var e = window.event;
     var cursor = {x:0, y:0};
     if (e.pageX || e.pageY) {
         cursor.x = e.pageX;
         cursor.y = e.pageY;
     }
     else {
         cursor.x = e.clientX +
             (document.documentElement.scrollLeft ||
             document.body.scrollLeft) -
             document.documentElement.clientLeft;
         cursor.y = e.clientY +
             (document.documentElement.scrollTop ||
             document.body.scrollTop) -
             document.documentElement.clientTop;
     }

    return cursor;
}