// version 2.2.1 avril 2010
// Auteur PMPSI.fr
// www.pmpsi.fr
// contact@pmpsi.fr

//window.lastX=event.clientX; 
//window.lastY=event.clientY;

	var inAnime = false; // true vaux dezoom et vis versa
	var centi=0
	var decompte = 20
	var mode = false;
	
	document.writeln('<div id="ImgZoomCadre"><img  src="" alt="" width="10" id="imagevoir" class="apercu"  onclick="ActionImgZoom();"/></div>');	

// gestion des navigateurs (IE, MOZ, NS)
nav = navigator.appName;
ie = document.all;
ns = document.layers;
fi = document.getElementById && !document.all;

document.onmousemove=getMouseXY;

var _x;
var _y;

function getMouseXY(e)
{
	if(ie){
    	_x = event.clientX;
		_y = event.clientY;
	}else{
		_x = e.pageX+ 'px';
		_y = e.pageY+ 'px';
	} 
}

function ActionImgZoom(url){
	
	if(mode == false){
	document.onmousemove=getMouseXY;
	document.getElementById('ImgZoomCadre').style.left = _x;
	document.getElementById('ImgZoomCadre').style.top = _y;
	}

	if(inAnime) return false; 
    else inAnime = true;

	if(mode == false){

	document.getElementById('ImgZoomCadre').style.height= 0 + 'px';
	document.getElementById('ImgZoomCadre').style.width = 0 + 'px';
	document.getElementById('ImgZoomCadre').style.visibility='visible';
	document.getElementById('imagevoir').src = url;
	relaiZoom();
	
	}else{
		
	clearTimeout(compteZoom);
	relaiDeZoom();
	
	}	
	
}

function relaiZoom(){
	centi++;
	var h = parseInt (document.getElementById('ImgZoomCadre').style.height);
	var w = parseInt (document.getElementById('ImgZoomCadre').style.width);
	var new_h = h + 20*2; 
	var new_w = w + 20; 

	document.getElementById('ImgZoomCadre').style.height = new_h + 'px';
	document.getElementById('ImgZoomCadre').style.width = new_w + 'px';
	
	document.getElementById('ImgZoomCadre').style.filter = "alpha(opacity:"+centi*5+")";
    document.getElementById('ImgZoomCadre').style.KHTMLOpacity = centi*5/100;
    document.getElementById('ImgZoomCadre').style.MozOpacity = centi*5/100;
    document.getElementById('ImgZoomCadre').style.opacity = centi*5/100;



	if (centi>20){
	clearTimeout(compteZoom);
	centi=0;
	inAnime = false;
	mode = true; 
	}else{
	compteZoom = setTimeout('relaiZoom()',10);
	}
}

function relaiDeZoom(){

	centi++;
	decompte = decompte - centi ;
	var h = parseInt (document.getElementById('ImgZoomCadre').style.height);
	var w = parseInt (document.getElementById('ImgZoomCadre').style.width);
	var new_h = h - 20; 
	var new_w = w - 20; 
	document.getElementById('ImgZoomCadre').style.height = new_h + 'px';
	document.getElementById('ImgZoomCadre').style.width = new_w + 'px';
	
	document.getElementById('ImgZoomCadre').style.filter = "alpha(opacity:"+decompte*5+")";
    document.getElementById('ImgZoomCadre').style.KHTMLOpacity = decompte*5/100;
    document.getElementById('ImgZoomCadre').style.MozOpacity = decompte*5/100;
    document.getElementById('ImgZoomCadre').style.opacity = decompte*5/100;

	if (centi>20){
	clearTimeout(compteDeZoom);
	centi=0;
	inAnime = false;
	mode = false; 
	decompte = 20 // opacity par default
	document.getElementById('ImgZoomCadre').style.visibility='hidden';
	}else{
	compteDeZoom = setTimeout('relaiDeZoom()',10);
	}
}