/**
 * Variables globales.
 */
var cMenuAnnexe;
var cMenuArticle;
var cMenuCountry;
var cMenuFiche;
var cMenuHelmet;
var cMenuLexique;
var cMenuLink;
var cMenuNews;
var tmp = {};

/**
 * Affiche un bloc HTML et en cache un autre.
 * @param {String} a Id du bloc HTML à afficher.
 * @param {String} b Id du bloc HTML à cacher.
 */
function showhide(a,b)
{
	a.show();
	b.hide();
}

/**
 * Affichage Pop-Up, avec enregistrement d'un paramètre.
 * @param {String} idPopUp Id du bloc HTML à afficher.
 * @param {Int/String} param Parametre a passer a la Pop-Up (String ou Integer).
 */
function showPopUp(idPopUp, param)
{
	$('#'+idPopUp+' .paramPopUp').val(param);
	$('#'+idPopUp+' .textPopUp').html($('#textName'+param).html());
	$('#'+idPopUp).show();

	$('<div id="overlay"></div>').appendTo('body').css('opacity', 0.5).show();
	
	var w = $('#'+idPopUp);
	var x = Math.floor($(window).width()/2 - w.outerWidth()/2);
	var y = Math.floor($(window).height()/2 - w.outerHeight()/2);
	if(x < 0) {	x = 0; }
	if(y < 0) { y = 0; }
	w.css({left:x, top:y});
	tmp.editformpos = [x, y];
	w.css('max-width', $(window).width() - (w.outerWidth() - w.width()));
	w.fadeIn('fast');
}

/**
 * Fermeture de la Pop-Up.
 * @param {String} idPopUp Id du bloc HTML à cacher.
 * @see #showPopUp
 */
function cancelPopUp(idPopUp)
{
	$('#'+idPopUp).hide();
	$('body #overlay').remove();
}

/**
 * Construction des menus, gestion des clics, sous-menu.
 * @param {String} container Id du bloc HTML à afficher.
 * @param {Array} options Liste des fonctions affiliées au menu.
 */
