/**********************************
Copyright (c): Yves Dahan, 08/2003
e-mail: ygda.free.fr

Utilisation libre pour tout usage
sous réserve du maintien de la
présente mention de copyright.
***********************************/
function ScrollDiv(id){

	var elt=document.getElementById(id);
  var w=elt.offsetWidth;
  var s=elt.parentNode.offsetWidth;
    var wh=elt.offsetHeight;
  var sh=elt.parentNode.offsetHeight;

	if(!w || !s || s>w){
		this.scroll=Function(""); return;}
	var divStyle=elt.style;
	var offset=0;
	var maxOffset=s-w;
	var maxOffsetH=sh-wh;
	var timer=null;
	var self=this;
 
	this.scroll= function(dir,speed){
		var coef=1, S=speed;
		while(S--)coef*=2;
		if (timer)window.clearTimeout(timer);
		switch (dir){
			case 's': //stop
				break;
			case 'l': //left
				if(offset>maxOffset){
					offset-=coef;
					divStyle.left=Math.min(offset,0)+"px";
					timer=window.setTimeout(function(){self.scroll('l',speed)},25)}
				break;
			case 't': //left
				if(offset>maxOffsetH){
					offset-=coef;
					divStyle.top=Math.min(offset,0)+"px";
					timer=window.setTimeout(function(){self.scroll('t',speed)},25)}
				break;
			case 'd': //left
				if(0>offset){
					offset+=coef;
					divStyle.top=Math.max(offset,maxOffsetH)+"px";
					timer=window.setTimeout(function(){self.scroll('d',speed)},25)}
				break;
			case 'r': //right
				if(0>offset){
					offset+=coef;
					divStyle.left=Math.max(offset,maxOffset)+"px";
					timer=window.setTimeout(function(){self.scroll('r',speed)},25)}
		}
	}
}
// Assignement des événements clavier (code 573xx pour Opera)
onload=function(){ 

	document.onkeydown=function(e){
		e=e||event;
		myDiv.scroll('s');
		switch(e.keyCode){
			//fléches gauche et haut
			case 40:
			case 57386:
			case 57388:
			case 39: myDiv.scroll('l',2);break;
			//PgUp
			case 57384:
			case 34: myDiv.scroll('l',3);break;
			//Home
			case 57382:
			case 35: myDiv.scroll('l',4);break;
			//fléches droit et bas
			case 38:
			case 57385:
			case 57387:
			case 37: myDiv.scroll('r',2);break;
			//pgDown
			case 57383:
			case 33: myDiv.scroll('r',3);break;
			//End
			case 57381:
			case 36: myDiv.scroll('r',4);break;
		}
	}

		document.onkeyup=function(){myDiv.scroll('s');}
		
}



function displayPics()
{
	
	for (var j = 0 ; j <= 100 ; ++j){
		if(document.getElementById('zoom_'+ j) != null){
			var photos = document.getElementById('zoom_'+ j) ;
			// On récupère l'élément ayant pour id galerie_mini
			var liens = photos.getElementsByTagName('a') ;
			
			// On récupère dans une variable tous les liens contenu dans galerie_mini
			var big_photo = document.getElementById('photo_big') ;
			// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale


			// Et enfin le titre de la photo de taille normale

			// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
			for (var i = 0 ; i < liens.length ; ++i) {
				
				// Au clique sur ces liens 
				liens[i].onclick = function() {
					
				document.getElementById('photo_big').src=this.href;
				//document.getElementById('description').innerHTML=this.title;
					//big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
					//document.getElementById('lien_photo').href=this.href;
					if(document.getElementById("css_modele2") == undefined) { 
						if(document.getElementById("diapo_horizontal") != undefined) {
							 var cadre = "440";
							 document.getElementById('photo_gd').style.marginTop = (cadre-document.getElementById('photo_big').height)/2+'px';
						} else {
							var cadre = "980";
						}
							document.getElementById('photo_gd').style.marginLeft = (cadre-document.getElementById('photo_big').width)/2+'px';
							document.getElementById('photo_gd').style.width = document.getElementById('photo_big').width+'px';

							document.getElementById('photo_milieu').style.width = document.getElementById('photo_big').width+'px';
							document.getElementById('description').style.width = document.getElementById('photo_big').width+'px';

					} else {
						if(document.getElementById("diapo_horizontal") != undefined) {
							 var cadre = "440";
							 document.getElementById('photo_gd').style.marginTop = (cadre-document.getElementById('photo_big').height)/2+'px';
							 document.getElementById('photo_gd').style.marginLeft = (cadre-document.getElementById('photo_big').width)/2+'px';

						} else {
							var cadre = "980";
							document.getElementById('photo_gd').style.marginLeft = (980-document.getElementById('photo_big').width)/2+'px';
						}
						document.getElementById('photo_haut').style.width = document.getElementById('photo_big').width + 20+'px';
						document.getElementById('photo_bas').style.width = document.getElementById('photo_big').width + 20+'px';
						document.getElementById('photo_gd').style.width = document.getElementById('photo_big').width + 20+'px';
						document.getElementById('photo_gauche').style.height = document.getElementById('photo_big').height+'px';
						document.getElementById('photo_droite').style.height = document.getElementById('photo_big').height+'px';
						document.getElementById('photo_milieu').style.width = document.getElementById('photo_big').width+'px';
						document.getElementById('description').style.width = document.getElementById('photo_big').width+ 20 +'px';
					}


					
					$infos = this.title.split('#');
					//big_photo.alt = this.title; // On change son titre
					document.getElementById('titre').innerHTML = $infos[0]; // On change le texte de titre de la photo
					document.getElementById('descrip').innerHTML = $infos[1]; // On change le texte de titre de la photo
					return false; // Et pour finir on inhibe l'action réelle du lien
				};
			}
		}
	}
}

	window.onload = displayPics;