var nbPhotosAffichable = 6;
var srcBase = "images/portfolio/";
var srcPre = srcBase+"pre.png";
var srcPreDisabled = srcBase+"pre_disabled.png";
var srcSui = srcBase+"sui.png";
var srcSuiDisabled = srcBase+"sui_disabled.png";

function getImages(dossier, archive) {
	req = false;
	//Création de l'objet d'envoi de requette
	if (window.XMLHttpRequest) req = new XMLHttpRequest();	// if Mozilla, IE7, Safari etc
	else if (window.ActiveXObject) { // if IE6 or below
		try {
			req = new ActiveXObject("Msxml2.XMLHTTP");
		} catch(e) {
			try{
				req = new ActiveXObject("Microsoft.XMLHTTP");
			} catch(e) {}
		}
	}
	
	//Envoi de la requette et attente de la reponse
	try{
		req.open('GET', "get_images.php?dossier="+dossier+"&archive="+archive, false);
		req.send(null);
		if (req.readyState == 4) return req.responseText;
	} catch(e) { return ""; }
}
function creerGallerie(dossier, nb) {
	chaine = getImages(dossier, 0);			//Récuperation des informations sur les images de cette categorie
	if (chaine!=false && chaine!="") {		//Si le resultat est correct, on transforme le résultat en tableau à double entrée
		var tab = chaine.split("#");
		for (i=0; i<tab.length; i++) {
			tab[i] = tab[i].split("|");
		}
	}
	
	//Ajoute les champs cachés (pour connaitre l'index de départ et le nombre d'aimges)
	//Et ouvre les balises du portfolio et le bouton de défilement "precedent"
	document.write(
		'<div id="ind_'+dossier+'" class="cache">1</div>'+
		'<div id="nb_'+dossier+'" class="cache">'+nb+'</div>'+
		'<div class="portfolio">'+
		'	<h1>'+dossier+'</h1>'+
		'	<div class="gallerie">'+
		'	<img class="button pre" src="'+srcPre+'" alt="Precedent" id="pre_'+dossier+'" onclick="photosPrecedente(\'t_'+dossier+'\', \''+dossier+'\');" />'
	);
	//Ajoute chacune des images
	for (i=1; i<=nb; i++) {
		displayOrNot = (i<=nbPhotosAffichable) ? "" : "display: none;";
		document.write('<div class="tableau" id="t_'+dossier+'_'+i+'" style="'+displayOrNot+'">');
		document.write('	<div class="image" id="img_'+dossier+'_'+i+'" onclick="agrandir(\''+dossier+'_'+i+'\');" style="background-image: url(\''+srcBase+dossier+'/mini/'+tab[i-1][2]+'\')"></div>');
		document.write('	<div class="infos" id="infos_'+dossier+'_'+i+'">'+tab[i-1][3]+' ['+tab[i-1][5]+']</div>');
		document.write('</div>');
	}
	//Ajoute le bouton de défilement "suivant"
	document.write(
		'	<img class="button sui" src="'+srcSui+'" alt="Suivant" id="sui_'+dossier+'" onclick="photosSuivante(\'t_'+dossier+'\', \''+dossier+'\');" />'+
		'	</div>'+
		'</div>'
	);
	
	changerIndex(1, dossier);
}
function creerGallerieArchives(dossier, nb) {
	chaine = getImages(dossier, 1);			//Récuperation des informations sur les images de cette categorie
	if (chaine!=false && chaine!="") {		//Si le resultat est correct, on transforme le résultat en tableau à double entrée
		var tab = chaine.split("#");
		for (i=0; i<tab.length; i++) {
			tab[i] = tab[i].split("|");
		}
	}
	
	//Ajoute chacune des images
	for (i=1; i<=nb; i++) {
		document.write('<div class="tableau" id="t_'+dossier+'_'+i+'">');
		document.write('	<div class="image" id="img_'+dossier+'_'+i+'" onclick="agrandir(\''+dossier+'_'+i+'\');" style="background-image: url(\''+srcBase+dossier+'/mini/'+tab[i-1][2]+'\')"></div>');
		document.write('	<div class="infos" id="infos_'+dossier+'_'+i+'">'+tab[i-1][3]+' ['+tab[i-1][5]+']</div>');
		document.write('</div>');
	}
}

function getNbAffichable(dossier) { return (getNbPhotos(dossier) < nbPhotosAffichable) ? getNbPhotos(dossier) : nbPhotosAffichable; }
function getNbPhotos(dossier) { return parseInt(document.getElementById('nb_'+dossier).innerHTML, 10); }
function getIndex(dossier) { return parseInt(document.getElementById('ind_'+dossier).innerHTML, 10); }
function setIndex(dossier, val) { document.getElementById('ind_'+dossier).innerHTML = val; }
function photosPrecedente(box, dossier) {
	id = getIndex(dossier);
	if (id > 1) {
		document.getElementById('t_'+dossier+'_'+(id+nbPhotosAffichable-1)).style.display = "none";
		document.getElementById('t_'+dossier+'_'+(id-1)).style.display = "";
		changerIndex(id-1, dossier);
	}
}
function photosSuivante(box, dossier) {
	id = getIndex(dossier);
	if (id < getNbPhotos(dossier)-nbPhotosAffichable+1) {
		document.getElementById('t_'+dossier+'_'+id).style.display = "none";
		document.getElementById('t_'+dossier+'_'+(id+nbPhotosAffichable)).style.display = "";
		changerIndex(id+1, dossier);
	}
}
function changerIndex(newIndex, dossier) {
	setIndex(dossier, newIndex);
	document.getElementById('pre_'+dossier).src = (newIndex <= 1) ? srcPreDisabled : srcPre;
	document.getElementById('sui_'+dossier).src = (newIndex + nbPhotosAffichable > getNbPhotos(dossier)) ? srcSuiDisabled : srcSui;
}
function agrandir(suffixeID) {
	document.getElementById("agrandissement").style.display = "";
	//document.getElementById("imageAgrandissement").style.backgroundImage = document.getElementById("img_"+suffixeID).style.backgroundImage.replace("/mini/", "/");
	source = document.getElementById("img_"+suffixeID).style.backgroundImage.replace("/mini/", "/");
	source = source.substring(4);
	source = source.substring(0, source.length-1);
	document.getElementById("imageAgrandissement").src = source;
	document.getElementById("infosAgrandissement").innerHTML = document.getElementById("infos_"+suffixeID).innerHTML;
	fondu("agrandissement", 0);
}
function fermer(id) {
	document.getElementById("agrandissement").style.display = "none";
}


function setOpacite(obj, opacite) {
	opacite = (opacite == 100) ? 99.999 : opacite;
	obj.style.filter = "alpha(opacity:"+opacite+")";	// IE/Win
	obj.style.KHTMLOpacity = opacite / 100;				// Safari<1.2, Konqueror
	obj.style.MozOpacity = opacite / 100;				// Older Mozilla and Firefox
	obj.style.opacity = opacite / 100;					// Safari 1.2, newer Firefox and Mozilla, CSS3
}
function fondu(objId, opacite) {
	if (document.getElementById && opacite <= 100) {
		obj = document.getElementById(objId);
		setOpacite(obj, opacite);
		opacite += 10;
		window.setTimeout("fondu('"+objId+"',"+opacite+")", 5);
	}
}