var posimg=new Array();
var leftactu = 0;
var topactu = 0;
var maxleft = -300;
var maxtop = -150;


function deplace(e) {
	var posx = 0;
	var posy = 0;
	
	if (!e) var e = window.event;
	
	var targ;
	if (!e) var e = window.event;
	if (e.target) targ = e.target;
	else if (e.srcElement) targ = e.srcElement;
	if (targ.nodeType == 3) // defeat Safari bug
		targ = targ.parentNode;
	
	
	targ = targ.id;
	
	
	
	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	{
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
	
	posx = 0 - (posx - posimg[targ][0]);
	posy = 0 - (posy - posimg[targ][1]);
	/*
	
	posx = parseInt(posx) + parseInt(leftactu);
	posy = parseInt(posy) + parseInt(topactu);
	

	if(posx < maxleft) { posx = maxleft; }
	if(posy < maxtop) { posy = maxtop; }
	
	
	alert(posx+","+posy);*/
	
	document.getElementById(targ).style.left = posx + "px";
	document.getElementById(targ).style.top = posy + "px";
	
}


var old = (window.onload) ? window.onload : function () {};
window.onload = function () {
	old();
	if (!document.getElementById) return;
	
	image1 = new Image();
	image1.src = "images/nano2_o.gif";
}

function setimgs(nb) {
	var id;
	for(var k=1; k <= nb; k++) {
		id = "limage"+k;
		document.getElementById(id).onmousemove = deplace;
		posimg[id] = findPos(document.getElementById(id));
	}
}

function findPos(obj) {
	var curtop = 0;
	var curleft = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

function getmarg(obj) {
	if(obj.style.left != "") {
		leftactu = obj.style.left.substring(0, obj.style.left.lastIndexOf('px'));
	}
		
	if(obj.style.top != "") {
		topactu = obj.style.top.substring(0, obj.style.top.lastIndexOf('px'));
	}
}