﻿// JavaScript Document
/****************DrapDropZoom*********************/

var imgWidthZ=0;
var imgHeightZ=0;
var screenWidthZ=0;
var screenHeightZ=0;
var imgLeftZ=0;
var imgTopZ=0;
var to;
var X=200;
var Y=0;
var img="";

function initCursor(){
	/*if(document.getElementById('divImageZoom'+img).offsetWidth > document.getElementById('divZoom').offsetWidth || document.getElementById('divImageZoom'+img).offsetHeight > document.getElementById('divZoom').offsetHeight)
		document.getElementById('divImageZoom'+img).style.cursor='move';
	else
		document.getElementById('divImageZoom'+img).style.cursor='url("zcomp/img/zoomout.cur"), pointer';*/
	
	/*calcul position de 'infoImage'*/
	/*if(document.getElementById('divImageZoom'+img).offsetHeight < document.getElementById('divphotoZoom').offsetHeight){
		document.getElementById('infoImageZoom'+img).style.bottom=document.getElementById('divphotoZoom').offsetHeight-document.getElementById('divImageZoom'+img).offsetHeight+"px";
	}else{
		document.getElementById('infoImageZoom'+img).style.bottom=0;
	}*/
}

N = (document.all) ? 0 : 1;

function initZoom(image){
	img=image;
	document.getElementById('divImageZoom'+img).onmousedown = MDz;
	document.getElementById('divImageZoom'+img).onmouseup = MUz;	
	document.getElementById('divImageZoom'+img).onmousemove = MMvz;
	
	document.getElementById('divSuivant'+img).onmousedown = MDnavig;
	document.getElementById('divPrecedent'+img).onmousedown = MDnavig;
	document.getElementById('divSuivant'+img).onmousemove = MMnavig;
	document.getElementById('divPrecedent'+img).onmousemove = MMnavig;

	if(document.addEventListener){ 
		
		document.getElementById('divImageZoom'+img).addEventListener("mousedown", MDz, true);			
		document.getElementById('divImageZoom'+img).addEventListener("mouseup", MUz, true);		
		document.getElementById('divImageZoom'+img).addEventListener("mousemove", MMvz, true);
		
		document.getElementById('divSuivant'+img).addEventListener("mousedown", MDnavig, true);
		document.getElementById('divPrecedent'+img).addEventListener("mousedown", MDnavig, true);
		document.getElementById('divSuivant'+img).addEventListener("mousemove", MMnavig, true);
		document.getElementById('divPrecedent'+img).addEventListener("mousemove", MMnavig, true);
		
	}	
}

var actif = "";

function stopTimeout(){
	window.clearTimeout(actif);
}

var downX;
var downY;

function MDnavig(e){	
	if (N){
        downX=e.pageX;
        downY=e.pageY;
    }else{
        downX=event.clientX;
        downY=event.clientY;
	}
}


function shownavig(navig){
if(!isOS){
	document.getElementById("navig").style.display = "block";
	document.getElementById("navig").innerHTML =  navig;
}
}
function hidenavig(navig){
if(!isOS){	
	document.getElementById("navig").style.display = "none";
	document.getElementById("navig").innerHTML =  "";/**/
}
}
function MMnavig(e){

	if (N) {
        myX=e.pageX;
        myY=e.pageY;		 
    }
    else {
         myX=event.clientX;
         myY=event.clientY;
	}

	document.getElementById("navig").style.marginTop = myY+10+"px";
	document.getElementById("navig").style.marginLeft = myX+10+"px";
	
	
	if(document.getElementById('infoImageZoom'+img).style.display=='block'){
		stopTimeout();
		document.getElementById('infoImageZoom'+img).style.display='block';
	}else
		document.getElementById('infoImageZoom'+img).style.display='block';				
	actif = window.setTimeout("document.getElementById('infoImageZoom"+img+"').style.display='none'",2500);

}

function MMvz(){
	
	/*if(document.getElementById('infoImageZoom'+img).style.display=='block'){
		stopTimeout();
		document.getElementById('infoImageZoom'+img).style.display='block';
	}else
		document.getElementById('infoImageZoom'+img).style.display='block';				
	actif = window.setTimeout("document.getElementById('infoImageZoom"+img+"').style.display='none'",2500);*/
	
}

