﻿// JScript File

<!--

var mouse_X;
var mouse_Y;

var tip_active = 0;

var ie = document.all?true:false;
if (!ie) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;

function setOpacity()
{
    document.getElementById('Tip').style.filter="alpha(opacity:90)";
    document.getElementById('Tip').style.KHTMLOpacity="0.90";
    document.getElementById('Tip').style.MozOpacity="0.90";
    document.getElementById('Tip').style.opacity="0.90";
}


function update_tip_pos()
{
    document.getElementById('Tip').style.top  = mouse_Y - document.getElementById('Tip').offsetHeight +"px";
	document.getElementById('Tip').style.left = mouse_X + 10+"px";
}


function getMouseXY(e) 
{
      if (ie) { // grab the x-y pos.s if browser is IE
        mouse_X = event.clientX + document.documentElement.scrollLeft
        mouse_Y = event.clientY + document.documentElement.scrollTop
      } else {  // grab the x-y pos.s if browser is NS
        mouse_X = e.pageX
        mouse_Y = e.pageY
      }  
      // catch possible negative values in NS4
      if (mouse_X < 0){mouse_X = 0}
      if (mouse_Y < 0){mouse_Y = 0}  

}

function HideTip(){
		tip_active = 0;
	
		document.getElementById('Tip').style.visibility = "hidden";
}

function tip_it(which, Comments){
	
	tip_active = which;
	
	if(which){
	    
	    getMouseXY(which);
		update_tip_pos();
		setOpacity();
		document.getElementById('Tip').style.visibility = "visible";
		document.getElementById('TipInnerHtml').innerHTML = '<table> ' +
                        '    <tr> ' +
                        '        <td class="content" align="left" >' + Comments + '</td> ' +
                        '    </tr> ' +
                        '</table> ';
		document.getElementById('Tip').style.top  = mouse_Y - document.getElementById('Tip').offsetHeight+"px"; 
	}else{
	
		HideTip();
	}

}

function project_tip(which, Desc, Comments){
	
	tip_active = which;
	
	if(which){
		update_tip_pos();
		setOpacity();
		document.getElementById('Tip').style.visibility = "visible";
		document.getElementById('TipInnerHtml').innerHTML = '<table> ' +
                        '    <tr> ' +
                        '        <td class="content" align="left"><b>Description</b></td> ' +
                        '    </tr> ' +
                        '    <tr> ' +
                        '        <td class="content" align="left" >' + Desc + '</td> ' +
                        '    </tr> ' +
                        '    <tr> ' +
                        '        <td class="content" align="left"><b>Comments</b></td> ' +
                        '    </tr> ' +
                        '    <tr> ' +
                        '        <td class="content" align="left" >' + Comments + '</td> ' +
                        '    </tr> ' +
                        '</table> ';
		document.getElementById('Tip').style.top  = mouse_Y - document.getElementById('Tip').offsetHeight+"px"; 
	}else{
	
		HideTip();
	}

}

//-->
//		document.getElementById('Tip').innerHTML = '<div class="top-left"></div> ' +
//                        '<div class="top-right"></div> ' +
//                        '<div class="inside">' +
//                        '<p class="notopgap nobottomgap"> ' +
//                        '<table> ' +
//                        '    <tr> ' +
//                        '        <td class="content" align="left"><b>Plant</b></td> ' +
//                        '        <td style="width:3px">&nbsp;</td> ' +
//                        '        <td class="content" align="left"><b>Location</b></td> ' +
//                        '    </tr> ' +
//                        '    <tr> ' +
//                        '        <td class="content" align="left" >' + Plants + '</td> ' +
//                        '        <td style="width:3px">&nbsp;</td> ' +
//                        '        <td class="content" align="left" >' + Locations + '</td> ' +
//                        '    </tr> ' +
//                        '</table> ' +
//                        '</p> ' +
//                        '</div> ' +
//                        '<div class="bottom-left"></div> ' +
//                        '<div class="bottom-right"></div>';
