/**
 * Fonction qui créé une boite de message.
 * unContenu : message à faire passer
 * unType : type du message. 1 = message d'erreur. 2 = message de confirmation, type 3 : avertissement, retourne "oui" ou "non" en réponse.
 * gestionReponse : objet qui gère la réponse oui ou non
 */
function messageBox(unContenu, unType, gestionReponse)
{
	if($$('.voilage') == '' && $$('.messageBox') == '')
	{
		//Attributs
		this.contenu = unContenu;
		this.type = unType;
		this.resultat = '';
		
		//Instanciations des éléments
		var voilage = new Element('div');
		var boite = new Element('div');
		var message = new Element('div').update(this.contenu);
		var spacer1 = new Element('div');
		var spacer2 = new Element('div');
		
		voilage.addClassName('voilage');
		boite.addClassName('messageBox');
		message.addClassName('messageBox-contenu');
		spacer1.addClassName('spacer');
		spacer2.addClassName('spacer');
		
		//Instanciation en fonction du type
		if(unType == 1) //Type = Message d'erreur
		{
			var picture = new Element('div');
			var bouton_ok = new Element('input', {'type': 'image', 'src': 'http://www.liffrevasion.fr/images/png/messagebox-bouton-ok-rouge.png'});
			picture.addClassName('messageBox-pict-erreur');
			bouton_ok.addClassName('messageBox-bouton-ok');
		}
		if(unType == 2) //Type = message de confirmation (succès)
		{
			var picture = new Element('div');
			var bouton_ok = new Element('input', {'type': 'image', 'src': 'http://www.liffrevasion.fr/images/png/messagebox-bouton-ok-vert.png'});
			picture.addClassName('messageBox-pict-confirmation');
			bouton_ok.addClassName('messageBox-bouton-ok');
		}
		if(unType == 3) //Type = Message Oui / Non
		{
			var picture = new Element('div');
			var bouton_oui = new Element('input', {'type': 'image', 'src': 'http://www.liffrevasion.fr/images/png/messagebox-bouton-oui.png'});
			var bouton_non = new Element('input', {'type': 'image', 'src': 'http://www.liffrevasion.fr/images/png/messagebox-bouton-non.png'});
			picture.addClassName('messageBox-pict-erreur');
			bouton_oui.addClassName('messageBox-bouton-oui');
			bouton_non.addClassName('messageBox-bouton-non');
		}
		
		//Insertion des éléments dans le DOM
		Element.insert($('head'), {before: voilage});
		if(picture) Element.insert(boite, picture);
		Element.insert(boite, message);
		if(spacer1) Element.insert(boite, spacer1);
		if(bouton_ok) Element.insert(boite, bouton_ok);
		if(bouton_oui) Element.insert(boite, bouton_oui);
		if(bouton_non) Element.insert(boite, bouton_non);
		if(bouton_oui && bouton_non && spacer2) Element.insert(boite, spacer2);
		Element.insert(voilage, {after: boite});
		
		//Fermeture du formulaire (type 1 et 2)
		if(bouton_ok)
		{
			bouton_ok.observe('click', function(evt){
				
				if(bouton_ok) bouton_ok.remove();
				if(spacer1) spacer1.remove();
				if(picture) picture.remove();
				message.remove();
				boite.remove();
				voilage.remove();
				
				if(typeof gestionReponse != "undefined")
				{
					gestionReponse.executer();
				}
			});
		}
		
		//Type 3
		if(bouton_oui && bouton_non && typeof gestionReponse != "undefined")
		{
			bouton_oui.observe('click', function(evt){
				this.resultat = 'oui';
				
				bouton_oui.remove();
				bouton_non.remove();
				spacer2.remove();
				spacer1.remove();
				picture.remove();
				message.remove();
				boite.remove();
				voilage.remove();
				gestionReponse.executerOui();
				
			});
			
			bouton_non.observe('click', function(evt){
				this.resultat = 'non';
				
				bouton_oui.remove();
				bouton_non.remove();
				spacer1.remove();
				spacer2.remove();
				picture.remove();
				message.remove();
				boite.remove();
				voilage.remove();
				gestionReponse.executerNon();
			});
		}		
	}
}