function MDz(e){

	if(document.getElementById('infoImageZoom'+img).style.display=='block'){
		stopTimeout();
		document.getElementById('infoImageZoom'+img).style.display='block';
	}else
		document.getElementById('infoImageZoom'+img).style.display='block';				
	actif = window.setTimeout("document.getElementById('infoImageZoom"+img+"').style.display='none'",2500);
		
  	if (N) 
	{
        X=e.pageX;
        Y=e.pageY;
        imgLeftZ=parseInt(document.getElementById('divImageZoom'+img).style.left);
        imgTopZ=parseInt(document.getElementById('divImageZoom'+img).style.top);
		 
    }
    else 
	{
         X=event.clientX;
         Y=event.clientY;
		 imgLeftZ=document.getElementById('divImageZoom'+img).style.pixelLeft;
		 imgTopZ=document.getElementById('divImageZoom'+img).style.pixelTop;
    }
document.getElementById('divImageZoom'+img).onmousemove = MMz;

return false;
}
 

function MMz(e) {

	if (document.getElementById('divImageZoom'+img).style){
	
	imgWidthZ=document.getElementById('image'+img).offsetWidth;
	imgHeightZ=document.getElementById('image'+img).offsetHeight;
	
		if (N){
			var deplacementX=e.pageX-X;			
		}
		else{			
			var deplacementX=event.clientX-X;			
		}
			if (deplacementX + imgLeftZ< 0)
			{
				if ((deplacementX + imgLeftZ + imgWidthZ) >= screenWidthZ) 
				{
					if (N){ 
						if(document.getElementById('image'+img).offsetWidth + imgLeftZ + deplacementX >=document.getElementById('divphotoZoom').offsetWidth)
						document.getElementById('divImageZoom'+img).style.left = deplacementX + imgLeftZ+"px";				
					}
					else {
						if(document.getElementById('image'+img).offsetWidth + imgLeftZ + deplacementX >=document.getElementById('divphotoZoom').offsetWidth)
							document.getElementById('divImageZoom'+img).style.pixelLeft = deplacementX + imgLeftZ;
					}
				}
				else
				{
					if (N) document.getElementById('divImageZoom'+img).style.left =  (screenWidthZ-imgWidthZ>0)?(0):(screenWidthZ-imgWidthZ);
					else document.getElementById('divImageZoom'+img).style.pixelLeft =  (screenWidthZ-imgWidthZ>0)?(0):(screenWidthZ-imgWidthZ);
				}
			}		
	
		if (N){
			var deplacementY=e.pageY-Y;
		}
		else {
			var deplacementY=event.clientY-Y;
		}
			if (deplacementY + imgTopZ < 0)
			{
				if ((deplacementY + imgTopZ + imgHeightZ) >= screenHeightZ) 
				{
					if (N){
						if(document.getElementById('image'+img).offsetHeight + imgTopZ + deplacementY >=document.getElementById('divphotoZoom').offsetHeight)
							document.getElementById('divImageZoom'+img).style.top = deplacementY + imgTopZ+"px";
					}
					else {
						if(document.getElementById('image'+img).offsetHeight + imgTopZ + deplacementY >=document.getElementById('divphotoZoom').offsetHeight)
							document.getElementById('divImageZoom'+img).style.pixelTop = deplacementY + imgTopZ;
						}
				}
				else
				{
					if (N) document.getElementById('divImageZoom'+img).style.top =  (screenHeightZ-imgHeightZ>0)?(0):(screenHeightZ-imgHeightZ);
					else document.getElementById('divImageZoom'+img).style.pixelTop = (screenHeightZ-imgHeightZ>0)?(0):(screenHeightZ-imgHeightZ);
				}
			}	
		return false;
	}

	
}

function MUz(e) {
	
	document.getElementById('divImageZoom'+img).onmousemove = null;
	
	if(document.removeEventListener){ 
		document.getElementById('divImageZoom'+img).removeEventListener("mousemove", MMz, true);
	}
	
	document.getElementById('divImageZoom'+img).onmousemove = MMvz;
	
	if(document.addEventListener){		
		document.getElementById('divImageZoom'+img).addEventListener("mousemove", MMvz, true);
	}
	return false;
	
}

function initCoordZoom(){
	if(img!=""){
		e=img;		
		document.getElementById('divImageZoom'+e).style.left=0;
		document.getElementById('divImageZoom'+e).style.top=0;	
	}
}

