var boiteAlerte = Class.create();

boiteAlerte.prototype = {


	  initialize: function(element) {
		
		this.masque = this.createMasque();
	
		this.contenant = element;
		
		var elementWidth = Element.getWidth(this.contenant);
		
		var body = document.getElementsByTagName('BODY')[0];
		body.insertBefore(this.contenant,body.firstChild);		


		Element.setStyle(this.contenant,{
				position : 'absolute',
				display: 'none',
				zIndex : 900,
				left : '50%',
				marginLeft : '-' + (elementWidth/2) + 'px',
				marginTop: '25px'
					
		});

		var _this = this;
		
		//Event.observe(this.masque, 'click' , function() {_this.cacher();} );
				
		window.onscroll = function() { _this.resizeMasque(); };
		window.onresize = function() { _this.resizeMasque(); };
		

	  },
	  createMasque: function() {
		
		var body = document.getElementsByTagName('BODY')[0];
		var width = document.viewport.getWidth();
		var height = document.viewport.getHeight();
		var scrolls = document.viewport.getScrollOffsets();
		
			width += scrolls['left'];
			height += scrolls['top'];
			
		var masque = document.createElement('DIV');
						
			Element.setStyle(masque,{
					position : 'absolute',
						top : '0px',
						left : '0px',
					background : '#000',
					opacity : 0.5,
					width : width+'px',
					height : height+'px',
					zIndex : 800,
					cursor: 'pointer',
					display: 'none'
			});
			
		body.insertBefore(masque,body.firstChild);		
		
	  
		return masque;
	  },
	  resizeMasque: function() {
		
		var width = document.viewport.getWidth();
		var height = document.viewport.getHeight();
		var scrolls = document.viewport.getScrollOffsets();
		
			width += scrolls['left'];
			height += scrolls['top'];
			
			Element.setStyle(this.masque,{
					width : width+'px',
					height : height+'px'
			});	  
		  
		return;
	  },
	  cacherClick: function() {
	  
	  	var _this = this;
	  	
	  	Event.observe(this.masque, 'click' , function() {_this.cacher();} );
	  	
	  	return true;
	  },
	  afficher: function() {


		Element.show(this.masque);
		
		//new Effect.BlindDown(this.contenant , {duration: 1});
		//slideElement(this.contenant);
		Element.show(this.contenant);
		
		this.resizeMasque();
		
		return;
	  },
	  cacher: function() {
	  
		Element.hide(this.masque);
		Element.hide(this.contenant);
		
		return;	  
	  
	  },
	  
	  changerContenant: function(newContenant) {
	  	
	  	Element.hide(this.contenant);
	  	
	  	
		var elementWidth = Element.getWidth(newContenant);
		
		var body = document.getElementsByTagName('BODY')[0];
		body.insertBefore(newContenant ,body.firstChild);		

		Element.setStyle(newContenant,{
				position : 'absolute',
				display: 'none',
				zIndex : 900,
				left : '50%',
				marginLeft : '-' + (elementWidth/2) + 'px',
				marginTop: '25px'		
		});	  
	  
	  	this.contenant = newContenant;
	  	
	  	Element.show(newContenant);
	  	
	  	
	  	this.resizeMasque();
	  	
	  	
	  	return true;
	  }

}	





function goTo(url) {

	window.location.href = url;
}




function afficherCreation(Num) {
	
	
	$('content_swf_'+Num).innerHTML = swf[Num];
	
	myBox = new boiteAlerte($('creation_' + Num));
	
	myBox.afficher();
	
	return false;
}

function allerCreation(Num, pr) {
	
	$('content_swf_' + pr).innerHTML = "";
	$('content_swf_'+Num).innerHTML = swf[Num];
	
	myBox.changerContenant($('creation_' + Num));
	
	return true;
}


function fermerCreation(Num) {
	
	$('content_swf_' + Num).innerHTML = "";
	myBox.cacher();
	
	return true;
} 



function goTo(url) {

	window.location.href = url;
}



function selectionnerProjet(NumProjet) {
	
	$('content_swf_' + NumProjet).innerHTML = "";
	
	changerInfosFormulaires(NumProjet);		
	
	myBox.changerContenant($('formulaireVote'));

	return false;
}

