// JavaScript Document
var xmlDocs=null;		//tableau contenant les galeries qui contiennt les imges et leurs informations

var galerie=null;
var image;

var languetteD;
var descriptionPorteFolio;

var posGalerie=0;
var posPhoto;

var portPholio1;
var portPholio2;
var navImage;

var pasProtFolio = 0.05;
var portToFade;

var preload;
//<![CDATA[		
function showThumbnail(i){
	if(nav!='IE'){
		document.getElementById('thumbnail'+i).style.opacity = 1;		
	}
	else{
		document.getElementById('thumbnail'+i).filters.alpha.opacity = 100;	
	}
}

function fadeThumbnail(i){
	if(nav!='IE'){
		document.getElementById('thumbnail'+i).style.opacity = 0.4;		
	}
	else{
		document.getElementById('thumbnail'+i).filters.alpha.opacity = 40;	
	}
}

function jumpToPhoto(jump){
	posPhoto = jump;
	image = galerie[posPhoto];
	
	if(portToFade==1){
		if(portPholio1.src.indexOf(image[0].src,0)==-1){
			portPholio2.src=image[0].src;
			setTimeout("fadePortFolio()",10);
		}
	}
	else{
		if(portPholio2.src.indexOf(image[0].src,0)==-1){
			portPholio1.src=image[0].src;
			setTimeout("fadePortFolio()",10);
		}
	}
	languetteD.style.backgroundColor=galerie[0][6];
	createDescription();
}

