﻿var oDv=document.createElement("div");
var sBody = document.createElement("div");

function setTooltip()
{ 
	oDv.style.direction='rtl';
	oDv.style.textAlign='center';
	oDv.style.backgroundColor='#fbdcb0';
	oDv.style.fontFamily='Tahoma';
	oDv.style.fontSize='8pt';
	oDv.style.color='#000000';
	oDv.style.padding='2';
	oDv.style.border='1px solid #ffffff';
	oDv.style.width='140px';
	oDv.style.position='absolute';
	if(document.all)
	   oDv.style.filter='alpha(opacity=80)';
	else
	   oDv.style.opacity = 0.80;
	var x,y;
    if (document.all)
    {
		x = (document.documentElement && document.documentElement.scrollLeft) ? document.documentElement.scrollLeft : document.body.scrollLeft;
		y = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop;
		x += window.event.clientX;
		y += window.event.clientY;			
	} 
	else {
		x = evt.pageX;
		y = evt.pageY;
	}
	
    oDv.style.top=y + 10 + 'px';
    oDv.style.left= (x - 70) + 'px';
	oDv.appendChild(sBody);
	document.body.appendChild(oDv);	   
}
function showT(s1, s2)
{
    setTooltip();
    sBody.innerHTML='<img border="1px" align="right" width="45" height="45" src=' + s1 + '>' + s2; 
    oDv.style.visibility='visible';   
}
function hideT()
{
   oDv.style.visibility='hidden';
}
function showImage(s1,s2)
{
    document.getElementById('dvImage').innerHTML='<img src=' + s1 + ' class="img"><br/>' + s2; 
}
