var hauteurImageDiapoPortrait 	= '800px';
	var largeurImageDiapoPortrait 	= '600px';
	var hauteurImageDiapoPaysage 	= '600px';
	var largeurImageDiapoPaysage 	= '800px';
	var derniereModifDiapo = '';
	
	var REPERTOIRE_DIAPOS 			= 'diapos/';
	
	var IMAGE_FIRST 				= ROOT_PATH + DOSSIER_IMAGES + 'first.png';
	var IMAGE_NOT_FIRST 			= ROOT_PATH + DOSSIER_IMAGES + 'not_first.png';
	var IMAGE_PRECEDENT 			= ROOT_PATH + DOSSIER_IMAGES + 'precedent.png';
	var IMAGE_NOT_PRECEDENT 		= ROOT_PATH + DOSSIER_IMAGES + 'not_precedent.png';
	var IMAGE_SUIVANT 				= ROOT_PATH + DOSSIER_IMAGES + 'suivant.png';
	var IMAGE_NOT_SUIVANT 			= ROOT_PATH + DOSSIER_IMAGES + 'not_suivant.png';
	var IMAGE_LAST 					= ROOT_PATH + DOSSIER_IMAGES + 'last.png';
	var IMAGE_NOT_LAST 				= ROOT_PATH + DOSSIER_IMAGES + 'not_last.png';
	var imageWaitPartage 			= ROOT_PATH + DOSSIER_IMAGES + 'wait3.gif';
	
	function setAllLiens() {
		//setLiensVignettes();
		setLiensChangementDiapo();
		setLiensFormatEtRotationDiapo();
	}
	
	function setLiensVignettes() {
		
	}
	
	function setLiensFormatEtRotationDiapo() {
		// Lien basculement format portrait <-> paysage
		var urlRequeteChangementFormat = fichierCommandesPartageDocPHP + '?action=changerformat';
		var lienChangementFormat = $('lien_changement_format');
		setLienRotation(lienChangementFormat, urlRequeteChangementFormat);
		
		// Lien rotation gauche
		var urlRequeteRotationGauche = fichierCommandesPartageDocPHP + '?action=rotation&sens=gauche';
		var lienRotationGauche = $('lien_rotation_gauche');
		setLienRotation(lienRotationGauche, urlRequeteRotationGauche);
		
		// Lien rotation droite
		var urlRequeteRotationDroite = fichierCommandesPartageDocPHP + '?action=rotation&sens=droite';
		var lienRotationDroite = $('lien_rotation_droite');
		setLienRotation(lienRotationDroite, urlRequeteRotationDroite);
	}
	
	function setLiensChangementDiapo() {
		// Lien première diapo
		var urlRequetePremiereDiapo = fichierCommandesPartageDocPHP + '?action=setdiapo&diapo=0';
		var lienPremiereDiapo1 = $('lien_premiere_diapo');
		var lienPremiereDiapo2 = $('lien_premiere_diapo_2');
		setLienChangementDiapoGauche(lienPremiereDiapo1, urlRequetePremiereDiapo, IMAGE_FIRST, IMAGE_NOT_FIRST);
		setLienChangementDiapoGauche(lienPremiereDiapo2, urlRequetePremiereDiapo, IMAGE_FIRST, IMAGE_NOT_FIRST);
		
		// Lien diapo précédente
		var urlRequeteDiapoPrecedente = fichierCommandesPartageDocPHP + '?action=reculer';
		var lienDiapoPrecedente1 = $('lien_diapo_precedente');
		var lienDiapoPrecedente2 = $('lien_diapo_precedente_2');
		setLienChangementDiapoGauche(lienDiapoPrecedente1, urlRequeteDiapoPrecedente, IMAGE_PRECEDENT, IMAGE_NOT_PRECEDENT);
		setLienChangementDiapoGauche(lienDiapoPrecedente2, urlRequeteDiapoPrecedente, IMAGE_PRECEDENT, IMAGE_NOT_PRECEDENT);
		
		
		// Lien diapo suivante
		var urlRequeteDiapoSuivante = fichierCommandesPartageDocPHP + '?action=avancer';
		var lienDiapoSuivante1 = $('lien_diapo_suivante');
		var lienDiapoSuivante2 = $('lien_diapo_suivante_2');
		setLienChangementDiapoDroite(lienDiapoSuivante1, urlRequeteDiapoSuivante, IMAGE_SUIVANT, IMAGE_NOT_SUIVANT);
		setLienChangementDiapoDroite(lienDiapoSuivante2, urlRequeteDiapoSuivante, IMAGE_SUIVANT, IMAGE_NOT_SUIVANT);
		
		// Lien dernière diapo
		var urlRequeteDerniereDiapo = fichierCommandesPartageDocPHP + '?action=setdiapo&diapo=' + (nbDiapos-1).toString();
		var lienDerniereDiapo1 = $('lien_derniere_diapo');
		var lienDerniereDiapo2 = $('lien_derniere_diapo_2');
		setLienChangementDiapoDroite(lienDerniereDiapo1, urlRequeteDerniereDiapo, IMAGE_LAST, IMAGE_NOT_LAST);
		setLienChangementDiapoDroite(lienDerniereDiapo2, urlRequeteDerniereDiapo, IMAGE_LAST, IMAGE_NOT_LAST);
	}
	
	
	
	function setLienRotation(lienRotation, urlRequete) {
		lienRotation.removeEvents('click');
		lienRotation.addEvent('click', function(e) {
			e = new Event(e).stop();
			new Request.HTML({
				url: urlRequete, 
				method: 'post',
				onComplete:function() {
					
				}
			}).post();
		});
	}
	
	function setLienChangementDiapoGauche(lienChangementDiapo, urlRequete, imageActive, imageInactive) {
		lienChangementDiapo.removeEvents('click');
		if (numDiapoCourante == 0) {
			lienChangementDiapo.set('text', '');
			new Element('img', {'src': imageInactive}).inject(lienChangementDiapo);
			lienChangementDiapo.addEvent('click', function(e) {
				e = new Event(e).stop();
			});
		}
		else {
			lienChangementDiapo.set('text', '');
			new Element('img', {'src': imageActive}).inject(lienChangementDiapo);
			
			lienChangementDiapo.addEvent('click', function(e) {
				e = new Event(e).stop();
				new Request.HTML({
					url: urlRequete, 
					method: 'post',
					onComplete:function() {
						
					}
				}).post();
			});
		}
	}
	
	function setLienChangementDiapoDroite(lienChangementDiapo, urlRequete, imageActive, imageInactive) {
		lienChangementDiapo.removeEvents('click');
		if (numDiapoCourante == (nbDiapos-1)) {
			lienChangementDiapo.set('text', '');
			new Element('img', {'src': imageInactive}).inject(lienChangementDiapo);
			lienChangementDiapo.addEvent('click', function(e) {
				e = new Event(e).stop();
			});
		}
		else {
			lienChangementDiapo.set('text', '');
			new Element('img', {'src': imageActive}).inject(lienChangementDiapo);
			
			lienChangementDiapo.addEvent('click', function(e) {
				e = new Event(e).stop();
				new Request.HTML({
					url: urlRequete, 
					method: 'post',
					onComplete:function() {
						
					}
				}).post();
			});
		}
	}
	
	function majNumNbDiapo(numDiapo, nbDiapos) {
		if (typeUser == 'Maitre') {
			// Numéro de la diapo courante
			$('num_nb_diapo').set('text', numDiapo + '/' + nbDiapos);
			$('num_nb_diapo_2').set('text', 'Diapo ' + numDiapo + '/' + nbDiapos);
		}
		else {
			// Numéro de la diapo courante
			$('num_nb_diapo').set('text', 'Diapo ' + numDiapo + '/' + nbDiapos);
			$('num_nb_diapo_2').set('text', 'Diapo ' + numDiapo + '/' + nbDiapos);
		}
	}
	
	function majSelectionVignette(indexCourant) {
		// MAJ de la sélection
		var numVignette = 0;
		while ($('vignette_' + numVignette) != null) {
			imgVignette = $('vignette_' + numVignette).getFirst();
			if (indexCourant == numVignette) {
				classVignette = 'selected';
			}
			else {
				classVignette = '';
			}
			imgVignette.set('class', imgVignette.get('class') + ' ' + classVignette);
			numVignette++;
		}
	}
	
	function majDoc() {
		var request = new Request.JSON({
			url: fichierDiapoPHP, 
			onFailure : function () {
				console.log('cancel');
				request.cancel()
			},
			onComplete: function(jsonObj) {
				var divCadreDiapo = $('cadre_diapo');
				divCadreDiapo.set('text', '');
				
				if (jsonObj != null && jsonObj.diapo_courant != null && jsonObj.liste_vignettes != null) {
					// Partage de document commencé
					
					// -------- Données sur le partage ---------
					nbDiapos = jsonObj.nb_diapos;
					numDiapoCourante = jsonObj.diapo_courant;
					
					if (typeUser == 'Maitre') {
						// -------- MAJ des vignettes ---------
						
						// MAJ des images vignettes
						var divVignettes = $('liste_vignettes');
						divVignettes.set('text', '');
						
						var numVigette = 0;
						jsonObj.liste_vignettes.each(function(obj) {
							var classImage;
							var hauteurVignette = parseInt(obj.hauteur);
							var largeurVignette = parseInt(obj.largeur);
							if (hauteurVignette > largeurVignette) {
								classImage = 'vignette_portrait';
							}
							else {
								classImage = 'vignette_paysage';
							}
							
							var a = new Element('a', {'href':'#', 'id':'vignette_' + obj.num_diapo});
							//var paramVignette = '?' + Math.random(1);
							var paramVignette = '';
							if (numVigette == numDiapoCourante) {
								paramVignette = '?' + jsonObj.maj;
							}
							new Element('img', {'src':obj.lien_image + paramVignette, 'class':classImage}).inject(a);
							
							a.addEvent('click', function(e) {
								var idLienVignette = e.target.getParent().get('id');
								e = new Event(e).stop();
								new Request.HTML({
									url: fichierCommandesPartageDocPHP + '?action=setdiapo&diapo=' + 
										idLienVignette.substr("vignette_".length, idLienVignette.length), 
									method: 'post',
									onComplete:function() {
										
									}
								}).post();
							});
							
							a.inject(divVignettes);
							numVigette++;
						});
					}
					
					// -------- MAJ de la diapo courante ---------
					
					// Affichage de la diapo courante
					var numDiapoAffiche = parseInt(numDiapoCourante) + 1;
					
					// Configuration du format des cadres contenant la diapo
					var divPartageDoc = $('partage_doc');
					var divLiensDiapo = $('liens_partage_doc');
					if (typeUser == 'Maitre') {
						var divNumDiapo = $('num_page_centre');
					}
					
					if (jsonObj.format == 1) {
						
					}
					
					var hauteurDiapo = parseInt(jsonObj.hauteur_diapo_courante);
					var largeurDiapo = parseInt(jsonObj.largeur_diapo_courante);
					
					if (hauteurDiapo > largeurDiapo) {
						// Format portrait
						divCadreDiapo.setProperty('class', 'largeur_portrait hauteur_portrait');
						divPartageDoc.setProperty('class', 'largeur_portrait');
						divLiensDiapo.setProperty('class', 'largeur_portrait');
						
						if (typeUser == 'Maitre') {
							divNumDiapo.setProperty('class', 'largeur_portrait');
						}
						
						largeurImageDiapo = largeurImageDiapoPortrait;
						hauteurImageDiapo = hauteurImageDiapoPortrait;
					}
					else {
						// Format paysage
						divCadreDiapo.setProperty('class', 'largeur_paysage hauteur_paysage');
						divPartageDoc.setProperty('class', 'largeur_paysage');
						divLiensDiapo.setProperty('class', 'largeur_paysage');
						
						if (typeUser == 'Maitre') {
							divNumDiapo.setProperty('class', 'largeur_paysage');
						}
						
						largeurImageDiapo = largeurImageDiapoPaysage;
						hauteurImageDiapo = hauteurImageDiapoPaysage;
					}
					
					// Lien vers la diapo
					var srcImage = jsonObj.lien_diapo_courante;
					// Paramètre supplémentaire sur la diapo permettant de rafraîchir l'image en cas de modification de celle-ci (rotation, etc)
					srcImage += '?' + jsonObj.maj;
					
					// Configuration de la diapo
					new Element('img', {'src':srcImage, alt:'Diapo no ' + numDiapoAffiche,
					'width':largeurImageDiapo, 'height':hauteurImageDiapo}).inject(divCadreDiapo);
					
					if (typeUser == 'Maitre') {
						majSelectionVignette(numDiapoCourante);
						setLiensChangementDiapo();
					}
					
					majNumNbDiapo(numDiapoAffiche.toString(), nbDiapos);
				}
				else {
					// Partage de document non commencé
					var div = new Element('div', {'class':'no_partage'});
					if (typeUser == 'Invite') {
						var pWait = new Element('p');
						new Element('span').set('text', "Aucun document à partager pour le moment.").inject(pWait);
						new Element('br').inject(pWait);
						new Element('br').inject(pWait);
						new Element('span').set('text', "Veuillez attendre que l'organisateur démarre le partage de document.").inject(pWait);
						new Element('br').inject(pWait);
						new Element('br').inject(pWait);
						new Element('img', {'src': imageWaitPartage, 'alt':'""'}).inject(pWait);
						pWait.inject(div);
						
						$('num_nb_diapo').set('text', "");
						$('num_nb_diapo_2').set('text', "");
					}
					else {
						var pWait = new Element('p');
						new Element('span').set('text', "Veuillez patientez pendant le traitement du document...").inject(pWait);
						new Element('br').inject(pWait);
						new Element('br').inject(pWait);
						new Element('img', {'src': imageWaitPartage, 'alt':'""'}).inject(pWait);
						pWait.inject(div);
					}
					div.inject(divCadreDiapo);
				}
				
				majDate();
			}
		})
		
		request.send();
	}