function showtip(link) {

    var width = screen.width*0.95;
    var height = screen.height*0.7;
    
    //alert(link);
   // link = absolutePath + link;
    document.getElementById('tooltip').style.display = '';

    document.getElementById('tooltip').style.width = '100%';


    document.getElementById('ifram').innerHTML = '';
    document.getElementById('ifram').innerHTML += '<iframe id="Iframe1" src=' + link + ' frameborder=0 scrolling="no" width="'+width+'px" height="'+height+'px" ></iframe>';
      
       
    var v = ((document.getElementsByTagName('body')[0].offsetWidth - document.getElementById('tooltip').offsetWidth) / 2);
    document.getElementById('tooltip').style.left = v + 'px';
    document.getElementById('tooltip').style.top = '60px';
    
//document.getElementById('tooltip').innerHTML = msg;

    var IE = document.all?true:false
    if(IE)
    {
    //var top = tempY - tooltip.offsetHeight - 3;
    //var left = tempX - tooltip.offsetWidth - 3;
    //document.getElementById('tooltip').style.top = top + 'px';
    //document.getElementById('tooltip').style.left = left + 'px';
    opacity('tooltip', 0, 200, 1000)
    }
    else
    {
            try
            {
            //var top = tempY - document.getElementById('tooltip').offsetHeight - 3;
            //var left = tempX - document.getElementById('tooltip').offsetWidth - 3;
            //document.getElementById('tooltip').style.top = top + 'px';
            //document.getElementById('tooltip').style.left = left + 'px';
            //document.getElementById('tooltip').height = 100;
            opacity('tooltip', 0, 200, 1000)

            }
            catch(Ex)
            {
            alert(Ex);
            }
    }
//document.getElementById('tooltip').style.visibility = 'visible';

}




function hidetip()
{
if(document.getElementById('tooltip').style.opacity > 0)
opacity('tooltip', 100, 0, 1000)
//document.getElementById('tooltip').style.visibility = 'hidden';
document.getElementById('tooltip').style.display = 'none';
document.getElementById('tooltip').style.width = '0px';
//document.getElementById('tooltip').innerHTML = '';
}

function initialize()
{
    document.getElementById('tooltip').style.width = '0px';
changeOpac(0, 'tooltip')
//document.getElementById('tooltip').style.visibility = 'hidden';
}

function opacity(id, opacStart, opacEnd, millisec) {
//speed for each frame
var speed = Math.round(millisec / 100);
var timer = 0;

//determine the direction for the blending, if start and end are the same nothing happens
if(opacStart > opacEnd) {
for(i = opacStart; i >= opacEnd; i--) {
setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
timer++;
}
} else if(opacStart < opacEnd) {
for(i = opacStart; i <= opacEnd; i++)
{
setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
timer++;
}
}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
var object = document.getElementById(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
}