//create mouseover and mouseout functions for each tooltip
  	function showToolTip(e,tip){
  		arrXY=cursorPos(e);
  		document.getElementById('tooltip').style.left=(arrXY[0]-400)+'px';
  		document.getElementById('tooltip').style.top=(arrXY[1]-115)+'px';
  		document.getElementById('tooltip').innerHTML=tip;
  		//document.getElementById('tooltip').style.display="block";
  	}
  	function hideToolTip(){
  		document.getElementById('tooltip').style.top='-1000000px';
  		document.getElementById('tooltip').style.left='-1000000px';
  	}
  	function cursorPos(e) {
  		if( !e ) { e = window.event; } 
  		if( !e || ( typeof(e.pageX) != 'number' && typeof( e.clientX ) != 'number' ) ) { 
  			return [0,0]; 
  		}
		if( typeof( e.pageX ) == 'number' ) { 
			var xcoord = e.pageX; var ycoord = e.pageY; 
		} else {
			var xcoord = e.clientX; var ycoord = e.clientY;
			if( !( ( window.navigator.userAgent.indexOf( 'Opera' ) + 1 ) || window.navigator.vendor == 'KDE' ) ) {
				if( document.documentElement && ( document.documentElement.scrollTop || document.documentElement.scrollLeft ) ) {
					xcoord += document.documentElement.scrollLeft; ycoord += document.documentElement.scrollTop;
				} else if( document.body && ( document.body.scrollTop || document.body.scrollLeft ) ) {
					xcoord += document.body.scrollLeft; ycoord += document.body.scrollTop; 
				} 
			} 
		}
		return [xcoord,ycoord];
	}