function changerInfosFormulaires(NumProjet) {

	if($('value_choix_projet'))
		$('value_choix_projet').value = NumProjet;
	
	var indice_reel = idProjet[NumProjet];
	
	$('nomEntreprise').innerHTML = nomsEntreprise[indice_reel];
	$('nomEntreprise2').innerHTML = nomsEntreprise[indice_reel];
	$('nomCampagne').innerHTML = nomsCampagne[indice_reel];
	
	
	setApercuImageProjet(NumProjet);
}

function afficherFormulaire() {

	myBox = new boiteAlerte($('formulaireVote'));
	
	myBox.afficher();
	
	return true;		
}
function afficherFormulaireTelechargement() {

	myBox = new boiteAlerte($('formulaireTelechargement'));
	
	myBox.afficher();
	
	return true;		
}

function fermerFormulaire() {
	
	$('formulaireVote').hide();
	
	myBox.cacher();

}




function checkEmail(valueEmail) {

	var reg = new RegExp('^[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*@[a-z0-9]+([_|\.|-]­{1}[a-z0-9]+)*[\.]{1}[a-z]{2,6}$', 'i');

	if(reg.test(valueEmail))
		return true;
	else
		return false;
}


function validerVote() {
	
	var validation = true;
	var formulaire = $('formulaire-vote');
	
	$('messsage_erreur_general').innerHTML = "";
	
	
	if(formulaire.civilite.value == "") {
		$('civilite_libelle').addClassName('erreur');
		validation = false;
	}
	else 
		$('civilite_libelle').removeClassName('erreur');


	if(formulaire.nom.value == "") {
		$('nom_libelle').addClassName('erreur');
		validation = false;
	}
	else 
		$('nom_libelle').removeClassName('erreur');
					

	if(formulaire.prenom.value == "") {
		$('prenom_libelle').addClassName('erreur');
		validation = false;
	}
	else 
		$('prenom_libelle').removeClassName('erreur');
		

	if(formulaire.raison.value == "") {
		$('raison_libelle').addClassName('erreur');
		validation = false;
	}
	else 
		$('raison_libelle').removeClassName('erreur');
							
	if(formulaire.email.value == "") {
		$('email_libelle').addClassName('erreur');
		validation = false;
	}
	else {
		
		if(!checkEmail(formulaire.email.value)) {
			
			$('email_libelle').addClassName('erreur');
			validation = false;
			$('message_erreur_email').innerHTML = "Cet adresse e-mail n'est pas valide";
		}
		else {
			$('email_libelle').removeClassName('erreur');
			$('message_erreur_email').innerHTML = "";
		}
		
	}
	
	if(validation == false) {
		
		$('messsage_erreur_general').innerHTML = "Merci de bien vouloir renseigner les champs indiqués en rouge";
	}
		
									
	return validation;
}









function validerTelechargement() {
	
	var validation = true;
	var formulaire = $('formulaire-telechargement');
	
	$('messsage_erreur_general').innerHTML = "";
	
	
	if(formulaire.civilite.value == "") {
		$('civilite_libelle').addClassName('erreur');
		validation = false;
	}
	else 
		$('civilite_libelle').removeClassName('erreur');


	if(formulaire.nom.value == "") {
		$('nom_libelle').addClassName('erreur');
		validation = false;
	}
	else 
		$('nom_libelle').removeClassName('erreur');
					

	if(formulaire.prenom.value == "") {
		$('prenom_libelle').addClassName('erreur');
		validation = false;
	}
	else 
		$('prenom_libelle').removeClassName('erreur');
		
							
	if(formulaire.email.value == "") {
		$('email_libelle').addClassName('erreur');
		validation = false;
	}
	else {
		
		if(!checkEmail(formulaire.email.value)) {
			
			$('email_libelle').addClassName('erreur');
			validation = false;
			$('message_erreur_email').innerHTML = "Cet adresse e-mail n'est pas valide";
		}
		else {
			$('email_libelle').removeClassName('erreur');
			$('message_erreur_email').innerHTML = "";
		}
		
	}
	
	if(validation == false) {
		
		$('messsage_erreur_general').innerHTML = "Merci de bien vouloir renseigner les champs indiqués en rouge";
	}
		
									
	return validation;
}


var myBox;


function formulaireTelechargement() {

	myBox = new boiteAlerte($('formulaireTelechargement'));
	
	myBox.afficher();

}


function fermerFormulaireTelechargement() {


	myBox.cacher();
}