if (document.layers) { // Netscape
    document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove = captureMousePosition;
} else if (document.all) { // Internet Explorer
    document.onmousemove = captureMousePosition;
} else if (document.getElementById) { // Netcsape 6
    document.onmousemove = captureMousePosition;
}
// Global variables
xMousePos = 0; // Horizontal position of the mouse on the screen
yMousePos = 0; // Vertical position of the mouse on the screen
xMousePosMax = 0; // Width of the page
yMousePosMax = 0; // Height of the page

function captureMousePosition(e) {
    if (document.layers) {
        // When the page scrolls in Netscape, the event's mouse position
        // reflects the absolute position on the screen. innerHight/Width
        // is the position from the top/left of the screen that the user is
        // looking at. pageX/YOffset is the amount that the user has
        // scrolled into the page. So the values will be in relation to
        // each other as the total offsets into the page, no matter if
        // the user has scrolled or not.
        xMousePos = e.pageX;
        yMousePos = e.pageY;
        xMousePosMax = window.innerWidth+window.pageXOffset;
        yMousePosMax = window.innerHeight+window.pageYOffset;
    } else if (document.all) {
        // When the page scrolls in IE, the event's mouse position
        // reflects the position from the top/left of the screen the
        // user is looking at. scrollLeft/Top is the amount the user
        // has scrolled into the page. clientWidth/Height is the height/
        // width of the current page the user is looking at. So, to be
        // consistent with Netscape (above), add the scroll offsets to
        // both so we end up with an absolute value on the page, no
        // matter if the user has scrolled or not.
		xMousePos = window.event.x+document.body.scrollLeft;
        yMousePos = window.event.y+document.body.scrollTop;
        xMousePosMax = document.body.clientWidth+document.body.scrollLeft;
        yMousePosMax = document.body.clientHeight+document.body.scrollTop;
    } else if (document.getElementById) {
        // Netscape 6 behaves the same as Netscape 4 in this regard
        xMousePos = e.pageX;
        yMousePos = e.pageY;
        xMousePosMax = window.innerWidth+window.pageXOffset;
        yMousePosMax = window.innerHeight+window.pageYOffset;
    }
}
function hide_tooltip(){
document.getElementById("tooltipper").style.left=0+'px'
document.getElementById("tooltipper").style.top=0+'px'
document.getElementById("tooltipper").style.width=0+'px';
document.getElementById("tooltipper").style.height=0+'px';
document.getElementById("tooltipper").innerHTML="";
document.getElementById("tooltipper").style.display="none"
}

function show_tooltip(event,txt,wd,ht)
{
	if(window.parent.document.getElementById("showhelp_hidit").src.match("images/hidehelp.png"))
	{	
		
		document.getElementById("tooltipper").style.display="block"
		document.getElementById("tooltipper").style.left=xMousePos+'px';
		document.getElementById("tooltipper").style.top=yMousePos+'px';
		document.getElementById("tooltipper").style.width=wd+'px';
		document.getElementById("tooltipper").style.height=ht+'px';
		document.getElementById("tooltipper").innerHTML="<font color='black'><p align=left valign=top style='padding-left:10px'>"+txt+"</p></font>";
	}
}
function show_tooltip1(event,title,desc,time,cat,thumb,wd,ht)
{
	document.getElementById("tooltipper").style.display="block"
	document.getElementById("tooltipper").style.left=305+'px';
	document.getElementById("tooltipper").style.top=yMousePos+10+'px';
	document.getElementById("tooltipper").style.width=wd+'px';
	document.getElementById("tooltipper").style.height=ht+'px';
	document.getElementById("tooltipper").innerHTML="<table width=360 border=0  style='font-family:verdana;font-size:11px;text-align:left;'><tr><td colspan=3><b>"+title+"</b></td></tr><tr><td valign=top colspan=2  style='padding-top:10px' width=50><img src=http://www.marinebiztv.com/movie/"+thumb+"></td><td valign=top style='padding-top:3px'><table border=0><tr><td style='font-size:10px'><b>Category :"+cat+"</b></td></tr><tr><td valign=top>"+desc+"</td></tr></table></td></tr></table>";
	
}


function show_tooltip2(event,title,desc,time,cat,thumb,wd,ht,rrr)
{
	document.getElementById("tooltipper").style.display="block"
	document.getElementById("tooltipper").style.left=rrr+'px';
	document.getElementById("tooltipper").style.top=yMousePos+10+'px';
	document.getElementById("tooltipper").style.width=wd+'px';
	document.getElementById("tooltipper").style.height=ht+'px';
	document.getElementById("tooltipper").innerHTML="<table width=295 border=0  style='font-family:verdana;font-size:11px;text-align:left;'><tr><td colspan=3><b>"+title+"</b></td></tr><tr><td valign=top colspan=2 width=50><img src="+thumb+"></td><td valign=top style='text-align:justify'>"+desc+"</td></tr></table>";
	
}
function show_tooltip3(event,title,thumb,venue,wd,ht)
{
	
		
		document.getElementById("tooltipper").style.display="block"
		document.getElementById("tooltipper").style.left=xMousePos+'px';
		document.getElementById("tooltipper").style.top=yMousePos+10+'px';
		document.getElementById("tooltipper").style.width=wd+'px';
		document.getElementById("tooltipper").style.height=ht+'px';
		document.getElementById("tooltipper").innerHTML="<table width='100%' border='0'  style='font-family:verdana;font-size:11px;text-align:left;'><tr><td colspan=4 ><b>"+title+"</b></td></tr><tr><td width='50' colspan='2' rowspan='4' valign='top'><img src="+thumb+"></td><td valign=top style='text-align:left' width='77px'><b>Venue:</td><td valign=top style='text-align:left'>"+venue+"</td></tr><tr> <td valign=top style='text-align:left'><b>Date:</b></td><td valign=top style='text-align:left'>From 12/10/2009 to 22/10/2009 </td></tr></table>";
	
}


function show_tooltip4(event,txt,wd,ht)
{
	
	y=0;
	
var browser=navigator.appName;

	if(browser=="Microsoft Internet Explorer")
	{
	y=300;	
	}
		
		document.getElementById("tooltipper").style.display="block"
		document.getElementById("tooltipper").style.left=xMousePos+'px';
		document.getElementById("tooltipper").style.top=yMousePos+y+'px';
		document.getElementById("tooltipper").style.width=wd+'px';
		document.getElementById("tooltipper").style.height=ht+'px';
		document.getElementById("tooltipper").innerHTML="<font color='black'><p align=left valign=top style='padding-left:10px'>"+txt+"</p></font>";
	
}


