//affichage et aggrendissment de l'image
function affiche(event,source) {	
	var nav = navigator.appName.toLowerCase();			
	var taille = document.height;
	var source = '<img src="./gestion/files/modeles/grand/'+source+'"/>';
	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 -700) + "px";
		object.style.marginLeft = (x2 -750)+"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.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 = "";
}