var ie = document.all ? true : false;
var ns = (document.getElementById && !document.all)? true : false;




function deplacement(x,y){
	var objetx=document.getElementById('x');
	var objety=document.getElementById('y');
	var maxx=document.getElementById('maxX').value/1;
	var maxy=document.getElementById('maxY').value/1;
	var objetcarte=document.getElementById('carte');
	
	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
	
	if(ie){
		deplaceboucle(x,y,posApx,posApy);
		//objetcarte.style.pixelLeft=posApx;
		//objetcarte.style.pixelTop=posApy;
	}
	else{
		//deplacebouclef(x,y,posApx,posApy);
		objetcarte.style.left=posApx+'px';
		objetcarte.style.top=posApy+'px';
	}
	document.getElementById('tstyle').value="left : "+posApx+";top : "+posApy;
	
}
function deplaceboucle(x,y,posApx,posApy){
	var delay = 15;
	var objetcarte=document.getElementById('carte');
	var maxx=document.getElementById('maxX').value/1;
	var maxy=document.getElementById('maxY').value/1;
	if(ie){
		var objetleft=objetcarte.style.pixelLeft;
		var objettop=objetcarte.style.pixelTop;
	}
	else{
		var objetleft=objetcarte.style.left;
		var objettop=objetcarte.style.top;
		alert(objetleft+" "+objettop);
	}
	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;
			}
		}
	}
	document.getElementById('tstyle').value="left : "+objetleft+";top : "+objettop;
}
function deplacex(val){
	var objetcarte=document.getElementById('carte');
	if(ie){
		objetcarte.style.pixelLeft=objetcarte.style.pixelLeft+val;
	}
	else{
		objetcarte.style.left=objetcarte.style.left+val;
	}
}
function deplacey(val){
	var objetcarte=document.getElementById('carte');
	if(ie){
		objetcarte.style.pixelTop=objetcarte.style.pixelTop+val;
	}
	else{
		objetcarte.style.top=objetcarte.style.top+val;
	}
}
function deplacebouclef(x,y,posApx,posApy){
	var delay = 15;
	var objetcarte=document.getElementById('carte');
	var maxx=document.getElementById('maxX').value/1;
	var maxy=document.getElementById('maxY').value/1;
	
	var styleleft=objetcarte.style.left;
	var styletop=objetcarte.style.top;
	
	var p1 = styleleft.indexOf("px");
	var p2 = styletop.indexOf("px");
	
	var objetleft=styleleft.substring(0,p1)/1;
	var objettop=styletop.substring(0,p2)/1;
	
	//alert(objetleft+" "+objettop);
	
	if(x>=0){
		if(objetleft > posApx){
			if(objetleft-10>=-maxx){
				setTimeout("deplacebouclef("+x+","+y+","+posApx+","+posApy+")", delay);
				deplacex(-10);
			}
			else{
				objetcarte.style.left=-maxx;
			}
		}
	}
	else{
		if(objetleft < posApx){
			if(objetleft+10<=0){
				setTimeout("deplacebouclef("+x+","+y+","+posApx+","+posApy+")", delay);
				deplacex(10);
			}
			else{
				objetcarte.style.left=0;
			}
		}
	}
	if(y>=0){
		if(objettop > posApy){
			if(objettop-10>=-maxy){
				setTimeout("deplacebouclef("+x+","+y+","+posApx+","+posApy+")", delay);
				deplacey(-10);
			}
			else{
				objetcarte.style.top=-maxy;
			}
		}
	}
	else{
		if(objettop < posApy){
			if(objettop+10<=0){
				setTimeout("deplacebouclef("+x+","+y+","+posApx+","+posApy+")", delay);
				deplacey(10);
			}
			else{
				objetcarte.style.top=0;
			}
		}
	}
	document.getElementById('tstyle').value="left : "+objetleft+";top : "+objettop;
}