function GetE( elementId ){
	return document.getElementById( elementId )  ;
}
var ie = document.all ? true : false;
var ns = (GetE && !document.all)? true : false;

var idCarte="";

var mousex=0;
var mousey=0;

var objetx=Object;
var objety=Object;
var objetleft=0;
var objettop=0;
var maxx=Object;
var maxy=Object;
var objetcarte=Object;
var objetcarteimg=Object;

var delay = 15;

function deplacement(x,y,idCart){
	if(idCart!=undefined)
		idCarte=idCart;
	
	objetx=GetE('x'+idCarte);
	objety=GetE('y'+idCarte);
	maxx=GetE('maxX'+idCarte).value/1;
	maxy=GetE('maxY'+idCarte).value/1;
	objetcarte=GetE('carte'+idCarte);
	objetcarteimg=GetE('carteImg'+idCarte);
	
	objetx.value=(objetx.value/1)+x;
	objety.value=(objety.value/1)+y;
	
	if(objetx.value<=0)
		objetx.value=0;
	if(objetx.value>=maxx)
		objetx.value=maxx;
	if(objety.value<=0)
		objety.value=0;
	if(objety.value>=maxy)
		objety.value=maxy;
	
	var posApx=-objetx.value;
	var posApy=-objety.value
	
	deplaceboucle(x,y,posApx,posApy);
	//objetcarte.style.left=posApx+'px';
	//objetcarte.style.top=posApy+'px';
}
function deplaceboucle(x,y,posApx,posApy){
	
	objetleft=objetcarte.style.left.substring(0,objetcarte.style.left.indexOf("px"))/1;
	objettop=objetcarte.style.top.substring(0,objetcarte.style.top.indexOf("px"))/1;
	
	if(x>=0){
		if(objetleft > posApx){
			if(objetleft-10>=-maxx){
				setTimeout("deplaceboucle("+x+","+y+","+posApx+","+posApy+")", delay);
				deplacex(-10);
			}
			else{
				objetcarte.style.pixelLeft=-maxx;
			}
		}
	}
	else{
		if(objetleft < posApx){
			if(objetleft+10<=0){
				setTimeout("deplaceboucle("+x+","+y+","+posApx+","+posApy+")", delay);
				deplacex(10);
			}
			else{
				objetcarte.style.pixelLeft=0;
			}
		}
	}
	if(y>=0){
		if(objettop > posApy){
			if(objettop-10>=-maxy){
				setTimeout("deplaceboucle("+x+","+y+","+posApx+","+posApy+")", delay);
				deplacey(-10);
			}
			else{
				objetcarte.style.pixelTop=-maxy;
			}
		}
	}
	else{
		if(objettop < posApy){
			if(objettop+10<=0){
				setTimeout("deplaceboucle("+x+","+y+","+posApx+","+posApy+")", delay);
				deplacey(10);
			}
			else{
				objetcarte.style.pixelTop=0;
			}
		}
	}
}
function deplacex(val){
	objetcarte.style.left=objetleft+val+"px";
}
function deplacey(val){
	objetcarte.style.top=objettop+val+"px";
}

function carteInfo(texte,idCart){
	if(idCart!=undefined)
		idCarte=idCart;
	ci=GetE('carteInfo'+idCarte);
	if(ci.style.display!='block' || ci.innerHTML != texte){
		ci.innerHTML = texte;
		ci.style.display='block';
		ci.style.top=mousey+14+'px';
		ci.style.left=mousex-140+'px';
		//alert(mousey);
		if(ie){
			ci.attachEvent("onclick", carteInfoOff);
		}
		else{
			ci.addEventListener('click', carteInfoOff, false) ;
		}
	}
}
function carteInfoOff(evenement){
	if(ci=GetE('carteInfo'+idCarte)){
		ci.style.display='none';
		ci.innerHTML = '';
		if(ie){
			ci.detachEvent("onclick", carteInfoOff);
		}
		else{
			ci.removeEventListener('click', carteInfoOff, false) ;
		}
	}
}
function getXY(evenement){
	mousex=evenement.clientX +ietruebody().scrollLeft;
	mousey=evenement.clientY +ietruebody().scrollTop;
	//GetE('mousexy').innerHTML = mousex + " / " + mousey;
}
function ietruebody(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
if(ie){
	document.attachEvent("onmousemove", getXY);
}
else{
	document.addEventListener('mousemove', getXY, false) ;
}