//VISUALISATION D IMAGES A PARTIR DE VIGNETTES



//important : attribuer a chaque image pouvant etre visualisee un attribut id

//NB :

//respecter la syntaxe de desciption (attribut alt) des images : Voir le visuel + desciption + en taille superieure

//conserver le second lien, qui fournit la seule indication fonctionnelle a ceux qui naviguent (visuellement) au clavier



//precharger les images

var lesImages = new Array();

function charger()
{

	try{

		if (document.getElementById && document.getElementsByTagName){
	
			var elements = document.getElementById('content_visu');
	
			var visuels = elements.getElementsByTagName('img');
	
			for (i=0;i<visuels.length;i++){
	
				var chemin = visuels[i].parentNode.getAttribute('onclick').toString().split('\'')[1];
				
				lesImages.push(new Image());
	
				lesImages[lesImages.length - 1].src = chemin;
	
	}	}	}
	
	catch(e){}

}

//window.onload = charger;



//previsualiser l'image (au clic sur lien de l image ou sur lien qui suit l image) en inserant un calque

var quelleImage;

var description1 = 'Voir le visuel ';

var description2 = ' en taille sup';

function enscene(a,divname,visuel)
{
	try{

		var espace = document.getElementById(divname);

		if (document.getElementById('visualisation')) espace.removeChild(document.getElementById('visualisation'));

		if (a.getElementsByTagName('img') && a.getElementsByTagName('img').length > 0){
			quelleImage = a.getElementsByTagName('img')[0].getAttribute('id');

			var quelleDesc = a.getElementsByTagName('img')[0].getAttribute('alt');
			
		}

		else{
			var detourImage = a.parentNode.parentNode.getElementsByTagName('a')[0];

			quelleImage = detourImage.getElementsByTagName('img')[0].getAttribute('id');
			
			var quelleDesc = detourImage.getElementsByTagName('img')[0].getAttribute('alt');
			

		}
		

		quelleDesc = quelleDesc.substring(description1.length,quelleDesc.lastIndexOf(description2));

		var calque = document.createElement('div');

		var classe = document.createAttribute('id');

		classe.nodeValue = 'visualisation';

		calque.setAttributeNode(classe);
		
		var leCode = '<p class="legend">' + quelleDesc + '</p>';

		//leCode += '<p class="prem"><a href="' + visuel + '" title="T\xE9l\xE9charger le visuel ' + quelleDesc + '">T\xE9l\xE9charger le visuel</a></p>';

		leCode += '<p class="sec"><a href="javascript:void(0);" onclick="return encoulisses(\''+divname+'\');">Fermer</a></p>';

		leCode += '<img src="' + visuel + '" alt="' + quelleDesc + '" />';
		
		calque.innerHTML = leCode;

		espace.insertBefore(calque,espace.getElementsByTagName('div')[0]);

		document.getElementById('visualisation').getElementsByTagName('a')[0].focus();

		return false;

	}

	catch(e){return true;}

}

//faire disparaitre le calque de visualisation

function encoulisses(divname)
{
	document.getElementById(divname).removeChild(document.getElementById('visualisation'));

	document.getElementById(quelleImage).parentNode.focus();

	return false;

}