function showtooltip(event)
{
	if (document.getElementById)
	{
		var e = getEvent(event);
		var src = getSrc(e);
		if (src.divid)
		{
			var now = new Date();
			var o = document.getElementById(src.divid);
			if (src.link)
			{
				o.innerHTML = "<table width='352px'><tr><img height=288 width=352 src='http://webcam.trafikken.dk/webcam/"+src.link+"?"+now.getTime()+"'></tr>";
				o.innerHTML += "<tr><div align='center' style='width:352'>"+src.text+"</div></tr></table>";
			}
			else
			{
				o.innerHTML = src.text;
			}
			var width = 750;
			var height = 600;
			var s = o.style;
			var v = s.visibility;
			if (o.offsetWidth) ow = o.offsetWidth; 
			else if (o.clip.width) ow = o.clip.width;
			if (o.offsetHeight) oh = o.offsetHeight; 
			else if (o.clip.height) oh = o.clip.height;
			var x = getX(e) + 20;
			if ((x+ow)>width) x = getX(e)-ow-40;
			var y = getY(e) - 28 - (oh/2);
			if ((y+(oh+20))>height) y = getY(e)-(oh+48);
			if (x<0)
			{
				x=0;
//				x = getX(e) - (ow/2);
				if (getY(e)>328)
				{
					y = getY(e) - 28 - (oh+20);
				}
				else
				{
					y = getY(e) + 20;
				}
			}
			if (y < 2) y = 2;
/*			if ((getX(e)>x && getX(e)<x+ow) && (getY(e)>y && getY(e)<y+oh))
			{
				x = getX(e)+10;
				y = getY(e)+10;
			}*/
			y += "px";
			x += "px";
			s.left = x;
			s.top = y;
			s.zIndex = 99;
			s.visibility = "visible";
		}
	}
}
function hidetooltip(event)
{
	if (document.getElementById)
	{
		var e = getEvent(event);
		var src = getSrc(e);
		if (src.divid)
		{
			var o = document.getElementById(src.divid);
			o.style.visibility = "hidden";
		}
	}
}

function getSrc(e)
{
	if (e.srcElement)
	{
		return e.srcElement;
	}
	else
	{
		return e.target;
	}
}


function getEvent(e)
{
	if (window.event)
	{
		return window.event;
	}
	else
	{
		return e;
	}
}

function getWidth()
{
	return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
}

function getHeight()
{
	return window.innerHight || document.documentElement.clientHeight || document.body.clientHeight;
} 

function getX(e)
{
	return e.clientX ? e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) : e.pageX;
} 

function getY(e)
{
	return e.clientY ? e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) : e.pageY;
}
  