// Customized tooltip with javascript
// 1) include span.tip in css (base.css)
// 2) include the script to <header/>
//    <SCRIPT language=Javascript src="/scripts/special.js" type=text/javascript></SCRIPT> 
// 3) include the following in calling page:
//    <span class="tip" onmouseover="tooltip('tooltip message');" onmouseout="exit();">test tooltip</span>

// position of the tooltip relative to the mouse in pixel //
var offsetx = 12;
var offsety =  8;

function newelement(newid)
{ 
    if(document.createElement)
    { 
        var el = document.createElement('div'); 
        el.id = newid;     
        with(el.style)
        { 
            display = 'none';
            position = 'absolute';
        } 
        el.innerHTML = '&nbsp;'; 
        document.body.appendChild(el); 
    } 
} 
var ie5 = (document.getElementById && document.all); 
var ns6 = (document.getElementById && !document.all); 
var ua = navigator.userAgent.toLowerCase();
var isapple = (ua.indexOf('applewebkit') != -1 ? 1 : 0);

function getmouseposition(e)
{
    if(document.getElementById)
    {
        var iebody=(document.compatMode && 
        	document.compatMode != 'BackCompat') ? 
        		document.documentElement : document.body;
        pagex = (isapple == 1 ? 0:(ie5)?iebody.scrollLeft:window.pageXOffset);
        pagey = (isapple == 1 ? 0:(ie5)?iebody.scrollTop:window.pageYOffset);
        mousex = (ie5)?event.x:(ns6)?clientX = e.clientX:false;
        mousey = (ie5)?event.y:(ns6)?clientY = e.clientY:false;

        var lixlpixel_tooltip = document.getElementById('tooltip');
        lixlpixel_tooltip.style.left = (mousex+pagex+offsetx) + 'px';
        lixlpixel_tooltip.style.top = (mousey+pagey+offsety) + 'px';
    }
}

function tooltip(tip)
{
    if(!document.getElementById('tooltip')) newelement('tooltip');
    var lixlpixel_tooltip = document.getElementById('tooltip');
    lixlpixel_tooltip.innerHTML = tip;
    lixlpixel_tooltip.style.display = 'block';
    document.onmousemove = getmouseposition;
}

function exit()
{
    document.getElementById('tooltip').style.display = 'none';
}

// End of Customized tooltip with javascript

// Customized blinking effect
// make the text inside a tag blink - called by page onload event
// get effect of blink by altering color
function EnableBlink(tagId, color1, color2)
{
   var blinkingElement = document.getElementById(tagId);
   if (blinkingElement!="undefined") {
        if(blinkingElement.style.color == color1)
        {
           blinkingElement.style.color = color2;
        }       
        else
        {
           blinkingElement.style.color = color1;
        }
	}
   setTimeout('EnableBlink("' + tagId + '","' + color1 + '","' + color2 + '")', 1000);
}
// End of Customized blinking effect using javascript