/* preview */
function truebody(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
var initialize = false;
var ContentInfo = '';
var ToolTip;
var pos = new Array(2);
pos[0] = 0;
pos[1] = 0;

var topColor = "#4F4F4F";
var subColor = "#EEEEEE";

function loadfunc() 
{
    ToolTip = document.getElementById("ToolTip");

}           
function overhere(e,x,y)
{     
	if(!x)x = 15;
	if(!y)y=15;
	
    if(initialize) 
    {
        MoveToolTip(truebody().scrollLeft + e.clientX + x, truebody().scrollTop + e.clientY + y);
    }
}

function display_preview(pos_top, pos_left)
{     
    if(initialize) 
    {
        MoveToolTip(pos_left, pos_top);
    }
}
   
function Activate() 
{ 
	/* loadfunc(); */
    MoveToolTip(pos[0] , pos[1]);  
    ToolTip.style.visibility = "visible";
    initialize = true;
}

function deActivate() 
{ 
	MoveToolTip(0,0);
    ToolTip.style.visibility = "hidden";
    initialize = false;
}

function MoveToolTip(x, y) 
{
    
	//alert(document.body.offsetWidth);
	var w = document.body.offsetWidth - 230;
	if(x > w)
		ToolTip.style.left = w + 'px';
	else
		ToolTip.style.left = x + 'px';
	
    ToolTip.style.top = y + 'px';
}

function ReplaceContent() 
{
    ToolTip.innerHTML = ContentInfo;
}

function EnterContent(layerName, TTitle, TContent, width)
{
    if(!width)width = 250;
    ContentInfo = '<table style="font-weight:normal; text-align:left;" border="0" width="'+width+'" cellspacing="0" cellpadding="0">'+
    '<tr><td width="100%" bgcolor="#4F4F4F">'+
    '<table border="0" width="100%" cellspacing="2" cellpadding="0">'+
    '<tr><td width="100%" bgcolor='+topColor+'>'+
    '<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">'+
    '<tr><td width="100%">'+
    '<font color="#FFFFFF" class="tooltiptitle">'+TTitle+'</font>'+
    '</td></tr>'+
    '</table>'+
    '</td></tr>'+
    '<tr><td width="100%" bgcolor='+subColor+'>'+
    '<table border="0" width="100%" cellpadding="0" cellspacing="2" align="center">'+
    '<tr><td width="100%">'+
    '<font class="tooltipcontent">'+TContent+'</font>'+
    '</td></tr>'+
    '</table>'+
    '</td></tr>'+
    '</table>'+
    '</td></tr>'+
    '</table>';
    ReplaceContent();
}