// JavaScript Document

function initAjax() {
	var xhr_object = null;
	
	if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
	else if(window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
	else { // XMLHttpRequest non supporté par le navigateur
	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
	   return;
	}
	return xhr_object;
}


function fermeImage () {
	
	document.getElementById('imageDiv').style.visibility = 'hidden';
	document.getElementById('imageFond').style.visibility = 'hidden';
}


function ouvreImage(id,sens) {	
		
	var xhr_object = initAjax();
	xhr_object.open("GET", "loadImage.php?idI="+id+"&s="+sens, true);
	xhr_object.onreadystatechange = function() {
		if(xhr_object.readyState == 4) {
			var tmp2 = xhr_object.responseText.split("#");
			
			if(tmp2[0] == 'null')
			{
				fermeImage()
			} else
			{
				//document.getElementById('imageDiv').style.visibility = 'visible';
				//document.getElementById('imageDiv').style.width = '100%';
				//document.getElementById('imageBig').src = tmp2[0];
				
				document.getElementById('imageFond').style.visibility = 'visible';
				document.getElementById('imageFond').style.width = '100%';
				document.getElementById('imageDiv').style.visibility = 'visible';
				
			
				document.getElementById('imageDiv').innerHTML  = '<table id="table_big" align="center" height="100%"><tr><td><img onclick="ouvreImage('+tmp2[1]+',\'down\')" src="images/previous.png" border="0"></td><td align="center"><img id="imagebig" src="'+tmp2[0]+'" onclick="fermeImage()" border="0"></td><td><img src="images/next.png" onclick="ouvreImage('+tmp2[1]+',\'up\')" border="0"></td></tr></table>';
				
				
				
				//document.getElementById('imageBarre').innerHTML += '<br>(cliquez sur l\'image pour la fermer)';
				//document.getElementById('imageBarre').style.width = document.getElementById('imageBig').width;
				
				
				if (document.body){
					var larg = (document.body.clientWidth);
					var haut = (document.body.clientHeight);
				}else{
					var larg = (window.innerWidth);
					var haut = (window.innerHeight);
				}
				
				
				if(document.getElementById('imagebig').width > larg)
					document.getElementById('imagebig').width = larg * 0.90
				
				document.getElementById('imageDiv').style.width = larg+'px';	
				
				
				document.getElementById('table_big').height = haut+'px'
				
				if(document.getElementById('imagebig').height > haut)
					document.getElementById('imageFond').style.height = (document.getElementById('imagebig').height+20)+'px';
				else
					document.getElementById('imageFond').style.height = '100%';
				
				var hautImage = document.getElementById('imageBig').height + document.getElementById('imageBarre').offsetHeight;
	
				if(hautImage > haut) var top = 0;
				else var top = (haut - hautImage)/2;
				   
				document.getElementById('imageDiv').style.top = top;
				
				if( hautImage > haut) haut = hautImage;	
				document.getElementById('imageFond').style.height =  haut;
			
			}

		}
	}
	xhr_object.send(null);	
}