var offsetx = -5;
var offsety =  -2;
var dialogWidth = 600;
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);
var locked = false;

// Get the users mouse position and reset tooltip
// based on this position.
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 tip = document.getElementById('tooltip');
        tip.style.left = (mousex+pagex+offsetx) + 'px';
        tip.style.top = (mousey+pagey+offsety) + 'px';

    }
}    
    
// show tooltip on mouseover           
function displayTooltip(elem, num)
{
	var imageTooltip = document.getElementById('imageTooltip');
	imageTooltip.style.display = "none";
    var tip = document.getElementById('tooltip');
    if(locked == false)
    {
        locked = true;
        document.body.style.cursor = "pointer";
        tip.innerHTML = HINTS_ITEMS[num];
        tip.style.display = "inline";
    	document.onmousemove = getMousePosition;    	
 		if(tip.style.left == 0 && tip.style.top == 0) {
 	    	tempX = event.clientX + document.body.scrollLeft;
	    	tempY = event.clientY + document.body.scrollTop;
    		tip.style.left = tempX + 'px';
    		tip.style.top = tempY + 'px';
    	}                    
    }
}

//hide the tooltip when you move the mouse away
function hideTooltip()
{
    var tip = document.getElementById('tooltip');
    tip.style.display = "none";
    locked = false;
    document.body.style.cursor = "default";
}

function detachTooltip()
{
    //if image is showing
    if(locked)
    {
        var tip = document.getElementById('tooltip');
        tip.style.display = "inline";
        document.onmousemove="";
        locked = false;
        document.body.style.cursor = "default";
    }
}

var imageTooltips = ["Close Image", "Click here to see a larger version of this image"];

function displayImageTooltip(num, thumbnail)
{
	if (!locked)
	{
		var tip = document.getElementById('imageTooltip');
		var tooltip = document.getElementById('tooltip');
		document.body.style.cursor = "pointer";
		tip.innerHTML = imageTooltips[num];
		if(!thumbnail)
		{
			var left = Number(tooltip.style.left.split("px")[0]);
			var top = Number(tooltip.style.top.split("px")[0]);
			left += dialogWidth + 20;
			top += 50;
			tip.style.left = left + "px";
			tip.style.top = top + "px";
		}
		  else
			{
				if (!ie5)  
				{
					var elem = document.getElementById('thumbnails');
					yPos = elem.offsetTop;
					tempEl = elem.offsetParent;
					while (tempEl != null) {
						yPos += tempEl.offsetTop;
						tempEl = tempEl.offsetParent;
					}
					tip.style.left = 40 + "px";
					tip.style.top = yPos + 120 + "px";
				}
				else 
				{
					getImageMousePosition;    	
					if(tip.style.left == 0 && tip.style.top == 0) 
					{
						tempX = event.clientX + document.body.scrollLeft;
						tempY = event.clientY + document.body.scrollTop;
						tip.style.left = tempX + 'px';
						tip.style.top = tempY + 'px';
					}   
				}
			}		
		tip.style.display = "inline";                      
		
		
	}
}

function hideImageTooltip()
{

    document.body.style.cursor = "default";
    var imageTip = document.getElementById('imageTooltip');
    imageTip.style.display = "none";   
}


function getImageMousePosition(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 tip = document.getElementById('imageTooltip');
        tip.style.left = (mousex+pagex+offsetx) + 'px';
        tip.style.top = (mousey+pagey+offsety) + 'px';

    }
}