/**
 * @author Riana
 */

window.addEvent('domready', function(){
		Nifty("div#texte-bio,div#image-bio","big");
		Nifty("div#texte-bio h1,div#memberdata h1","normal");
	})

var membresGroupe = new Array();

function displayMember(index){
	
	var memberViewDiv = $('memberView');
	
	var children = memberViewDiv.getChildren();
	children.each(function(child){
		child.remove();
	});
	
	var membre = membresGroupe[index];
	
	/**
	 * Photo Du Membre selectionne
	 */
	var photoMemberDiv = new Element('div', {'id': 'photoMember'});
	photoMemberDiv.inject(memberViewDiv);
	
	var saPhoto = new Element('img', {'src': membre.photo});
	saPhoto.inject(photoMemberDiv);
	
	var saCitation = new Element('p').setHTML('\"' + membre.citation+'\"');
	saCitation.inject(photoMemberDiv);
	
	var memberdataDiv = new Element('div', {'id': 'memberdata'});
	memberdataDiv.inject(memberViewDiv);
	
	var titre = new Element('h1').setHTML(membre.nom);
	titre.inject(memberdataDiv);
	membre.donnees.each(function(donnee){
		var paragrapheEtl = new Element('p');
		
		paragrapheEtl.setHTML('<b>'+ donnee.label + "</b> : " + donnee.valeur);
		paragrapheEtl.inject(memberdataDiv);
	});
	
	if(membre.liens){
		var liensStr = '';
		var index = 0;
		membre.liens.each(function(lien){
			liensStr += '<a href=Javascript:openLink(\''+ lien.adresse+ '\')>'+ lien.label +'</a>';
			index++;
			if(index < (membre.liens.length)){
				liensStr += ', ';
			}
		});
		var paragrapheEtl = new Element('p');
		paragrapheEtl.setHTML('<b>Liens</b> : ' + liensStr);
		paragrapheEtl.inject(memberdataDiv);
	}
	if(membre.matos){
		
		var listeMatosDiv = new Element('div', {'id': 'listeMatos'});
		listeMatosDiv.inject(memberViewDiv);
		
		/*
		var pluriel = '';
		if(membre.matos.length > 1){
			pluriel = 's';
		}
		var titreMatos = new Element('h1').setHTML('Instrument' + pluriel);
		titreMatos.inject(listeMatosDiv);
		*/
		
		var matosConteneurDiv = new Element('ul', {'id': 'matosConteneur'});
		matosConteneurDiv.inject(listeMatosDiv);
	
		membre.matos.each(function(donnee){
			
			var matosDiv = new Element('li', {'id': donnee.nom});
		
		
			var linkEl = new Element('a', {'href': donnee.photo , 'rel':'lightbox'});
			linkEl.inject(matosDiv);
			var imgEl = new Element('img', {'src': donnee.thumbnail, 'width' :'160px', 'height' :'160px'});
			imgEl.inject(linkEl);
				
			var nomMatos = new Element('h1').setHTML(donnee.nom);
			nomMatos.inject(matosDiv);
			if(donnee.commentaire.length > 0){
				var commentaire = new Element('p').setHTML('\"'+donnee.commentaire+'\"');
				commentaire.inject(matosDiv);
			}
			
			matosDiv.inject(matosConteneurDiv);
		});
		
	}
	window.fireEvent('domready',0, 0);
}

function createGroupeIndex(){
	var memberSelectionDiv = $('memberSelection');
	var index = 0;
	membresGroupe.each( function(membre){
		
		var linkDiv = new Element('div', {'class': 'link'});
		linkDiv.inject(memberSelectionDiv);
		
		
		var linkEl = new Element('a', {'href': 'Javascript:displayMember('+ index + ')'});
		linkEl.setHTML(membre.nom);
		linkEl.inject(linkDiv);
		
		/*
		var imgEl = new Element('img', {'src': membre.photoSelection});
		imgEl.inject(linkEl);*/
		
		index++;
	});
	window.fireEvent('domready',0, 0);
}

function createGroupeData(members){
	membresGroupe = members;
}

function loadGroupeData(url)
{
    var request = new Json.Remote(url, {
		method : 'get',
        onComplete: function(jsonObj) {
            createGroupeData(jsonObj.members);
        },
		onerror: function(){
			alert("erreur de chargement du fichier des membres");
		}
    }).send();
}