/**
 * Cette fonction permet d'ajouter une image
 * 
 * @param idImage int : id de l'image
 * @param nomImage string : nom de l'image
 * @param cheminLogo string : chemin du logo representatif du type mime de l'image
 * @param cheminImage string : chemin de l'image
 * @param cheminMiniature string : chemin de la miniature de l'image
 * @param peutSupprimer boolean : le membre connecte peut il supprimer l'image?
 */
function ajouterImage(idImage,nomImage,cheminLogo,cheminImage,cheminMiniature,peutSupprimer) {
	// Nettoyer la div de destination si necessaire
	var divListeImages = document.getElementById('dossier_images_liste');
	if(divListeImages.getElementsByTagName('div').length == 0) {
		divListeImages.innerHTML = '';
	}
	
	// Creer la div englobante
	var divEnglobante = document.createElement('div');
	divEnglobante.className = 'dossier_image';
	divEnglobante.style.display = 'none';
	divEnglobante.id = 'dossier_image_'+idImage;
	divEnglobante.style.cssFloat = 'left';
	divEnglobante.style.styleFloat = 'left';
	divEnglobante.style.width = '80px';
	divEnglobante.style.textAlign = 'center';
	divListeImages.appendChild(divEnglobante);
	
	// Creer la div de l'image et des boutons
	var divImage = document.createElement('div');
	divImage.style.overflow = 'hidden';
	divImage.style.width = '70px';
	divImage.style.marginLeft = 'auto';
	divImage.style.marginRight = 'auto';
	divImage.style.marginBottom = '4px';
	divEnglobante.appendChild(divImage);
	
	// Creer l'image de la miniature
	var image = document.createElement('img');
	image.src = _pathToRootFolder+cheminMiniature;
	image.style.position = 'absolute';
	image.title = 'Masquer l\'apercu';
	image.style.cursor = 'pointer';
	image.onclick = function() {
		//image.style.display = 'none';
		//$(image).slideUp('slow')
		$(image).fadeOut('slow');
	}
	image.onmouseout = function() {
		//image.style.display = 'none';
		//$(image).slideUp('slow')
		$(image).fadeOut('slow');
	}
	image.style.display = 'none';
	divImage.appendChild(image);
	
	// Creer l'icone du type mime de l'image
	var iconMimeType = document.createElement('img');
	iconMimeType.alt = '#';
	iconMimeType.src = _pathToRootFolder+cheminLogo;
	iconMimeType.style.cssFloat = 'left';
	iconMimeType.style.styleFloat = 'left';
	iconMimeType.style.verticalAlign = 'middle';
	iconMimeType.title = 'Afficher l\'apercu';
	iconMimeType.style.cursor = 'pointer';
	iconMimeType.onclick = function() {
		//image.style.display = 'block';
		//$(image).slideDown('slow');
		$(image).animate({height:'toggle'});
	}
	divImage.appendChild(iconMimeType);
	
	if(peutSupprimer) {
		// Bouton de suppression
		var delImage = document.createElement('img');
		delImage.alt = 'x';
		delImage.style.cursor = 'pointer';
		delImage.src = _pathToRootFolder+'media/kdeCrystalDiamond/16x16/actions/remove.png';
		delImage.title = 'Supprimer l\'image';
		delImage.onclick = function() {
			supprimerImage(idImage);
		}
		divImage.appendChild(delImage);
	}
	
	// Bouton d'insertion
	var insImage = document.createElement('img');
	insImage.alt = '<';
	insImage.style.cursor = 'pointer';
	insImage.src = _pathToRootFolder+'media/divers/fleche.verte.png';
	insImage.title = 'Inserer l\'image';
	insImage.onclick = function() {
		insertBBCode('[:image:/'+idImage+']','','dossier_contenu');
	}
	divImage.appendChild(insImage);
	
	// Bouton d'insertion 2
	var insImage2 = document.createElement('img');
	insImage2.alt = '<';
	insImage2.style.cursor = 'pointer';
	insImage2.src = _pathToRootFolder+'media/divers/fleche.bleu.png';
	insImage2.title = 'Inserer la miniature';
	insImage2.onclick = function() {
		insertBBCode('[:miniature:/'+idImage+']','','dossier_contenu');
	}
	divImage.appendChild(insImage2);
	
	// Creer le texte
	var spanTextIdImage = document.createElement('span');
	spanTextIdImage.title = nomImage;
	var textIdImage = document.createTextNode(limite(nomImage,10,true));
	spanTextIdImage.appendChild(textIdImage);
	divEnglobante.appendChild(spanTextIdImage);
	
	// Afficher la div englobante
	//$(divEnglobante).fadeIn();
	$(divEnglobante).animate({height: 'toggle', opacity: 'toggle'}, 'slow');
}

/**
 * Cette fonction permet de supprimer une image
 * 
 * @param idImage int : id de l'image
 */
