var largeur, hauteur;

function afficherImage(aparent) {
	var fond = document.getElementById('fond');
	var chargement = document.getElementById('chargement');
	var affichage = document.getElementById('affichage');
	var image = document.getElementById('image');
	//var hauteur, largeur;
	var scrollH, scrollG;
	// Recherche de la hauteur et la largeur totale de la page
	largeur = document.body.scrollWidth;
	hauteur = document.body.scrollHeight;
	if (document.body.offsetHeight)
		if (document.body.offsetHeight > hauteur) hauteur = document.body.offsetHeight;
	// Affichage du fond
	fond.style.top = 0;
	fond.style.left = 0;
	fond.style.height = hauteur;
	//fond.style.width = largeur;


	// Taille de la fenêtre
	if (window.innerHeight) {
		largeur = window.innerWidth;
		hauteur = window.innerHeight;

	} else {
		largeur = document.body.offsetWidth;
		hauteur = document.body.offsetHeight;
	}
	// Position dans la page
	if (window.pageYOffset) {
		scrollH = window.pageYOffset;
		scrollG = window.pageXOffset;
	} else {
		scrollH = document.body.scrollTop;
		scrollG = document.body.scrollLeft;
	}
	// Affichage de l'animation pour le chargement
	chargement.style.left = scrollH + (largeur - chargement.width) / 2
	chargement.style.top = scrollG + (hauteur - chargement.height) / 2
	chargement.style.display = 'block';
	fond.style.display = 'block';
	// chargement de l'image
	img = new Image();
	img.onload=function() {
		var imgl = img.width;
		var imgh = img.height;
		if (imgl + 60 > largeur) {
			imgl = largeur - 60;
			imgh = img.height * imgl / img.width;
		}
		if (imgh + 60 > hauteur) {
			imgh = hauteur - 60;
			imgl = img.width * imgh / img.height;
		}
		affichage.style.top = scrollH + (hauteur - imgh - 20) / 2;
		affichage.style.left = scrollG + (largeur - imgl - 20) / 2;
		affichage.style.width = imgl + 20 + 'px';
		affichage.style.height = imgh + 20 + 'px';
		image.src= aparent.href;
		image.width = imgl;
		image.height = imgh;
		affichage.style.display = 'block';
		chargement.style.display = 'none';
		return false;
	}
	img.src= aparent.href;
}

function cacherImage() {
	var fond = document.getElementById('fond');
	var affichage = document.getElementById('affichage');
	fond.style.display = 'none';
	affichage.style.display = 'none';
	return false;
}

function deplacerImage() {
	if (document.getElementById('fond').style.display != 'block') return;
	var affichage = document.getElementById('affichage');
	if (affichage.style.display != 'block') affichage = document.getElementById('chargement');
	var scrollH, scrollG;
	// Position dans la page
	if (window.pageYOffset) {
		scrollH = window.pageYOffset;
		scrollG = window.pageXOffset;
	} else {
		scrollH = document.body.scrollTop;
		scrollG = document.body.scrollLeft;
	}
	affichage.style.top = scrollH + (hauteur - parseInt(affichage.style.height) - 20) / 2;
	affichage.style.left = scrollG + (largeur - parseInt(affichage.style.width) - 20) / 2;
}