function contextMenu(container, options)
{
	var menu = this;
	this.container = $('#'+container);
	this.menuOpen = false;
	this.options = options || {};
	this.submenu = [];
	this.curSubmenu = null;
	this.showTimer = null;

	this.container.find('li').click(function(){
		menu.onclick(this, menu);
		return false;
	})
	.each(function(){

		var submenu = 0;
		if($(this).is('.menu-indicator'))
		{
			submenu = new contextMenu($(this).attr('submenu'));
			submenu.$caller = $(this);
			submenu.parent = menu;
			if(menu.root){ 
				submenu.root = menu.root;
			}
			else{
				submenu.root = menu;
			}
			menu.submenu.push(submenu);

			submenu.container.find('li').click(function(){
				submenu.root.onclick(this, submenu);
				return false;
			});
		}

		$(this).hover(
			function(){
				if(!$(this).is('.menu-item-active')){ menu.container.find('li').removeClass('menu-item-active'); }
				clearTimeout(menu.showTimer);
				if(menu.curSubmenu && menu.curSubmenu.menuOpen && menu.curSubmenu != submenu)
				{
					menu.container.find('li').removeClass('menu-item-active');
					var curSubmenu = menu.curSubmenu;
					hideTimer = setTimeout(function(){
						curSubmenu.hide();
					}, 400);
				}

				if(!submenu || menu.curSubmenu == submenu && menu.curSubmenu.menuOpen){ return; }
				menu.curSubmenu = submenu;
				menu.showTimer = setTimeout(function(){
					submenu.showSub();
				}, 300);
				$(this).addClass('menu-item-active');
			},
			null
		);

	});

	this.onclick = function(item, fromMenu)
	{
		if($(item).is('.disabled,.menu-indicator')){ return; }
		menu.close();
		if(this.options.onclick){ this.options.onclick(item, fromMenu); }
	}

	this.hide = function()
	{
		for(var i in this.submenu)
		{ 
			this.submenu[i].hide(); 
		}
		this.container.hide();
		this.container.find('li').removeClass('menu-item-active');
		this.menuOpen = false;
	}

	this.close = function(event)
	{
		if(!this.menuOpen){ return; }
		if(event)
		{
			var t = event.target;
			if(t == this.caller){ return; }
			while(t.parentNode) {
				if(t.parentNode == this.caller){ return; }
				t = t.parentNode;
			}
		}
		this.hide();
		$(this.caller).removeClass('menu-button-active');
		$(document).unbind('click.menuclose');
	}

	this.show = function(caller)
	{
		if(this.menuOpen)
		{
			this.close();
			if(this.caller && this.caller == caller){ return; }
		}
		$(document).triggerHandler('click.menuclose'); //close any other open menu
		this.caller = caller;
		$caller = $(caller);
		$caller.addClass('menu-button-active');
		var offset = $caller.offset();
		var x2 = $(window).width() + $(document).scrollLeft() - this.container.outerWidth(true) - 1;
		var x = offset.left < x2 ? offset.left : x2;
		if(x<0){ x=0; }
		var y = offset.top+caller.offsetHeight-1;
		if(y + this.container.outerHeight(true) > $(window).height() + $(document).scrollTop()){ y = offset.top - this.container.outerHeight(); }
		if(y<0){ y=0; }
		this.container.css({ position: 'absolute', top: y, left: x, width:this.container.width() /*, 'min-width': $caller.width()*/ }).show();
		var menu = this;
		$(document).bind('click.menuclose', function(e){ menu.close(e) });
		this.menuOpen = true;
	}

	this.showSub = function()
	{
		var offset = this.$caller.offset();
		var x = offset.left+this.$caller.outerWidth();
		if(x + this.container.outerWidth(true) > $(window).width() + $(document).scrollLeft()){ x = offset.left - this.container.outerWidth() - 1; }
		if(x<0){ x=0; }
		var y = offset.top + this.parent.container.offset().top-this.parent.container.find('li:first').offset().top;
		if(y +  this.container.outerHeight(true) > $(window).height() + $(document).scrollTop()){ y = $(window).height() + $(document).scrollTop()- this.container.outerHeight(true) - 1; }
		if(y<0){ y=0; }
		this.container.css({ position: 'absolute', top: y, left: x, width:this.container.width() /*, 'min-width': this.$caller.outerWidth()*/ }).show();
		this.menuOpen = true;
	}

	this.destroy = function()
	{
		for(var i in this.submenu) {
			this.submenu[i].destroy();
			delete this.submenu[i];
		}
		this.container.find('li').unbind(); //'click mouseenter mouseleave'
	}
}


/**
 * Vérification de la saisie des formulaires.
 * @param {HTMLDivElement} formId Id du formulaire à checker.
 */
