/* 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+10);
    }
}


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) 
{
		ToolTip.style.left = x + 'px';
    ToolTip.style.top = y + 'px';
}

function MoveToolTipCenter()
{
	 	if (document.all){
			
			myPageX = 	document.body.scrollLeft;
			myPageY =  (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
			
		}
		else{
			myPageX = window.pageXOffset;
			myPageY = window.pageYOffset;
		}
		left_value = ((document.documentElement.clientWidth/4) + myPageX);
		top_value = ((document.documentElement.clientHeight/2) + myPageY);
		
		tooltip_height = ToolTip.offsetHeight;
		tooltip_width = 500;
		if( (left_value + (tooltip_width))- posx < 0 )
			left_value = 10;
		else
			left_value = left_value+(tooltip_width/2);
			
		if( (top_value + (tooltip_height) ) - posy > 0 )
			top_value = top_value - (tooltip_height/2)  ;
		else
			top_value = top_value + (tooltip_height);	
			
		
		ToolTip.style.left =  left_value + 'px';
    ToolTip.style.top = (top_value) +'px';
	
}

function overhereCenter(e,x,y)
{
	//ddd
}

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

function EnterContent(layerName, TTitle, TContent, width)
{
    if(!width)width = 250;
    ContentInfo = '<table border="0" width="'+width+'" cellspacing="0" cellpadding="0">'+
    '<tr><td width="100%" bgcolor="#4F4F4F">'+
    '<table border="0" width="100%" cellspacing="2" cellpadding="2">'+
    '<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="3" cellspacing="2" align="center">'+
    '<tr><td width="100%">'+
    '<font class="tooltipcontent">'+TContent+'</font>'+
    '</td></tr>'+
    '</table>'+
    '</td></tr>'+
    '</table>'+
    '</td></tr>'+
    '</table>';
    ReplaceContent();
}


var posx;var posy;
function getMouse(e)
{
	posx=0;posy=0;
	var ev=(!e)?window.event:e;//IE:Moz
	if (ev.pageX)
	{//Moz
		posx=ev.pageX;
		posy=ev.pageY;
	}
	else if(ev.clientX)
	{//IE
		posx=ev.clientX;
		posy=ev.clientY;
	}
	else
	{
		return false
	}//old browsers
	//document.getElementById('myspan').firstChild.data='X='+posx+' Y='+posy;
	
}
document.onmousemove=getMouse