function supprimerImage(idImage) {
	if(window.confirm('Etes vous sure de bien vouloir supprimer cette image?')) {
		// Supprimer l'image
		$.get(_pathToRootFolder+'dossiers.fichiers.images.php',{supprimerImage:idImage},
				  function success(data){
			    	// Recuperer la liste des images et la div l'image
					var divListeImages = document.getElementById('dossier_images_liste');
					var divImage = document.getElementById('dossier_image_'+idImage);
						
					// Supprimer la div de l'image
					//$(divImage).fadeOut();
					$(divImage).animate({height: 'toggle', opacity: 'toggle'}, 'slow');
					
					// Supprimer les occurences de l'image dans le dossier
					var dossierContenu = document.getElementById('dossier_contenu');
					dossierContenu.value = dossierContenu.value.replace('[:image:/'+idImage+']','');
					dossierContenu.value = dossierContenu.value.replace('[:miniature:/'+idImage+']','');
			      });
	}
}

/**
 * Cette fonction permet d'ajouter un fichier
 * 
 * @param idImage int : id du fichier
 * @param nomImage string : nom du fichier
 * @param cheminLogo string : chemin du logo representatif du type mime de l'image
 * @param peutSupprimer boolean : le membre connecte peut il supprimer le fichier?
 */
function ajouterFichier(idFichier,nomFichier,cheminLogo,cheminFichier,peutSupprimer) {
	// Nettoyer la div de destination si necessaire
	var divListeImages = document.getElementById('dossier_fichiers_liste');
	if(divListeImages.getElementsByTagName('div').length == 0) {
		divListeImages.innerHTML = '';
	}
	
	// Creer la div englobante
	var divEnglobante = document.createElement('div');
	divEnglobante.style.display = 'none';
	divEnglobante.className = 'dossier_fichier';
	divEnglobante.id = 'dossier_fichier_'+idFichier;
	divEnglobante.style.cssFloat = 'left';
	divEnglobante.style.styleFloat = 'left';
	divEnglobante.style.width = '80px';
	divEnglobante.style.textAlign = 'center';
	divListeImages.appendChild(divEnglobante);
	
	// Creer la div du fichier et des boutons
	var divFichier = document.createElement('div');
	divFichier.style.overflow = 'hidden';
	divFichier.style.width = '70px';
	divFichier.style.marginLeft = 'auto';
	divFichier.style.marginRight = 'auto';
	divFichier.style.marginBottom = '4px';
	divEnglobante.appendChild(divFichier);
	
	// Creer l'icone du type mime de l'image
	var iconMimeType = document.createElement('img');
	iconMimeType.alt = '#';
	iconMimeType.src = _pathToRootFolder+cheminLogo;
	iconMimeType.title = 'Telecharger le fichier';
	iconMimeType.style.cssFloat = 'left';
	iconMimeType.style.styleFloat = 'left';
	iconMimeType.style.cursor = 'pointer';
	iconMimeType.onclick = function() {
		//window.open(_pathToRootFolder+cheminFichier,'_blank');
		window.location = _pathToRootFolder+'dossiers.download.php?idFichier='+idFichier;
	}
	divFichier.appendChild(iconMimeType);
	
	// Bouton de suppression
	if(peutSupprimer) {
		var delFichier = document.createElement('img');
		delFichier.alt = '#';
		delFichier.src = _pathToRootFolder+'media/kdeCrystalDiamond/16x16/actions/remove.png';
		delFichier.style.cursor = 'pointer';
		delFichier.title = 'Supprimer le fichier';
		delFichier.onclick = function() {
			supprimerFichier(idFichier);
		}
		divFichier.appendChild(delFichier);
	}
	
	// Bouton d'insertion
	var insFichier= document.createElement('img');
	insFichier.alt = '#';
	insFichier.style.cursor = 'pointer';
	insFichier.src = _pathToRootFolder+'media/divers/fleche.verte.png';
	insFichier.title = 'Inserer le fichier';
	insFichier.onclick = function() {
		insertBBCode('[:fichier:/'+idFichier+']','','dossier_contenu');
	}
	divFichier.appendChild(insFichier);
	
	// Creer le texte
	var spanTextIdFichier = document.createElement('span');
	spanTextIdFichier.title = nomFichier;
	var textIdFichier = document.createTextNode(limite(nomFichier,10,true));
	spanTextIdFichier.appendChild(textIdFichier);
	divEnglobante.appendChild(spanTextIdFichier);
	
	// Afficher la div englobante
	//$(divEnglobante).fadeIn();
	$(divEnglobante).animate({height: 'toggle', opacity: 'toggle'}, 'slow');
}

/**
 * Cette fonction permet de supprimer un fichier
 * 
 * @param idFichier int : id du fichier
 */
function supprimerFichier(idFichier) {
	if(window.confirm('Etes vous sure de bien vouloir supprimer ce fichier?')) {
		// Supprimer le fichier
		$.get(_pathToRootFolder+'dossiers.fichiers.images.php',{supprimerFichier:idFichier},
				  function success(data){
					// Recuperer la liste des fichier et la div du fichier
					var divListeFichiers = document.getElementById('dossier_fichiers_liste');
					var divFichier = document.getElementById('dossier_fichier_'+idFichier);
					
					// Supprimer la div du fichier
					//$(divFichier).fadeOut();
					$(divFichier).animate({height: 'toggle', opacity: 'toggle'}, 'slow');
					
					// Supprimer les occurences du fichier dans le dossier
					var dossierContenu = document.getElementById('dossier_contenu');
					dossierContenu.value = dossierContenu.value.replace('[:fichier:/'+idFichier+']','');
			      });
	}
}