function initImage(n) {
	imageIdOld = 'image'+img;
	imageIdNew = 'image'+n;
	imageNew = document.getElementById(imageIdNew);
	imageOld = document.getElementById(imageIdOld);
	imageNew.style.display = "block";
	imageNew.style.visibility = "visible";
	setOpacity(imageNew, 0);
	fadeIn(imageIdNew,0);
	fadeOut(imageIdOld,100);
	next=n+1;
	if(next < tImgZoom.length && !document.getElementById('image'+next).src)
		document.getElementById('image'+next).src=tImgZoom[next];
}


function initImageSuivante(e) {	

	hidenavig('Suivant');
	
	m_myImg=e+1;
	calcImage();

	imageIdOld = 'image'+e;
	n=e+1;	
	imageIdNew = 'image'+n;
	imageNew = document.getElementById(imageIdNew);
	imageOld = document.getElementById(imageIdOld);
	imageNew.style.visibility = "visible";
	setOpacity(imageNew, 0);
	fadeIn(imageIdNew,0);
	fadeOut(imageIdOld,100);
	next=n+1;
	if(next < tImgZoom.length && !document.getElementById('image'+next).src)
		document.getElementById('image'+next).src=tImgZoom[next];/**/	


}


function initImagePrecedente(e) {	

	hidenavig('Précédent');

	m_myImg=e-1;
	calcImage();

	imageIdOld = 'image'+e;
	n=e-1;	
	imageIdNew = 'image'+n;
	imageNew = document.getElementById(imageIdNew);
	imageOld = document.getElementById(imageIdOld);	
	imageNew.style.visibility = "visible";
	setOpacity(imageNew,0);
	fadeIn(imageIdNew,0);
	fadeOut(imageIdOld,100);	
	last=n-1;
	if(last > 1 && !document.getElementById('image'+last).src)
		document.getElementById('image'+last).src=tImgZoom[last];
		
}

var ie="";
function fadeIn(objId,opacity) {
	ie=getVersionIE();
	obj = document.getElementById(objId);
	if(N){
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")",10);
		}
	}else{						
		if(ie==6 || ie==9){
			if (opacity <= 100) {
				setOpacity(obj, opacity);
				opacity += 10;
				window.setTimeout("fadeIn('"+objId+"',"+opacity+")",10);
			}
		}else{
			obj.style.filter="blendTrans(duration=0.5)";
			
			if ((obj.visibility != "visible") && (obj.filters.blendTrans.status != 0.5)) {
				obj.filters.blendTrans.Apply();
				obj.style.visibility="visible";
				obj.filters.blendTrans.play();
			}
		}
	}
	/*ZoomIn(objId);*/	
}
function fadeOut(objId,opacity) {
	
	obj = document.getElementById(objId);
	if(N){
		if (opacity >= 0) {
			setOpacity(obj, opacity);
			opacity -= 10;
			window.setTimeout("fadeOut('"+objId+"',"+opacity+")",10);
		}
	}else{
		if(ie==6 || ie==9){
			if (opacity >= 0) {
				setOpacity(obj, opacity);
				opacity -= 10;
				window.setTimeout("fadeOut('"+objId+"',"+opacity+")",10);
			}
		}else{
			obj.style.filter="blendTrans(duration=0.5)";
			
			if ((obj.visibility != "hidden") && (obj.filters.blendTrans.status != 0.5)) {
				obj.filters.blendTrans.Apply();
				obj.style.visibility="hidden";
				obj.filters.blendTrans.play();
			}
		}
	}
	/*ZoomOut(objId);*/
}
function setOpacity(obj, opacity) {

	opacity = (opacity == 100)?99.999:opacity;
	if(ie==6 || ie==9)
		obj.style.filter = "alpha(opacity:"+opacity+")";

	obj.style.KHTMLOpacity = opacity/100;

	obj.style.MozOpacity = opacity/100;

	obj.style.opacity = opacity/100;
}

var m_myImg='';


