var isMSIE = /*@cc_on!@*/false;
if (isMSIE) var classStr = "className";
else var classStr = "class";
var divSnap;
var snapOk = false;
var workImg;

function str_replace(haystack, needle, replacement)
{
    var temp = haystack.split(needle);
    return temp.join(replacement);
}

function getMouseXY(e) 
{
	if (isMSIE) 
	{
		var tempX = event.clientX + document.body.scrollLeft
		var tempY = event.clientY + document.body.scrollTop
	} else {
		var tempX = e.pageX
		var tempY = e.pageY
	}  
	
	if (tempX < 0) tempX = 0;
	if (tempY < 0) tempY = 0;
	mouseX = tempX;
	mouseY = tempY;
	
	if (snapOk)
	{
		divSnap.style.top = (mouseY + 8) + "px";
		divSnap.style.left = (mouseX + 8) + "px";
	}
	return true
}

function hideSnap(obj)
{
	divSnap.style.display = "none";
}

function loadImg(obj)
{
	var link = obj.getAttribute("href").substr(7);
	link = str_replace(link,".","_");
	link = str_replace(link,"/","");
	workImg.src = "./Snaps/" + link + ".png";
}

function showSnap(obj)
{
	divSnap.style.display = "";
	snapOk = true;
}

function initLiens()
{
	var tab = document.getElementById("tableauPrincipal");
	var listLiens = tab.getElementsByTagName("a");
	var body = document.getElementsByTagName("body");
	divSnap = document.createElement("div");
	divSnap.style.position = "absolute";
	divSnap.style.display = "none";
	divSnap.style.zIndex = "1200";
	divSnap.style.border = "1px solid black";
	
	body[0].appendChild(divSnap);
	workImg = document.createElement("img");
	divSnap.appendChild(workImg);
	
	if (isMSIE)
	{
		workImg.onload = function() { showSnap(this); }
	} else {
		workImg.setAttribute("onLoad","showSnap(this);");
	}
	
	for (var i = 0;li = listLiens[i];i++)
	{
		if (li.getAttribute(classStr) == "lienExterne")
		{
			if (isMSIE)
			{
				li.onmouseover = function() { loadImg(this); }
				li.onmouseout = function() { hideSnap(this); }
			} else {
				li.setAttribute("onMouseOver","loadImg(this);");
				li.setAttribute("onMouseOut","hideSnap(this);");
			}
		}
	}
}

document.onmousemove = getMouseXY;