// JavaScript Document
// Example:

// onMouseOver="toolTip('tool tip text here')";

// onMouseOut="toolTip()";

// -or-

// onMouseOver="toolTip('more good stuff', '#FFFF00', 'orange')";

// onMouseOut="toolTip()"; 

/*

MOVE this to the <body>:

<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>

<script language="JavaScript"><!--

initToolTips(); //--></script>

*/

var ns4 = document.layers;

var ns6 = document.getElementById && !document.all;

var ie4 = document.all;

offsetX = 0;

offsetY = 20;

var toolTipSTYLE="";

function initToolTips() {

	if(ns4||ns6||ie4) {

  		if(ns4) toolTipSTYLE = document.toolTipLayer;
    	else if(ns6) toolTipSTYLE = document.getElementById("toolTipLayer").style;
    	else if(ie4) toolTipSTYLE = document.all.toolTipLayer.style;

    	if(ns4) document.captureEvents(Event.MOUSEMOVE);
    	else {
	    	toolTipSTYLE.visibility = "visible";
      		toolTipSTYLE.display = "none";
    	}

    	document.onmousemove = moveToMouseLoc;
	}
	
}

function toolTip(title, msg, fg, bg) {

	if(toolTip.arguments.length < 1) {
		// hide
    	if(ns4) toolTipSTYLE.visibility = "hidden";
    	else toolTipSTYLE.display = "none";
  	} else {
		// show
    	if(!fg) fg = "#777777";
    	if(!bg) bg = "#FFFFFF";
    	var content = '<table width="140" border="0" cellspacing="0" cellpadding="1" bgcolor="' + fg + '"><td>' +
					'<table width="140" border="0" cellspacing="0" cellpadding="1" bgcolor="' + bg + 
					'"><tr><td align="left"><font face="sans-serif" color="' + fg +'" size="-1"><strong>' + title +
					'</strong></font></td></tr><tr><td align="left"><font face="sans-serif" color="' + fg +
					'" size="-2">' + msg +
					'&nbsp\;</font></td></tr>' +	
					// ubacuje red i celiju za sliku
					// <tr><td align="center" valign="top"><img src="fstriker133x89.JPG" width="133" height="89" /></td></tr>	
					'</table></td></table>';
					
    	if(ns4) {
      		toolTipSTYLE.document.write(content);
      		toolTipSTYLE.document.close();
      		toolTipSTYLE.visibility = "visible";
    	}

    	if(ns6) {
      		document.getElementById("toolTipLayer").innerHTML = content;
      		toolTipSTYLE.display='block';
    	}

    	if(ie4) {
      		document.all("toolTipLayer").innerHTML=content;
      		toolTipSTYLE.display='block';
    	}
	}

}

function moveToMouseLoc(e) {

	if(ns4||ns6) {
    	x = e.pageX; //e.clientX;
    	y = e.pageY; //e.clientY;
	  	toolTipSTYLE.left = (x+ offsetX)+'px';
	  	toolTipSTYLE.top = (y+ offsetY)+'px';

  	} else {
    	x = event.x + document.documentElement.scrollLeft;
    	y = event.y + document.documentElement.scrollTop;
  	  	toolTipSTYLE.left = x+offsetX;
  		toolTipSTYLE.top = y+offsetY;
	};
  	return true;

}

