/**
 * @author Riana
 */

/****************************************************************************
 * CHARGEMENT GALERIE
 ****************************************************************************/

var GaleriesData = function(){
	this.galeriesIndex = new Array();
	this.galeries = new Array();
};

var galeriesData = new GaleriesData();
	
function createGalleryPage(galNumber, galerie) {
	
	var photoZone = $('galeryZone');
	
	var children = photoZone.getChildren();
	children.each(function(child){
		child.remove();
	});
	
	var divTitle = new Element('div', {'id' : 'titreGalerie'});
	divTitle.injectInside(photoZone);
	new Element('h1').setHTML(galeriesData.galeriesIndex[galNumber].titre).injectInside(divTitle);
	
	
	var navGalerie = new Element('div', {'id' : 'navGalerie'});
	navGalerie.injectInside(photoZone);
	new Element('a', {'href':'Javascript:loadIndexGalerie()'}).setHTML('Retour Index').injectInside(navGalerie);
	
	var photoConteneurDiv = new Element('ul', {'id': 'photoConteneur'});
	photoConteneurDiv.inject(photoZone);
	
    galerie.each(  function(n) {
			
			var galDiv = new Element('li', {'id': 'photo' + n});
			galDiv.inject(photoConteneurDiv);
		
			var linkEl = new Element('a', {'href': n.photo , 'rel':'lightboxatomium'});
			linkEl.inject(galDiv);
			var imgEl = new Element('img', {'src': n.apercu});
			imgEl.inject(linkEl);
        }
    );
	window.fireEvent('domready',0, 0);
}

/**
 * 
 * @param {String} url du fichier json contenant l'index
 */
function loadGallery(galNumber)
{
	var url = webSiteURL + galeriesData.galeriesIndex[galNumber].index;
    var request = new Json.Remote(url, {
		method : 'get',
        onComplete: function(jsonObj) {
			/*galeriesData.galeries.push(jsonObj.gallery);*/
			createGalleryPage(galNumber, jsonObj.gallery);
        },
		onerror: function(){
			alert("erreur de chargement du fichier d'index des photos");
		}
    }).send();
}

function createGalleriesSelectionDOM(){
	var galeryNav = $('galerySelection');
	var counter =0;
	
	var galeryConteneurDiv = new Element('ul', {'id': 'galeryConteneur'});
	galeryConteneurDiv.inject(galeryNav);
		
	galeriesData.galeriesIndex.each(  function(n) {
		var galDiv = new Element('li', {'id': 'galery'});
		galDiv.inject(galeryConteneurDiv);
		
		var linkEl = new Element('a', {'href': 'Javascript:loadGalleryPage('+ counter + ')'});
		linkEl.inject(galDiv);
		
		var imgEl = new Element('img', {'src': n.thumbnail});
		imgEl.inject(linkEl);
		
		new Element('h1').setHTML(n.titre).injectInside(galDiv);
		
		counter++;
	});
	window.fireEvent('domready',0, 100);
}

function storeGaleriesIndex(galeries){
	galeriesData.galeriesIndex = galeries;
}

function loadGalleries(url)
{
    var request = new Json.Remote(url, {
		method : 'get',
        onComplete: function(jsonObj) {
            storeGaleriesIndex(jsonObj.galeries);
        },
		onerror: function(){
			alert("erreur de chargement du fichier d'index des photos");
		}
    }).send();
}