﻿var oDv=document.createElement("div");
var sBody = document.createElement("div");

function setTooltip()
{ 
	oDv.style.direction='rtl';
	oDv.style.textAlign='center';
	oDv.style.fontFamily='Tahoma';
	oDv.style.fontSize='8pt';
	oDv.style.color='#ffffff';
	oDv.style.padding='2';
	oDv.style.border='2px solid #D5EBF9';
	oDv.style.width='202px';
	oDv.style.position='absolute';
	if(document.all)
	   oDv.style.filter='alpha(opacity=50)';
	else
	   oDv.style.opacity = 0.50;
	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;
		x-=220;		
	} 
	else {
		x = evt.pageX -200;
		y = evt.pageY;
	}
	
    oDv.style.top=y + 'px';
    oDv.style.left=x + 'px';
	oDv.appendChild(sBody);
	document.body.appendChild(oDv);	   
}
function showT(s1)
{
    setTooltip();
    sBody.innerHTML='<img width="200" height="150" src=' + s1 + '><br/>'; 
    oDv.style.visibility='visible';   
}
function hideT()
{
   oDv.style.visibility='hidden';
}
function showImage(s1,s2)
{
document.getElementById('dvImage').innerHTML='<img src=' + s1 + ' style="border:4px solid #ffffff"><br/>' + s2; 
}