var ContentInfo = "";

var topColor = "#ffffe7"
var subColor = "#ffffe7"







var mouse_X;
var mouse_Y;

var tip_active = 0;



function update_tip_pos(){
document.getElementById('ToolTip').style.left = mouse_X - 210 + 'px';
		
document.getElementById('ToolTip').style.top  = mouse_Y - 295 + 'px';
		
	
		
}






var ie = document.all?true:false;


function getMouseXY(e) {


mouse_X= event.clientX + getScrollWidth()
mouse_Y= event.clientY + getScrollHeight()



if (mouse_X < 0){mouse_X = 0;}
if (mouse_Y < 0){mouse_Y = 0;}

if(tip_active){update_tip_pos();}
}




function getScrollWidth()
{
   var w = window.pageXOffset ||
           document.body.scrollLeft ||
           document.documentElement.scrollLeft;
           
   return w ? w : 0;
} 

function getScrollHeight()
{
   var h = window.pageYOffset ||
           document.body.scrollTop ||
           document.documentElement.scrollTop;
           
   return h ? h : 0;
}

 function hideElement( elmID, overDiv )
    {
      if( ie )
      {
        for( i = 0; i < document.all.tags( elmID ).length; i++ )
        {
          obj = document.all.tags( elmID )[i];
          if( !obj || !obj.offsetParent )
          {
            continue;
          }
      
          // Find the element's offsetTop and offsetLeft relative to the BODY tag.
          objLeft   = obj.offsetLeft;
          objTop    = obj.offsetTop;
          objParent = obj.offsetParent;
          
          
          while( objParent.tagName.toUpperCase() != "BODY" )
          {
            objLeft  += objParent.offsetLeft;
            
            objTop   += objParent.offsetTop;
            objParent = objParent.offsetParent;
            
          }
          
          objHeight = obj.offsetHeight;
          objWidth = obj.offsetWidth;
          
          if(( overDiv.offsetLeft + overDiv.offsetWidth ) <= objLeft );
          else if(( overDiv.offsetTop + overDiv.offsetHeight ) <= objTop );
          else if( overDiv.offsetTop >= ( objTop + objHeight ));
          else if( overDiv.offsetLeft >= ( objLeft + objWidth ));
          else
          {
            obj.style.visibility = "hidden";
          }
        }
      }
    }


function showElement( elmID )
    {
      if( ie )
      {
        for( i = 0; i < document.all.tags( elmID ).length; i++ )
        {
          obj = document.all.tags( elmID )[i];
          
          if( !obj || !obj.offsetParent )
          {
            continue;
          }
        
          obj.style.visibility = "";
        }
      }
    }








function EnterContent(TTitle, TContent){

ContentInfo = '<table border="0" width="500" cellspacing="0" cellpadding="0">'+
'<tr><td width="100%" bgcolor="#000000">'+

'<table border="0" width="100%" cellspacing="1" cellpadding="0">'+
'<tr><td width="100%" bgcolor='+topColor+'>'+

'<table border="0" width="90%" cellspacing="0" cellpadding="0" align="center">'+
'<tr><td width="100%" height="22px">'+

'<font class="tooltiptitle">'+TTitle+'</font></td></tr>'+

//'</td></tr>'+
//'</table>'+
//'</td><td width="10%"><a href="javascript:tip_it(\'\',\'\',\'\');" class="tooltipclose">Close</a></td></tr>'+

//'</td><td width="10%"><font class="tooltiptitle"><input id="Button1" type="button" value="Close" style="width: 60px; height: 15px; font-size: xx-small" onClick="tip_it(\'\',\'\',\'\')"/> </font> </td></tr>'+

//'<tr><td width="100%" bgcolor='+subColor+'>'+

//'<table border="0" width="90%" cellpadding="0" cellspacing="1" align="center">'+
'<tr><td width="100%" colspan="2" height="12px"></td></tr>'+
'<tr><td width="100%" colspan="2">'+

'<font class="tooltipcontent">'+TContent+'</BR></font>'+

'</td></tr>'+
//'</table>'+

//'</td></tr>'+
'</table>'+

'</td></tr>'+
'</table>';

}







function tip_it(which, TTitle, TContent){

	
	if(which){
	    tip_active = 1;
	   if (mouse_X==0)
	        getMouseXY()
	    else
		   update_tip_pos();
	
		
		
		
		document.getElementById('ToolTip').style.visibility = "visible";
		
		EnterContent(TTitle, TContent);
		
		document.getElementById('ToolTip').innerHTML = ContentInfo;
		//hideElement( 'DIV', document.getElementById("ToolTip") );
	       // hideElement( 'tooltiphide', document.getElementById("ToolTip") );	
	
	}else{
	
		tip_active = 0;
	 
	
		document.getElementById('ToolTip').style.visibility = "hidden";
		//showElement( 'DIV');
		//showElement( 'tooltiphide' );
	}

}