function calcImage(){
	
	if(m_myImg != ''){
		
		var widthIni = document.getElementById('img'+m_myImg).offsetWidth-3;//padding-right:3px
		
		var widImg = widthIni*10;
		var heiImg = 720;
	
		var heightContent=document.getElementById('AgasysContent').offsetHeight;
		var widthContent=document.getElementById('AgasysContent').offsetWidth;

		
		if((heightContent <= heiImg) || (widthContent <= widImg)){
			
			var perWidth=widthContent/widImg;
			var perHeight=heightContent/heiImg;
			var per="";
		
			if(perHeight>=perWidth){				
				per=perWidth;
			}else{				
				per=perHeight;
			}
			var widthImage=widImg*per;
			
			if(widthImage >= 900 ){
				widthImage=900;
				per=widthImage/widImg;
			}
		}else{
			if(widImg >= 900 ){
				widthImage=900;
				per=widthImage/widImg;
			}else
				per=1;

		}	

		document.getElementById('image'+m_myImg).style.width=widImg*per-20+"px";/*20:margin-left+margin-right*/
		document.getElementById('image'+m_myImg).style.height=heiImg*per-20+"px";/*20:margin-top+margin-bottom*/
		
		document.getElementById('divphotoZoom').style.left = (widthContent - widImg*per)/2+10+"px";
		document.getElementById('divphotoZoom').style.top = (heightContent - heiImg*per)/2+95+10+"px";
		document.getElementById('divSuivant'+m_myImg).style.width=widImg*per/2+"px";
		document.getElementById('divPrecedent'+m_myImg).style.width=widImg*per/2+"px";
	}
}

function imgZoomInVignette(e){

	m_myImg=e;
	calcImage();
	
	if(document.getElementById('divZoom').style.display=='block'){
		if(e!=img){
			initImage(e);ZoomOut(img);ZoomIn(e);
		}
	}else{
		document.getElementById('divZoom').style.display='block';
		document.getElementById('image'+e).src = tImgZoom[e];
		imgZoom(e);		
	}/**/
}

function imgZoom(e){
	document.getElementById('divImage'+e).style.display='none';
	document.getElementById('divphoto').style.height=0;

	document.getElementById('divphotoZoom').style.display='block';
	document.getElementById('divImageZoom'+e).style.display='block';
	document.getElementById('image'+e).style.display='block';
	
	next=e+1;	
	if(next < tImgZoom.length)
		document.getElementById('image'+next).src=tImgZoom[next];	
	last=e-1;
	if(last > 1)
		document.getElementById('image'+last).src=tImgZoom[last]


	document.getElementById('infoImageZoom'+e).style.display='block';
	
	actif=window.setTimeout("document.getElementById('infoImageZoom"+e+"').style.display='none'",2500);

	document.getElementById('menuImgZoom'+e).style.display='block';
	
	if(document.getElementById('lienPdfZoom'+e)){
		document.getElementById('lienPdfZoom'+e).style.display='block';
	}
	
	document.getElementById('divSuivant'+e).style.display='block';
	document.getElementById('divPrecedent'+e).style.display='block';
	
	document.getElementById('zoomin').style.display='none';
	document.getElementById('zoomout').style.display='none';
	
	if(document.getElementById('lienPdf')){
		document.getElementById('lienPdf').style.display='none';
	}
	
	setOpacity(document.getElementById('image'+e), 100);
	document.getElementById('image'+e).style.visibility='visible';
	

	initZoom(e);	
}

