window.onload = init;

function init(){
	checkPhotoResizable();
	document.getElementById("clicShowCode").onclick = showCode;
}

function setPage(cMediaFichier){
	for (i=0;i<photos.length;i++){
		if (photos[i].cMediaFichier == cMediaFichier){
			nPhoto = i;
			nPage = Math.floor(nPhoto/nPaging);
			break;
		}
	}
	displayPage();
}

function showCode(event){
	document.getElementById("codeHtml").style.display = "block";
}

function hideCode(event){
	document.getElementById("codeHtml").style.display = "none";
}

function checkPhotoResizable(){
	var imgRsz = document.getElementById("imgRsz");
	var imgNormal = document.getElementById("imgNormal");
	var txtZoom = document.getElementById("txtZoom");
	var imgZoom = document.getElementById("imgZoom")
	var divPhotoRsz = document.getElementById("divPhotoRsz");
	var divPhotoNormal = document.getElementById("divPhotoNormal");

	if (!imgRsz || !imgNormal || !txtZoom || !divPhotoRsz || !divPhotoNormal || !imgZoom)
		return;

	if (imgNormal.width > imgRsz.width || imgNormal.height > imgRsz.height){

		divPhotoRsz.style.cursor = "pointer";
		divPhotoNormal.style.cursor = "pointer";
		divPhotoRsz.onclick = toggleShow;
		divPhotoNormal.onclick = toggleShow;
		txtZoom.onclick = toggleShow;
		txtZoom.innerHTML = CAPTION_SHOWFULLSIZE;
		txtZoom.style.cursor = "pointer";
		txtZoom.className = "link1";
		imgZoom.style.display = "inline";

		divPhotoNormal.style.display = "none";
		divPhotoNormal.style.visibility = "visible";
	}
	else{
		txtZoom.innerHTML = CAPTION_ALREADYFULLSIZE;
		txtZoom.style.cursor = "default";
		txtZoom.className = "inactive";
		imgZoom.style.display = "none";
	}
}

function toggleShow(){
	var txtZoom = document.getElementById("txtZoom");
	var divPhotoNormal = document.getElementById("divPhotoNormal");

	if (!txtZoom || !divPhotoNormal)
		return;

	if ("block" == divPhotoNormal.style.display){
		divPhotoNormal.style.display = "none";
		txtZoom.innerHTML = CAPTION_SHOWFULLSIZE;
	}
	else{
		divPhotoNormal.style.display = "block";
		txtZoom.innerHTML = CAPTION_SHOWRESIZED;
	}
}

function displayPage(){
	var listeVignettes = document.getElementById("galerie");
	var vignettes = listeVignettes.getElementsByTagName("td");
	for (i=0;i<vignettes.length;i++){
		var photo = photos[nPage*nPaging + i];
		if (photo){
			vignettes[i].innerHTML = "<h4><a" + ((nPage*nPaging + i == nPhoto)?" class='current'":" href='" + urlTemplate.replace(/#cmf#/, photo.cMediaFichier) + "'") + " title='" + photo.titre.replace(/'/g,"&#39;") + "'>" +
				"<img src='" + SKIN_PATH + "/empty.gif' style='background-image:url(" + CRP_PATH + photo.fichier + ")' />" +
				"</a></h4>";
		}
		else
			vignettes[i].innerHTML = "<a class='empty'><img src='" + SKIN_PATH + "/empty.gif'/></a>";
	}

	document.getElementById("spanFirstPhoto").innerHTML = nPage*nPaging + 1;
	document.getElementById("spanLastPhoto").innerHTML = Math.min((nPage+1)*nPaging, nTotalPhotos);

	var spanPrevPage = document.getElementById("spanPrevPage")
	if (0 == nPage){
		spanPrevPage.innerHTML = CAPTION_PREV;
		spanPrevPage.className = "inactive";
	}
	else{
		spanPrevPage.innerHTML = "<a class='link1' href='#' onclick='try{prevPage();return false;}catch(e){return true;};'>" + CAPTION_PREV + "</a>";
		spanPrevPage.className = "";
	}

	var spanNextPage = document.getElementById("spanNextPage")
	if (nTotalPages-1 == nPage){
		spanNextPage.innerHTML = CAPTION_NEXT;
		spanNextPage.className = "inactive";
	}
	else{
		spanNextPage.innerHTML = "<a class='link1' href='#' onclick='try{nextPage();return false;}catch(e){return true;};'>" + CAPTION_NEXT + "</a>";
		spanNextPage.className = "";
	}
}

function prevPage(){
	if (nPage > 0){
		nPage--;
		displayPage();
	}
}

function nextPage(){
	if (nPage < nTotalPages-1){
		nPage++;
		displayPage();
	}
}