function legende(curr, next, opts) {
    document.getElementById("titre1").innerHTML="";
	document.getElementById("planche1").innerHTML="";
	document.getElementById("descriptif1").innerHTML="";
	document.getElementById("titre2").innerHTML="";
	document.getElementById("planche2").innerHTML="";
	document.getElementById("descriptif2").innerHTML="";
	document.getElementById("zoom1").innerHTML="";
	document.getElementById("zoom2").innerHTML="";
	
}
function legende1(curr, next, opts) {
    var index = $(this).parent().children().index(this);
	var visuel=data.Portfolio[rubrique].page1.image[index];
	document.getElementById("titre1").innerHTML=visuel.Titre+" "+visuel.Annee+"";
	document.getElementById("planche1").innerHTML=visuel.Planche;
	document.getElementById("descriptif1").innerHTML=visuel.Descriptif;
	if(data.Portfolio[rubrique].page1.image[index].Zoom!=''){	
		if(data.Portfolio[rubrique].page1.image[index].Zoom_width && data.Portfolio[rubrique].page1.image[index].Zoom_height){
			opts="width="+data.Portfolio[rubrique].page1.image[index].Zoom_width+", height="+data.Portfolio[rubrique].page1.image[index].Zoom_height;
		}else{
			opts="width=530, height=775";
		}
		document.getElementById("zoom1").innerHTML='<a href="javascript:popup(\'images/portfolio/'+rubrique+'/'+data.Portfolio[rubrique].page1.image[index].Zoom+'\',\''+data.Portfolio[rubrique].page1.image[index].Zoom+'\',\''+opts+'\');"><img src="images/zoom.gif" border="0" width="43" height="34" alt="" /></a>';
	}
	
}

function legende2(curr, next, opts) {
    var largeur; var hauteur;
	var index = $(this).parent().children().index(this);
	var visuel=data.Portfolio[rubrique].page2.image[index];
    document.getElementById("titre2").innerHTML=visuel.Titre+" "+visuel.Annee+"";
	document.getElementById("planche2").innerHTML=visuel.Planche;
	document.getElementById("descriptif2").innerHTML=visuel.Descriptif;
	if(data.Portfolio[rubrique].page2.image[index].Zoom!=''){	
		if(data.Portfolio[rubrique].page2.image[index].Zoom_width && data.Portfolio[rubrique].page2.image[index].Zoom_height){
			opts="width="+data.Portfolio[rubrique].page2.image[index].Zoom_width+", height="+data.Portfolio[rubrique].page2.image[index].Zoom_height;
		}else{
			opts="width=530, height=775";
		}
		document.getElementById("zoom2").innerHTML='<a href="javascript:popup(\'images/portfolio/'+rubrique+'/'+data.Portfolio[rubrique].page2.image[index].Zoom+'\',\''+data.Portfolio[rubrique].page2.image[index].Zoom+'\',\''+opts+'\');"><img src="images/zoom.gif" border="0" width="43" height="34" alt="" /></a>';
	}
}
function popup(url, nomFen, opts){
	if(opts==''){
		opts="width=459, height=630";
	}
	window.maFen=window.open(url,nomFen,'fullscreen=no,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,'+opts+',top=0,left=0,true');
	window.maFen.focus();
}


var rubrique;
function portfolio(section){
	if(data){
		rubrique=section;
		$.fn.cycle.defaults.speed   = 900;
		$.fn.cycle.defaults.timeout = 6000;
		
		document.getElementById("titre").innerHTML='<img src="images/portfolio/titre_'+section+'.jpg"  alt="" />';
		 $("#page1").html("");
		 $("#page2").html("");
		for(i=0;i < data.Portfolio[section].page1.image.length; i++) {
			 $("<img/>").attr("src", "images/portfolio/"+section+"/"+data.Portfolio[section].page1.image[i].src).appendTo("#page1");
		}
		for(i=0;i < data.Portfolio[section].page2.image.length; i++) {
			 $("<img/>").attr("src", "images/portfolio/"+section+"/"+data.Portfolio[section].page2.image[i].src).appendTo("#page2");
		}
		$('#page1').cycle({
				before: legende,
			    after:   legende1,
			    fx:      'scrollHorz',
			    prev:   '#prev', 
	   			next:   '#next', 
				click:   '#next',
			    timeout:  0,
			    easing:  'backinout'
			});
		$('#page2').cycle({
			    after:   legende2,
			    fx:     'scrollHorz',
			    prev:   '#prev', 
	   			next:   '#next', 
			    timeout:  0,
			    easing:  'backinout'
			});
		}else{
			loadJSON('js/data.json',section);
		}
}

function preload(){
    var j=0;
	document.image_chargee = new Array();
	for(i=0;i < 3; i++) {
		nouvelleImage(i,j,'bd');
		j++;j++;
		nouvelleImage(i,j,'croquis');
		j++;j++;
		nouvelleImage(i,j,'illus');
		j++;j++;
		nouvelleImage(i,j,'ladies');
		j++;j++;
		
	}
}
function nouvelleImage(i,j,section){
	var chemin = "images/portfolio/";
	document.image_chargee[j] = new Image;
	document.image_chargee[j].src = chemin + section + "/" + data.Portfolio[section].page1.image[i].src;
	j++;
	document.image_chargee[j] = new Image;
	document.image_chargee[j].src = chemin + section + "/" + data.Portfolio[section].page2.image[i].src;
}

function nav_portfolio(section){
	window.location=section;
}