function checkForm(formId)
{
	var ok = true;
	$('#error li').remove();
	$('#errorFond li').remove();
	
	$('#'+formId+' .notNull').each(function(){
		if($(this).val() == ''){
			ok = false;
			$(this).css('border', '1px solid #FF0000');
			$('<li><b>'+$('label[for='+$(this).attr('id')+']').html()+'</b> est un champs requis</li>').appendTo('#error ul');
		}else{
			$(this).css('border', '1px solid #656600');
		}
	});
	
	// Cas particulier de l'éditeur TinyMCE, toujours obligatoire.
	if(formId == 'newsForm' || formId == 'articleForm' || formId == 'linkForm' || formId == 'lexiqueForm'){
		tinyMCE.triggerSave();
		if($('textarea').val() == ''){
			ok = false;
			$('.mceLayout').css('border', '1px solid #FF0000');
			$('<li><b>'+$('label[for='+$('textarea').attr('id')+']').html()+'</b> est un champs requis</li>').appendTo('#error ul');
		}else{
			$('.mceLayout').css('border', '1px solid #656600');
		}
	}
	
	// Cas de l'ajout des casques pour les images.
	if(formId == 'helmetForm' && ($('#helmetImage1').val() == '' || $('#helmetImage1').val() == '') && $('#helmetAction').val() == 'new'){
		ok = false;
		$('<li>Les <b>images</b> sont obligatoires dans le cas d\'un ajout</li>').appendTo('#error ul');
	}
	
	// Cas de l'ajout d'un pays pour l'icone.
	if(formId == 'countryForm' && $('#countryIcon').val() == '' && $('#action').val() == 'add'){
		ok = false;
		$('<li>L\'<b>ic&ocirc;ne</b> est obligatoire dans le cas d\'un ajout</li>').appendTo('#error ul');
	}
	
	// Cas des emails.
	if(formId == 'contactForm' || formId == 'inscriptionForm'){
		if($('#email').val() != ''){	
			if($('#email').val().match(/\b[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b/gi)){
				$('#email').css('border', '1px solid #656600');
			}else{
				ok = false;
				$('#email').css('border', '1px solid #FF0000');
				$('<li>L\'<b>email</b> saisie est incorrecte</li>').appendTo('#error ul');
			}
		}
	}
	
	// Cas du mot de passe de l'inscription
	if(formId == 'inscriptionForm'){
		if($('#password1').val() != $('#password2').val()){
			ok = false;
			$('#password2').css('border', '1px solid #FF0000');
			$('<li>La confirmation du <b>mot de passe</b> ne correspond pas, veuillez v&eacute;rifier les informations saisies</li>').appendTo('#error ul');
		}else{
			$('#password2').css('border', '1px solid #656600');
		}
	}
	
	// Cas du formulaire des fond.
	if(formId == 'editionFond' && $('#fondImage').val() == '' && $('#actionFond').val() == 'add'){
		ok = false;
		$('<li>L\'<b>image</b> est obligatoire dans le cas d\'un ajout</li>').appendTo('#errorFond ul');
	}
	
	// Cas du formulaire d'authentification.
	if(formId == 'authenticationForm'){
		if($('#login').val() == ''){
			ok = false;
			$('<li><b>Login</b> est un champs requis</li>').appendTo('#errorLogin ul');
		}
		if($('#password').val() == ''){
			ok = false;
			$('<li><b>Password</b> est un champs requis</li>').appendTo('#errorLogin ul');
		}
	}
	
	// Cas du formulaire du budget : test des valeurs numériques.
	if(formId == 'budgetActionForm'){
		if($('#price').val() != '' && !$('#price').val().match(/^-{0,1}\d*$/)){
			ok = false;
			$('#price').css('border', '1px solid #FF0000');
			$('<li>Le <b>prix</b> saisi doit &ecirc;tre une valeur num&eacute;rique enti&egrave;re</li>').appendTo('#error ul');
		}else{
			$('#price').css('border', '1px solid #656600');
		}
		
		if($('#shippingCost').val() != '' && !$('#shippingCost').val().match(/^-{0,1}\d*$/)){
			ok = false;
			$('#shippingCost').css('border', '1px solid #FF0000');
			$('<li>Le montant des <b>frais de port</b> saisi doit &ecirc;tre une valeur num&eacute;rique enti&egrave;re</li>').appendTo('#error ul');
		}else{
			$('#shippingCost').css('border', '1px solid #656600');
		}
	}
	
	// Validation formulaire.
	if(ok){ 
		$('#'+formId).submit(); 
	}else{
		if(formId == 'editionFond'){
			$('#errorFond').show();
		}else if(formId == 'authenticationForm'){
			$('#errorLogin').show();
		}else{ $('#error').show(); }
	}
}

/**
 * Affichage du menu des fiches annexes.
 * @param {HTMLDivElement} el Element HTML courant.
 * @param {int} id Id de la liste sélectionnée.
 */
function annexeMenu(el, id)
{
	if(!cMenuAnnexe){ cMenuAnnexe = new contextMenu('annexeMenu', {onclick:annexeMenuClick}); }
	cMenuAnnexe.tag = id;
	cMenuAnnexe.show(el);
}

// Action du menu des fiches annexes.
function annexeMenuClick(el, menu)
{
	if(!el.id) return;
	var annexeId = cMenuAnnexe.tag;
	switch(el.id) {
		case 'cmenu_back':
			if($('#annexeId').val() > 0 && $('#annexeLink').val() != ''){
				$('#annexeForm').attr('action','annexe.php?q='+$('#annexeLink').val());
			}else{
				$('#annexeForm').attr('action','fiche.php?q='+$('#helmetLink').val());
			}
			$('#helmetAction').val('');
			$('#annexeForm').submit(); 
			break;
			
		case 'cmenu_edit':
			$('#helmetAction').val('edition');
			$('#annexeId').val(annexeId);
			$('#annexeForm').submit(); 
			break;
			
		case 'cmenu_delete': 
			showPopUp('annexePopUpDelete', annexeId); 
			break;
	}
}

/**
 * Affichage du menu des articles.
 * @param {HTMLDivElement} el Element HTML courant.
 * @param {int} id Id de la liste sélectionnée.
 */
function articleMenu(el, id)
{
	if(!cMenuArticle){ cMenuArticle = new contextMenu('articleMenu', {onclick:articleMenuClick}); }
	cMenuArticle.tag = id;
	cMenuArticle.show(el);
}

// Action du menu des articles.
function articleMenuClick(el, menu)
{
	if(!el.id) return;
	var articleId = cMenuArticle.tag;
	switch(el.id) {
		case 'cmenu_edit':
			$('#articleAction').val('edition');
			$('#articleId').val(articleId);
			$('#articleForm').submit(); 
			break;
			
		case 'cmenu_delete': 
			showPopUp('articlePopUpDelete', articleId); 
			break;
	}
}

/**
 * Affichage du menu du pays.
 * @param {HTMLDivElement} el Element HTML courant.
 * @param {int} id Id de la liste sélectionnée.
 */
function countryMenu(el, id)
{
	if(!cMenuCountry){ cMenuCountry = new contextMenu('countryMenu', {onclick:countryMenuClick}); }
	cMenuCountry.tag = id;
	cMenuCountry.show(el);
}

// Action du menu du pays.
function countryMenuClick(el, menu)
{
	if(!el.id) return;
	var countryId = cMenuCountry.tag;
	switch(el.id) {
		case 'cmenu_edit': 	
			$('#countryForm').submit(); 
			break;
			
		case 'cmenu_delete':
			showPopUp('countryPopUpDelete', countryId); 
			break;
	}
}

/**
 * Affichage du menu des fiches.
 * @param {HTMLDivElement} el Element HTML courant.
 * @param {int} id Id de la liste sélectionnée.
 */
function ficheMenu(el, id)
{
	if(!cMenuFiche){ cMenuFiche = new contextMenu('ficheMenu', {onclick:ficheMenuClick}); }
	cMenuFiche.tag = id;
	cMenuFiche.show(el);
}

// Action du menu des fiches.
function ficheMenuClick(el, menu)
{
	if(!el.id) return;
	var helmetId = cMenuFiche.tag;
	switch(el.id) {
		case 'cmenu_back':
			$("#ficheForm").attr('action','fiche.php?q='+$("#helmetLink").val());
			$('#helmetAction').val('');
			$('#ficheForm').submit(); 
			break;
			
		case 'cmenu_edit':
			$("#ficheForm").attr('action','');
			$('#helmetAction').val('editionFiche');
			$('#helmetId').val(helmetId);
			$('#ficheForm').submit(); 
			break;
		
		case 'cmenu_editInfo': 
			$("#ficheForm").attr('action','country.php');
			$('#helmetAction').val('edition');
			$('#helmetId').val(helmetId);
			$('#ficheForm').submit(); 
			break;
		
		case 'cmenu_annexe': 
			$("#ficheForm").attr('action','annexe.php');
			$('#helmetAction').val('edition');
			$('#helmetId').val(helmetId);
			$('#ficheForm').submit(); 
			break;
			
		case 'cmenu_comment':
			showPopUp('commentPopUp', helmetId);
			break;
	}
}

/**
 * Affichage du menu des casques.
 * @param {HTMLDivElement} el Element HTML courant.
 * @param {int} id Id de la liste sélectionnée.
 */
function helmetMenu(el, id, menuId)
{
	cMenuHelmet = new contextMenu(menuId, {onclick:helmetMenuClick});
	cMenuHelmet.tag = id;
	cMenuHelmet.show(el);
}

// Action du menu des casques.
function helmetMenuClick(el, menu)
{
	if(!el.id) return;
	var helmetId = cMenuHelmet.tag;
	switch(el.id) {
		case 'cmenu_edit':  	
			$("#helmetForm").attr('action','fiche.php');
			$('#helmetAction').val('editionFiche');
			$('#helmetId').val(helmetId);
			$('#helmetForm').submit(); 
			break;
			
		case 'cmenu_editInfo':  
			$('#helmetAction').val('edition');
			$('#helmetId').val(helmetId);
			$('#helmetForm').submit(); 
			break;
			
		case 'cmenu_online': 	
			if($('#helmetMenu'+helmetId+' #cmenu_online').hasClass('checked')){
				$('#onlineAction').val('offline');
			}else{
				$('#onlineAction').val('online');
			}
			$('#onlineHelmetId').val(helmetId);
			$('#onlineHelmetForm').submit(); 
			break;
			
		case 'cmenu_deleteHelmet': 
			showPopUp("helmetPopUpDelete", helmetId); 
			break;
	}
}

/**
 * Affichage du menu des mots du lexique.
 * @param {HTMLDivElement} el Element HTML courant.
 * @param {int} id Id de la liste sélectionnée.
 */
function lexiqueMenu(el, id)
{
	if(!cMenuLexique){ cMenuLexique = new contextMenu('lexiqueMenu', {onclick:lexiqueMenuClick}); }
	cMenuLexique.tag = id;
	cMenuLexique.show(el);
}

// Action du menu du lexique.
function lexiqueMenuClick(el, menu)
{
	if(!el.id) return;
	var lexiqueId = cMenuLexique.tag;
	switch(el.id) {
		case 'cmenu_edit':
			$('#lexiqueAction').val('edition');
			$('#lexiqueId').val(lexiqueId);
			$('#lexiqueForm').submit(); 
			break;
			
		case 'cmenu_delete': 
			showPopUp('lexiquePopUpDelete', lexiqueId); 
			break;
	}
}

/**
 * Affichage du menu des liens.
 * @param {HTMLDivElement} el Element HTML courant.
 * @param {int} id Id de la liste sélectionnée.
 */
function linkMenu(el, id, idx)
{
	cMenuLink = new contextMenu('linkMenu'+idx, {onclick:linkMenuClick});
	cMenuLink.tag = id;
	cMenuLink.show(el);
}

// Action du menu des liens.
function linkMenuClick(el, menu)
{
	if(!el.id) return;
	var linkId = cMenuLink.tag;
	var id = el.id, value;
	var a = id.split(':');
	if(a.length == 2) {
		id = a[0];
		value = a[1];
	}
	switch(id) {
		case 'cmenu_edit':
			$('#linkAction').val('edition');
			$('#linkId').val(linkId);
			$('#linkForm').submit(); 
			break;
			
		case 'cmenu_delete':
			showPopUp('linkPopUpDelete', linkId); 
			break;
			
		case 'subMenuList':
			$('#moveLinkId').val(linkId);
			switch(value){
				case '1' :
					$('#moveLinkCat').val('france');
					break;
				case '2' :
					$('#moveLinkCat').val('world');
					break;
				case '3' :
					$('#moveLinkCat').val('business');
					break;
			}
			$('#moveLinkForm').submit();
			break;
	}
	cMenuLink.destroy();
}

/**
 * Affichage du menu des news.
 * @param {HTMLDivElement} el Element HTML courant.
 * @param {int} id Id de la liste sélectionnée.
 */
function newsMenu(el, id)
{
	if(!cMenuNews){ cMenuNews = new contextMenu('newsMenu', {onclick:newsMenuClick}); }
	cMenuNews.tag = id;
	cMenuNews.show(el);
}

// Action du menu des news.
function newsMenuClick(el, menu)
{
	if(!el.id) return;
	var newsId = cMenuNews.tag;
	switch(el.id) {
		case 'cmenu_edit':
			$('#newsAction').val('edition');
			$('#newsId').val(newsId);
			$('#newsForm').submit(); 
			break;
			
		case 'cmenu_delete': 
			showPopUp('newsPopUpDelete', newsId); 
			break;
	}
}

/**
 * Affichage interactif des casques (intérieur).
 * Affiche le contenu de l'info bulle du casque.
 * @param {HTMLDivElement} el Element HTML courant.
 * @param {String} img Nom de l'image sans extension.
 */
function helmetFace(el, img)
{
	el.src = 'images/helmets/'+img+'_1.jpg';
	ajax_showTooltip(img,el);
	return false;
}

/**
 * Affichage interactif des casques (extérieur).
 * Cache l'info bulle du casque.
 * @param {HTMLDivElement} el Element HTML courant.
 * @param {String} img Nom de l'image sans extension.
 */
function helmetPile(el, img)
{
	el.src = 'images/helmets/'+img+'.jpg';
	ajax_hideTooltip();
}

/**
 * Affichage contenu des infos bulles.
 * @param {HTMLDivElement} divId Bloc dans lequel afficher.
 * @param {HTMLDivElement} divIdInfo Bloc à afficher.
 */
function ajax_loadContent(divId, divIdInfo)
{
	$('#'+divId).html($('#'+divIdInfo).html());
}

/**
 * Action sauvegarde de la fiche à partir du bouton de l'éditeur.
 */
function saveFiche()
{
	tinyMCE.triggerSave();
	if($('#ficheForm textarea').val() != ''){
		$('.mceLayout').css('border', '1px solid #656600');
		$("#ficheForm").attr('action','');
		$("#helmetAction").val('saveFiche');
		$('#ficheForm').submit();
	}else{
		$('.mceLayout').css('border', '1px solid #FF0000');
	}
}

/**
 * Action sauvegarde de la fiche annexe à partir du bouton de l'éditeur.
 */
function saveAnnexe()
{
	tinyMCE.triggerSave();
	if($('#annexeForm textarea').val() != '' && $('#annexeTitleTmp').val() != ''){
		$('.mceLayout').css('border', '1px solid #656600');
		$('#annexeTitleTmp').css('border', '1px solid #656600');
		$('#annexeTitle').val($('#annexeTitleTmp').val());
		$('#annexeForm').submit();
	}else{
		if($('#annexeForm textarea').val() == ''){
			$('.mceLayout').css('border', '1px solid #FF0000');
		}
		if($('#annexeTitle').val() == ''){
			$('#annexeTitle').css('border', '1px solid #FF0000');
		}
	}
}

/**
 * Récupère l'intitulé du fond et affiche la Pop-Up de confirmation de suppression.
 */
function deleteFond() 
{
	showPopUp('fondDeletePopUp', $('#helmetFond option:selected').val());
}

/**
 * Ré-initialise la Pop-Up pour un ajout.
 */
function addFond() 
{
	$('#errorFond').hide();
	$('#fondEditionPopUp .titrePopUp').html('Ajouter un fond');
	$('#actionFond').val('add');
	$('#fondId').val('');
	$('#fondDate').val('');
	showPopUp('fondEditionPopUp', '');
}

/**
 * Récupère les informations du fond à éditer et ouvre la Pop-Up.
 */
function editFond() 
{
	$('#errorFond').hide();
	$('#fondEditionPopUp .titrePopUp').html('Editer un fond');
	$('#actionFond').val('edition');
	$('#fondDate').val($('#helmetFond option:selected').html());
	$('#fondImg').val($('#helmetFond option:selected').val());
	showPopUp('fondEditionPopUp', $('#helmetFond option:selected').attr('id'));
}

/**
 * Affiche les détails du budget passé en paramètre.
 */
function viewBudget(id) 
{
	$('#budgetAction').val('view');
	$('#budgetId').val(id);
	$('#budgetTableForm').submit();
}

/**
 * Affiche le formulaire d'ajout de budget.
 */
function addBudget() 
{
	$('#item').val('') ;
	$('#country').val('') ;
	$('#date').val('') ;
	$('#transaction').val('') ;
	$('#purchaseYear').val('') ;
	$('#price').val('') ;
	$('#state').val('') ;
	$('#shippingCost').val('') ;
	$('#support').val('') ;
	$('#comment').val('') ;
	showPopUp('budgetForm', '') ;
}

/**
 * Affiche le formulaire de modification de budget.
 */
function editBudget(id) 
{
	$('#budgetAction').val('edition');
	$('#budgetId').val(id);
	$('#budgetTableForm').submit();
}

/**
 * Récupère l'id du budget et affiche la Pop-Up de confirmation de suppression.
 */
function deleteBudget(id) 
{
	showPopUp('budgetDeletePopUp', id);
}

/**
 * Affiche les détails du commentaire passé en paramètre.
 */
function viewComment(id) 
{
	$('#commentAction').val('view');
	$('#commentId').val(id);
	$('#commentTableForm').submit();
}

/**
 * Affiche le formulaire de modification du commentaire.
 */
function editComment(id) 
{
	$('#commentAction').val('edition');
	$('#commentId').val(id);
	$('#commentTableForm').submit();
}

/**
 * Récupère l'id du budget et affiche la Pop-Up de confirmation de suppression.
 */
function deleteComment(id) 
{
	showPopUp('commentDeletePopUp', id);
}