function createDescription(){
	descriptionPorteFolio.innerHTML = 'Produit<div class="texteDescription">'+galerie[0][2]+'</div>';
	descriptionPorteFolio.innerHTML +='Techniques<div class="texteDescription">'+galerie[0][3]+'</div>';
	descriptionPorteFolio.innerHTML +='Support<div class="texteDescription">'+galerie[0][4]+'</div>';
	descriptionPorteFolio.innerHTML +='Making-off<div class="texteDescription">'+galerie[0][5]+'</div>';	
	
	descriptionPorteFolio.innerHTML = descriptionPorteFolio.innerHTML.replace(/#/g,"<br/>");
}

function fadeCarousel(state){
	if(state==1){
		if(nav!='IE'){
			if(parseFloat(navImage.style.opacity)==0){
				if(!action){ action=true;carousel(1); }
				else{ setTimeout("fadeCarousel(1)",50); }
			}
		}
		else{
			if(parseFloat(navImage.filters.alpha.opacity)==0){
				if(!action){ action=true;carousel(1); }
				else{ setTimeout("fadeCarousel(1)",50); }
			}
		}
	}
	if(state==2){
		if(nav!='IE'){
			if(parseFloat(navImage.style.opacity)==0.8){
				if(!action){ action=true;carousel(2); }
				else{ setTimeout("fadeCarousel(2)",50); }
			}
		}
		else{
			if(parseFloat(navImage.filters.alpha.opacity)==80){
				if(!action){ action=true;carousel(2); }
				else{ setTimeout("fadeCarousel(2)",50); }
			}
		}		
	}
}

function carousel(state){
	if(state==1){
		if(nav!="IE"){
			if( parseFloat(navImage.style.opacity) < 0.8 ){				
				navImage.style.opacity = parseFloat(navImage.style.opacity) + pasProtFolio;
				setTimeout("carousel(1)",1);
			}
			else{
				action=false;
			}
		}
		else{
			if( parseFloat(navImage.filters.alpha.opacity) < 80 ){				
				navImage.filters.alpha.opacity = parseFloat(navImage.filters.alpha.opacity) + pasProtFolio*100;
				setTimeout("carousel(1)",1);
			}
			else{
				action=false;
			}
		}
	}
	else{
		if(nav!="IE"){
			if( parseFloat(navImage.style.opacity) > 0  ){				
				navImage.style.opacity = parseFloat(navImage.style.opacity) - pasProtFolio;
				setTimeout("carousel(2)",1);
			}
			else{
				action=false;
			}
		}
		else{
			if( parseFloat(navImage.filters.alpha.opacity) > 0 ){				
				navImage.filters.alpha.opacity = parseFloat(navImage.filters.alpha.opacity) - pasProtFolio*100;
				setTimeout("carousel(2)",1);
			}
			else{
				action=false;
			}
		}
	}
}

function fadePortFolio(){
	if(nav!="IE"){
		if(portToFade==1){
			if( parseFloat(portPholio1.style.opacity) > 0 ){				
				portPholio1.style.opacity = parseFloat(portPholio1.style.opacity) - pasProtFolio;
				portPholio2.style.opacity = parseFloat(portPholio2.style.opacity) + pasProtFolio;
				setTimeout("fadePortFolio()",1);
			}			
			else{
				portToFade=2;
				action=false;
				//on cache le menu si il est ouvert
				slideMenu(2);
			}
		}
		else{
			if( parseFloat(portPholio2.style.opacity) > 0 ){	
				portPholio1.style.opacity = parseFloat(portPholio1.style.opacity) + pasProtFolio;
				portPholio2.style.opacity = parseFloat(portPholio2.style.opacity) - pasProtFolio;
				setTimeout("fadePortFolio()",1);				
			}			
			else{ 
				portToFade=1;
				action=false;
				//on cache le menu si il est ouvert
				slideMenu(2);
			}
		}
	}
	else{
		
		//nav.innerHTML = nav.innerHTML + portPholio1.filters.alpha.opacity+"<br/>";
		if(portToFade==1){
			if( parseFloat(portPholio1.filters.alpha.opacity) > 0 ){				
				portPholio1.filters.alpha.opacity = parseFloat(portPholio1.filters.alpha.opacity) - pasProtFolio*100;
				portPholio2.filters.alpha.opacity = parseFloat(portPholio2.filters.alpha.opacity) + pasProtFolio*100;
				setTimeout("fadePortFolio(1)",1);
			}			
			else{ 
				portToFade=2;
				action=false;
				//on cache le menu si il est ouvert
				slideMenu(2);
			}
		}
		else{
			if( parseFloat(portPholio2.filters.alpha.opacity) > 0 ){	
				portPholio1.filters.alpha.opacity = parseFloat(portPholio1.filters.alpha.opacity) + pasProtFolio*100;
				portPholio2.filters.alpha.opacity = parseFloat(portPholio2.filters.alpha.opacity) - pasProtFolio*100;
				setTimeout("fadePortFolio(1)",1);				
			}			
			else{ 
				portToFade=1;
				action=false;
				//on cache le menu si il est ouvert
				slideMenu(2);
			}
		}
	}
}   

function jumpGalerie(jump){
	//document.getElementById('debug').innerHTML+= action+" "+posGalerie+" "+jump+" "+xmlDocs.length;
	if(action==false){
		action=true;
		if(posGalerie==null){ posGalerie=0;}
		else{
			//on ferifie les borne des galerie avec la galerie demandée
			if(posGalerie + jump<0) 
				posGalerie=xmlDocs.length-1;
			else if(posGalerie + jump >= xmlDocs.length)
				posGalerie=0;
			else	
				posGalerie=posGalerie + jump;
		}
		
			
		galerie = xmlDocs[posGalerie];
			
		//on construit la navigation de la galerie
		navImage.innerHTML="";
		
		//si on a plus d'une image à afficher dans le portfolio
		if(galerie.length>1){			
			navImage.style.width="10px";
			for(var i=0;i<galerie.length;i++){
				navImage.style.width = (parseInt(navImage.style.width)+60)+"px";
				navImage.innerHTML = navImage.innerHTML + "<a href='#' onclick='jumpToPhoto("+i+")' ><img id='thumbnail"+i+"'  class='thumbnail' src='"+galerie[i][1].src+"' onMouseOver='showThumbnail("+i+")' onMouseOut='fadeThumbnail("+i+")' style='filter:alpha(opacity=40);-khtml-opacity: 0.4;opacity: 0.4;' /></a> ";
			}
			navImage.style.display = 'block';
		}
		else{
			navImage.style.display = 'none';
		}
		
		//on affiche la 1er image
		jumpToPhoto(0);
	}
	else{
		setTimeout("jumpGalerie("+jump+")",150);
	}
}


//]]>