//affichage et aggrendissment de l'image
function affiche(event,source) {	
	var nav = navigator.appName.toLowerCase();			
	var taille = document.height;
	var source='<img src="./images/'+source+'" style="border:1px solid #002C53;" width="400"/>';
	var object = document.getElementById("deplacement");
	object.innerHTML = source;

	
	//test de navigateur;
	if( nav == "microsoft internet explorer") {
		//gestion des coordonées des images pour ie
		var x2 = event.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		var y2 = event.clientY + document.body.scrollTop	+ document.documentElement.scrollTop;
		object.style.marginTop = (y2 -550) + "px";
		object.style.marginLeft = -600+'px';
		//object.style.marginLeft = (x2 -50)+"px";
	} else if( nav == "netscape") 
		{
				var x = event.layerX;
				var y = event.layerY;
		
					//gestion des coordonnées des images pour les autres navigateurs
					if((100<x) && (x<600)) {
						//object.style.left = (x+15)+'px'; 
						object.style.top = (y-75) +'px';
					} else if((100<x) && (x<600) && (700 < y)) {
						//object.style.left = (x+15) +'px' ;
						object.style.top = (y-100) +'px' ;
					} else if((600<x) && (x<800) && (650 > y)) {
						//object.style.left = (x-250)+'px' ;
						object.style.top = (y+30)+'px' ;
					} else if((600<x) && (x<800) && (650< y)) {
						//object.style.left = (x-250)+'px' ;
						object.style.top = (y-350) +'px';
					} else {
						//object.style.left = (x-650)+'px' ;
						object.style.top = (y-75) +'px';
					}
			object.style.marginLeft = -430+'px';
		}else
			{
				object.style.marginLeft = -430+'px';
			}
	
	//object.style.top = (y+10)+'px';

	//object.style.marginTop=(y-700)+'px';
	//object.style.marginLeft=(x-700)+'px';
	object.style.position = "absolute";
	object.style.textAlign = "right";
	  
}

function enleve(event) {
	var object = document.getElementById("deplacement");
	object.innerHTML = "";
}