/*function imgZoomOutVignette(e){*/
function imgZoomOutVignette(){
e=m_myImg;
	if(document.getElementById('infoImageZoom'+e))	
		document.getElementById('infoImageZoom'+e).style.display='none';
	if(document.getElementById('divImageZoom'+e))
		document.getElementById('divImageZoom'+e).style.display='none';	
	if(document.getElementById('menuImgZoom'+e))
		document.getElementById('menuImgZoom'+e).style.display='none';	
	if(document.getElementById('image'+e))
		document.getElementById('image'+e).style.opacity=0;
	if(document.getElementById('image'+e))
		document.getElementById('image'+e).style.visibility='hidden';
	if(document.getElementById('image'+e))
		document.getElementById('image'+e).style.display='none';
	if(document.getElementById('divSuivant'+e))
		document.getElementById('divSuivant'+e).style.display='none';
	if(document.getElementById('divPrecedent'+e))
		document.getElementById('divPrecedent'+e).style.display='none';
	if(document.getElementById('lienPdfZoom'+e))
		document.getElementById('lienPdfZoom'+e).style.display='none';
	document.getElementById('zoomin').style.display='block';
	if(document.getElementById('zoomout'))
		document.getElementById('zoomout').style.display='none';
	if(document.getElementById('lienPdf') && e==1){
		document.getElementById('lienPdf').style.display='block';
	}
	
	document.getElementById('divZoom').style.display='none';
	if(document.getElementById('divphotoZoom'))
		document.getElementById('divphotoZoom').style.display='none';

	if(e==1){
		document.getElementById('divImage0').style.visibility='visible';
		document.getElementById('divphoto').style.height=0;
		if(document.getElementById('divImage'+e))
			document.getElementById('divImage'+e).style.display='none';
	}else{
		document.getElementById('divphoto').style.height=document.getElementById('AgasysContent').offsetHeight+"px";
		if(document.getElementById('divImage'+e)){
			document.getElementById('photo'+e).src = tImgPhoto[e];
			document.getElementById('divImage'+e).style.display='block';
			document.getElementById('menuPhoto'+e).style.display='block';
		}
	}
	if(document.getElementById('divImageZoom'+e))
		document.getElementById('divImageZoom'+e).style.cursor='auto';
		
	if(document.getElementById('divImageZoom'+img)){
		if (N){ 
			document.getElementById('divImageZoom'+img).style.left =0;
			document.getElementById('divImageZoom'+img).style.top=0;
		} else {
			document.getElementById('divImageZoom'+img).style.pixelLeft = 0;
			document.getElementById('divImageZoom'+img).style.pixelTop=0;
		}
	}

var height=document.getElementById("header").offsetHeight+72;
	if(	document.getElementById('contentinfopratiques')){
		if (document.getElementById('AgasysContent').offsetHeight < height){		
			document.getElementById('footer').style.marginTop=0;				
		}
		else{	
		
			document.getElementById('contentinfopratiques').style.height="auto";
						
			if(document.getElementById('AgasysContent').offsetHeight >= document.getElementById("header").offsetHeight+document.getElementById('infospratiques').offsetHeight+15){
				
				document.getElementById('footer').style.marginTop=document.getElementById('AgasysContent').offsetHeight-(document.getElementById('infospratiques').offsetHeight+document.getElementById("header").offsetHeight)-16+"px";
			
			}else{
				document.getElementById('footer').style.marginTop=0;
			}				
		}
	}
m_myImg = "";
}
function ZoomIn(e){
m_myImg=e;
	document.getElementById('divImage'+e).style.display='none';
	document.getElementById('image'+e).style.display='block';	
	document.getElementById('divphotoZoom').style.display='block';	
	document.getElementById('infoImageZoom'+e).style.display='block';	

	actif=window.setTimeout("document.getElementById('infoImageZoom"+e+"').style.display='none'",2500);

	document.getElementById('divImageZoom'+e).style.display='block';
	document.getElementById('menuImgZoom'+e).style.display='block';

	if(document.getElementById('lienPdfZoom'+e)){
		document.getElementById('lienPdfZoom'+e).style.display='block';
	}
	document.getElementById('divSuivant'+e).style.display='block';
	document.getElementById('divPrecedent'+e).style.display='block';	
	
	initZoom(e);


/*afichage navig*/	

	var middleX = parseFloat(document.getElementById('AgasysContent').offsetWidth/2);
	var height = parseFloat(document.getElementById('AgasysContent').offsetHeight);
	
	var maxLeft = middleX+parseFloat(document.getElementById('divSuivant'+e).offsetWidth);
	var minLeft = middleX-parseFloat(document.getElementById('divSuivant'+e).offsetWidth);

	
	var minTop = parseFloat(document.getElementById('divphotoZoom').style.top);	
	var maxTop = minTop+parseFloat(document.getElementById('divImageZoom'+e).offsetHeight);
	
	if(downY > minTop && downY < maxTop){
		if(downX < maxLeft && downX > middleX){
			shownavig('Suivant');
		}else if(downX > minLeft && downX < middleX){
			shownavig('Précédent');
		}
	}

/*****************/
}
function ZoomOut(e){

	document.getElementById('infoImageZoom'+e).style.display='none';
	document.getElementById('divImageZoom'+e).style.display='none';
	document.getElementById('menuImgZoom'+e).style.display='none';
	
	document.getElementById('menuPhoto'+e).style.display='none';

	if(document.getElementById('lienPdfZoom'+e)){
		document.getElementById('lienPdfZoom'+e).style.display='none';
	}
	document.getElementById('divSuivant'+e).style.display='none';
	document.getElementById('divPrecedent'+e).style.display='none';
	document.getElementById('divImage'+e).style.display='none';	
	document.getElementById('divImageZoom'+e).style.cursor='auto';
	
	if (N){ 
		document.getElementById('divImageZoom'+img).style.left =0;
		document.getElementById('divImageZoom'+img).style.top=0;
	} else {
		document.getElementById('divImageZoom'+img).style.pixelLeft = 0;
		document.getElementById('divImageZoom'+img).style.pixelTop=0;
	}
}

/***********finDragDropZoom***************/
