function afficheDiapo(){
  document.getElementById('diaporama').style.visibility="visible";
}
function cacheDiapo(){
  document.getElementById('diaporama').style.visibility="hidden";
}
function getStyle(el,styleProp)
{
	var x = document.getElementById(el);
	if (x.currentStyle)
		var y = x.currentStyle[styleProp];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
	return y;
}

function positionne(x,y){
   x=(x<0)?0:x;
   y=(y<0)?0:y;
   vign = document.getElementById('imagevignette');
   largeurVignette = vign.width;
   hauteurVignette = vign.height;
   fene = document.getElementById('fenetre');
   largeurFenetre = getStyle("fenetre","width").replace(/px/,"");
   hauteurFenetre = getStyle("fenetre","height").replace(/px/,"");
   x=-(x * document.echelle) + (largeurFenetre*x/largeurVignette); 
   y=-(y * document.echelle) + (hauteurFenetre*y/hauteurVignette);
   chn = x + " " + y; 
   if((chn.indexOf("NaN")!=-1)|| (chn.indexOf("Infinity")!=-1)) chn = 0 + " " + 0;
   fene.style.backgroundPosition = chn;
}

function move(e) { 
   x = (navigator.appName=="Netscape") ? e.layerX : event.x - 2 + document.body.scrollLeft;
   y = (navigator.appName=="Netscape") ? e.layerY : event.y - 2 + document.body.scrollTop;
   gauche=0;
   haut=0;
   if(this.offsetParent){
     gauche += this.offsetParent.offsetLeft;
     haut += this.offsetParent.offsetTop;
     if(this.offsetParent.offsetParent){
       gauche += this.offsetParent.offsetParent.offsetLeft;
       haut += this.offsetParent.offsetParent.offsetTop;
       if(this.offsetParent.offsetParent.offsetParent){
         gauche += this.offsetParent.offsetParent.offsetParent.offsetLeft;
         haut += this.offsetParent.offsetParent.offsetParent.offsetTop;
       }
     }
   }
   x= x-this.offsetLeft-gauche-2;
   y= y-this.offsetTop-haut-2;
   positionne(x,y);
}

function zoom(e) { 
  obj = document.getElementById('fenetre');
  if(obj.style.backgroundImage.indexOf("moyens")!=-1){
     obj.style.backgroundImage = obj.style.backgroundImage.replace(new RegExp("/moyens/", "g"),"/grands/");
	 document.echelle = document.echelle2;
  }
  else{
     obj.style.backgroundImage = obj.style.backgroundImage.replace(new RegExp("/grands/", "g"),"/moyens/");
	 document.echelle = document.echelle1;
  }
  move(e);
  return false;
}
function rollOver(){this.src = this.src.replace(new RegExp("_f1.gif", "g"),"_f2.gif");}
function rollOut(){this.src = this.src.replace(new RegExp("_f2.gif", "g"),"_f1.gif");}
function initEchelle(){
  document.echelle1 = document.getElementById('imagemoyencache').width/document.getElementById('imagevignette').width;
  document.echelle2 =document.getElementById('imagegrandcache').width/document.getElementById('imagevignette').width;
  document.echelle = document.echelle1;

if (parseInt(navigator.appVersion)>3) {
 if (navigator.appName=="Netscape") {
  winW = window.innerWidth-16;
  winH = window.innerHeight-16;
 }
 if (navigator.appName.indexOf("Microsoft")!=-1) {
  winW = document.body.offsetWidth-20;
  winH = document.body.offsetHeight-20;
 }
}

  if((document.images['diapo'].height/document.images['diapo'].width*winW) > document.images['diapo'].height){
     document.images['diapo'].style.height = "98%";
	 document.images['diapo'].style.width = "auto";
	 document.images['diapo'].style.marginTop = "1%";
   }
   else{
	 imgW = winW * 0.98;
	 imgH = imgW * document.images['diapo'].height/document.images['diapo'].width;
	 document.images['diapo'].style.marginTop = ((winH-imgH)/2)+"px";
     document.images['diapo'].style.width = "98%";
   	 document.images['diapo'].style.height = "auto";
   }
}

function rollOverCadre(){
  this.style.border="1px outset #FFFFFF";
}

function rollOutCadre(){
  this.style.border="1px inset #FFFFFF";
}

function message(msg){
  document.getElementById('message').innerHTML = msg;
  document.getElementById('message').style.visibility="visible";
  window.setTimeout("document.getElementById('message').style.visibility='hidden'",1000);
  window.setTimeout("document.getElementById('message').style.visibility='visible'",1500);
  window.setTimeout("document.getElementById('message').style.visibility='hidden'",2500);
}

function initMouseOversClicks() {
 document.getElementById('lienvignette').target = "";
 document.getElementById('lienvignette').href = "javascript:;";
 document.getElementById('imagevignette').onclick = zoom;
 document.getElementById('imagevignette').onmousemove = move;
 
 document.getElementById('pieceprec').onmouseover = rollOver;
 document.getElementById('piecesuiv').onmouseover = rollOver;
 document.getElementById('exposuiv').onmouseover = rollOver;
 document.getElementById('expoprec').onmouseover = rollOver;
 document.getElementById('pieceprec').onmouseout = rollOut;
 document.getElementById('piecesuiv').onmouseout = rollOut;
 document.getElementById('exposuiv').onmouseout = rollOut;
 document.getElementById('expoprec').onmouseout = rollOut;
 
 document.getElementById('fenetre').onmouseover = rollOverCadre;
 document.getElementById('fenetre').onmouseout = rollOutCadre;
 document.getElementById('imagevignette').onmouseover = rollOverCadre;
 document.getElementById('imagevignette').onmouseout = rollOutCadre;

 document.getElementById('vitre').onclick = afficheDiapo;
 document.getElementById('diaporama').onclick = cacheDiapo;
 document.getElementById('lienfenetre').target = "";
 document.getElementById('lienfenetre').href = "javascript:;";

 if(document.getElementById('lienexpoprec').href.indexOf('#')==document.getElementById('lienexpoprec').href.length-1) 
   document.getElementById('lienexpoprec').href = "javascript:message('Premi&egrave;re Exposition.');";
 if(document.getElementById('lienexposuiv').href.indexOf('#')==document.getElementById('lienexposuiv').href.length-1) 
   document.getElementById('lienexposuiv').href = "javascript:message('Derni&egrave;re Exposition.');";
 if(document.getElementById('lienpieceprec').href.indexOf('#')==document.getElementById('lienpieceprec').href.length-1) 
   document.getElementById('lienpieceprec').href = "javascript:message('Premi&egrave;re pi&egrave;ce.');";
 if(document.getElementById('lienpiecesuiv').href.indexOf('#')==document.getElementById('lienpiecesuiv').href.length-1) 
   document.getElementById('lienpiecesuiv').href = "javascript:message('Derni&egrave;re pi&egrave;ce.');";
}

function addLoadEvent(func){
 var oldonload = window.onload;
 if(typeof window.onload != 'function'){window.onload = func;}
 else{window.onload = function(){oldonload();func();};}
}
addLoadEvent(function () {initEchelle();initMouseOversClicks();});