/*
 Diaporama Adeli - Vernissage
 Fichier version 15
 adeli.wac.fr - 11/2008 > 02/2009 
 http://www.urbancube.fr
 
 Utilisation libre, à condition de mentionner ces références
 
 nécessite le fichier vernissage.css
*/
document.write("<div id='vernissage'></div>");
var lis = document.getElementsByTagName('a');
var cible = document.getElementById('vernissage');
vernissage_itineraire = new Array();
vernissage_parcours = new Array();
vernissage_explication = new Array();
im=0;
var last=0;
var vernissage_ouvert=false;
function vernissage_affiche(i){
	if(((i || i==0) && !isNaN(i)  ) || (isNaN(i) && vernissage_ouvert==true)){
	if(isNaN(i)){
		i=last;
	}
	i = parseInt(i);
	last = i;
	cible.style.visibility='visible';
	cible.style.top = document.body.scrollTop;
	vernissage_ouvert=true;
	if(i<0)	i=im-1;
	if(i>=im)i=0;
	var href = vernissage_parcours[i];
	var title = vernissage_explication[i];
	var ext = href.substr(href.lastIndexOf('.')+1,href.length);
	
	if(ext=='swf'){
		insert_code="<embed src='"+href+"' id='vernissage_image_"+i+"' alt='"+title+"' class='vernissage_viewer' width='400' height='400' scale='noscale'></embed>";
	}
	else{
		insert_code="<img src='"+href+"' id='vernissage_image_"+i+"' alt='"+title+"' class='vernissage_viewer'>";
	}
	cible.innerHTML="<span></span><div class='vernissage_espace' id='vernissage_mur_"+i+"'><div id='vernissage_ombre1_"+i+"' class='vernissage_ombre'></div><div id='vernissage_ombre2_"+i+"' class='vernissage_ombre'></div><div id='vernissage_ombre3_"+i+"' class='vernissage_ombre'></div>"+insert_code+"<div class='vernissage_cartel' id='vernissage_cartel_"+i+"'><font color='#999999' size='1'>"+(i+1)+"/"+im+" - </font>"+title+"</div><div class='vernissage_closer' id='vernissage_closer_"+i+"'><img src='http://adeli.wac.fr/vernissage/x.png' alt='x' border='none'  style='border:none'/></div></div><div id='vernissage_prev_"+i+"' class='vernissage_bouton'><img src='http://adeli.wac.fr/vernissage/bl.png' alt='<<' border='none' style='border:none'/></div><div id='vernissage_next_"+i+"'  class='vernissage_bouton'><img src='http://adeli.wac.fr/vernissage/br.png' alt='>>' border='none' style='border:none' /></div><div id='vernissage_chargement_"+i+"' class='vernissage_chargement'>Chargement en cours</div>";
	tableau = document.getElementById('vernissage_image_'+i);
	cartel = document.getElementById('vernissage_cartel_'+i).style;
	closer = document.getElementById('vernissage_closer_'+i).style;
	mur = document.getElementById('vernissage_mur_'+i);
	prev = document.getElementById('vernissage_prev_'+i);
	next = document.getElementById('vernissage_next_'+i);
	charge = document.getElementById('vernissage_chargement_'+i).style;
	ombre1 = document.getElementById('vernissage_ombre1_'+i).style;
	ombre2 = document.getElementById('vernissage_ombre2_'+i).style;
	ombre3 = document.getElementById('vernissage_ombre3_'+i).style;	
	
	if(im<=1){
		prev.style.visibility='hidden';	
		next.style.visibility='hidden';	
	}
	
	 if (navigator.appName.indexOf("Microsoft")!=-1) {
		var spw = parseInt(document.body.offsetWidth);
		var sph = parseInt(document.body.offsetHeight);
	 }
	 else{
		var spw = parseInt(window.innerWidth);
		var sph = parseInt(window.innerHeight);
	 }
	tableau.className='vernissage_viewer alphaoff';
	next.style.top=(sph/2)+'px';
	next.style.left=((spw/2)+20)+'px';
	prev.style.top=(sph/2)+'px';
	prev.style.left=((spw/2)-20)+'px';	
	cartel.top=((sph/2)+20)+'px';
	cartel.left=((spw/2)-20)+'px';
	cartel.width='75px';
	cartel._width='80px';
	closer.top=((sph/2)-20)+'px';
	closer.left=((spw/2)-20)+'px';
	closer.width='80px';
	charge.visibility='visible';
	charge.top = ((sph/2))+'px';
	charge.left=((spw/2)-30)+'px';
	
	ombre1.width = '83px';
	ombre1.top = ((sph/2))+'px';
	ombre1.left=((spw/2)-30)+'px';
	ombre2.width = '82px';
	ombre2.top = ((sph/2))+'px';
	ombre2.left=((spw/2)-30)+'px';
	ombre3.width = '81px';
	ombre3.top = ((sph/2))+'px';
	ombre3.left=((spw/2)-30)+'px';
		
	
	function aff(){
		wid = tableau.width+10;
		hei = tableau.height+10;
		
		fixw = spw-(spw*10/100)-30;
		fixh = sph-(sph*10/100)-50;
		
		if(wid > fixw || hei > fixh){
			rw = wid/fixw;
			rh = hei/fixh;
			if(rw>rh){
				rat = wid/fixw;
			}
			else{
				rat = hei/fixh;
			}
			wid=Math.round(wid/rat);
			hei=Math.round(hei/rat);
			tableau.width=wid;
			tableau.height=hei;
			wid+=10;
			hei+=10;
		}
		
		
		cen = (spw-wid)/2;
		mid = (sph-hei)/2;
		
		tableau.style.left=cen+'px';
		tableau.style.top=mid+'px';
		
		cartel.top=(hei+mid)+'px';
		cartel.width=wid+'px';
		cartel.left=cen+'px';
		
		closer.top=(mid-20)+'px';
		closer.width=(wid-5)+'px';
		if (navigator.appName.indexOf("Microsoft")!=-1) {
		closer.width=wid+'px';
		}
		closer.left=cen+'px';
		
		ombre1.width = (wid+2)+'px';
		ombre1.height = (hei+20)+'px';
		ombre1.top = (mid+2)+'px';
		ombre1.left=(cen-1)+'px';
		ombre2.width = (wid)+'px';
		ombre2.height = (hei+19)+'px';
		ombre2.top = (mid+4)+'px';
		ombre2.left=(cen)+'px';
		ombre3.width = (wid-2)+'px';
		ombre3.height = (hei+18)+'px';
		ombre3.top = (mid+6)+'px';
		ombre3.left=(cen+2)+'px';
		
		prev.style.top=mid+(hei/2)+'px';
		prev.style.left=(cen-37)+'px';
		
		next.style.top=mid+(hei/2)+'px';
		next.style.left=(cen+wid-3)+'px';
		
		tableau.className='vernissage_viewer alphaon';	
		
		charge.visibility='hidden';
	}
	tableau.onload=function(){
		aff();
	}
	if(ext=='swf'){
		aff();
	}
	mur.onclick = function(){
		cible.style.visibility='hidden';
		charge.visibility='hidden';
		vernissage_ouvert=false;
	}
	prev.onclick = function(){
		vernissage_affiche(i-1);
	}
	next.onclick = function(){
		vernissage_affiche(i+1);
	}
	tableau.onclick = function(){
		vernissage_affiche(i+1);
	}
	closer.onclick = function(){
		vernissage_affiche();
	}
	
	
	window.onresize = vernissage_affiche;
	document.onscroll = vernissage_affiche;
	document.body.onscroll = vernissage_affiche;
	}
	else{
		
	}
}
for(var i=0 ; i<lis.length ; i++){	
	if(lis[i].className=='vernissage'){
		vernissage_itineraire[im]=i;
		vernissage_parcours[im]=lis[i].href;
		if(lis[i].title){
			vernissage_explication[im] = lis[i].title;
		}
		else{
			vernissage_explication[im] = lis[i].href.substr(lis[i].href.lastIndexOf('/')+1,lis[i].href.length);
		}
		lis[i].id=im;
		im++;
		lis[i].onclick=function(){ 
			vernissage_affiche(this.id);
			return false;		
		};
	}
	
}