window.addEvent('domready', function() {

	var flagDim = $('body').getSize();             // Dimensions réelle du site
	var bodyDim=$('body').getSize();               // Dimensions de la fenêtre de l'explorateur

	// Liste "Choisissez votre résidence"
	if($('selectRes')!=null) {
		$('selectRes').addEvent('change', function(){
			var residence=$('selectRes').options[$('selectRes').selectedIndex].value;
			window.location.href="http://www.pacagest.fr/residences.php?idres="+residence;
		});
	}
	
	/** Fonction assombrissement de l'écran
	  * @access public
	  * @param string etat : Afficher ou cacher l'assombrissement
	 **/
	function shadow(etat) {
		$('shadow').setStyle('height', flagDim.y);
		$('shadow').setStyle('visibility', etat);
	}

	/** Construction d'une boite de dialogue
	  * @access public
	  * @param numeric width  : largeur de la boîte.
	  * @param numeric height : hauteur de la boîte.
	  * @param string contenu : contenu de la boîte.
	  * @param boolean shadow : si l'on veut que la fenêtre s'assombrisse (defaut : true).
	  * @param numeric autoHidden : fait automatiquement disparaitre la boite de dialogue.
	 **/
	function diagBox(width, height, contenu, etat, shadowOn, autoHidden) {
		// J'appelle ma fonction d'assombrissement de l'écran
		shadow('visible');
		
		// Valeurs par défaut des propriétés de la boîte
		if(width==null) width=400;
		if(height==null) height=200;
		if(contenu==null) contenu='Veuillez patientez...';
		if(shadowOn==null) shadowOn=true;
		if(etat==null) etat='visible';
		
		// Récupération de la scroll bar
		var bar = $('body').getScroll();
		
		// Je récupère le point central horizontal de ma fenêtre
		var centerX=flagDim.x/2;
		
		// Je place ma boîte au centre de la fenêtre
		var divLeft=centerX-(width/2);
		var divTop=bar.y;
		
		// Création du conteneur global de la boîte de dialogue
		var divGlobal = new Element('div', {
			'id': 'myDiagBox',
			'styles': {
				'z-index': '10',
				'position': 'absolute',
				'left': divLeft,
				'top': divTop,
				'width': width,
				'margin-top': '30px',
				'margin-bottom': '30px'
			}
		});
		
		// Création du bouton fermer.
		var aClose = new Element('a', {
			'styles': {
				'display': 'block',
				'z-index': '10',
				'width': (width+16),
				'padding': '3px',
				'font-size': '12px',
				'text-align':'right',
				'cursor': 'pointer',
				'color': '#FFF',
				'background': '#97be0d'
			},
			'events': {
				'click': function() {
							hiddenDiagBox();
						 }
			}
		});
		
		aClose.appendText('Fermer');
		
		// Création du div de contenu de la boîte de dialogue
		var divContenu = new Element('div', {
			'styles': {
				'width': '100%',
				'background': '#535353',
				'border': '1px solid #A1A1A1',
				'color': '#FFF',
				'padding': '10px'
			}
		});
		
		divContenu.set('html', contenu);
		
		divGlobal.adopt(aClose, divContenu);
		divGlobal.injectAfter('shadow');
		
		//if(autoHidden!='undefined') { setTimeout(hiddenDiagBox, autoHidden); }
	}
	
	function hiddenDiagBox() {
		shadow('hidden');
		$('myDiagBox').dispose();	
	}
	
	// Formulaire de contact
	if($('formContact')!=null) {
		$('formContact').addEvent('submit', function(e) {
			e.stop();
			
			// Requete Ajax
			this.set('send', {onComplete: function(response) {
				diagBox(null, null, response, null, null, 3000);
			}});
			
			// Envoie du formulaire.
			this.send();
		});
	}
	
	// Formulaire d'inscription
	if($('form_add')!=null) {
		$('form_add').addEvent('submit', function(e) {
			e.stop();
			
			// Requete Ajax
			this.set('send', {
				onRequest: function () { diagBox(null, null, 'Veuillez patienter...'); },
				onComplete: function(response) {
					alert('ok');
					hiddenDiagBox();
					diagBox(null, null, response, null, null, 3000);
				}
			});
			
			// Envoie du formulaire.
			this.send();
		});
	}
	
	$('handle_institut').addEvent('click', function(e){
		// Les autres
		$("cadre_atouts").setStyle('display', 'none');
		$("cadre_metiers").setStyle('display', 'none');
		$("cadre_formations").setStyle('display', 'none');
		$("cadre_financement").setStyle('display', 'none');
		
		// Le cadre actif s'ouvre
		$("cadre_institut").setStyle('display', 'block');
		$('page').setStyle('background', 'url(images/bg_institut.png) no-repeat right 300px');
	});
	
	$('handle_atouts').addEvent('click', function(e){
		// Les autres
		$("cadre_institut").setStyle('display', 'none');
		$("cadre_metiers").setStyle('display', 'none');
		$("cadre_formations").setStyle('display', 'none');
		$("cadre_financement").setStyle('display', 'none');
		
		// Le cadre actif s'ouvre
		$("cadre_atouts").setStyle('display', 'block');
		$('page').setStyle('background', 'url(images/bg_atouts.png) no-repeat right 300px');
	});

	$('handle_metiers').addEvent('click', function(e){
		// Les autres
		$("cadre_institut").setStyle('display', 'none');
		$("cadre_atouts").setStyle('display', 'none');
		$("cadre_formations").setStyle('display', 'none');
		$("cadre_financement").setStyle('display', 'none');
		
		// Le cadre actif s'ouvre
		$("cadre_metiers").setStyle('display', 'block');
		$('page').setStyle('background', 'url(images/bg_metiers.png) no-repeat right 300px');
	});
	
	$('handle_formations').addEvent('click', function(e){
		// Les autres
		$("cadre_institut").setStyle('display', 'none');
		$("cadre_atouts").setStyle('display', 'none');
		$("cadre_metiers").setStyle('display', 'none');
		$("cadre_financement").setStyle('display', 'none');
		
		// Le cadre actif s'ouvre
		$("cadre_formations").setStyle('display', 'block');
		$('page').setStyle('background', 'url(images/bg_formations.png) no-repeat right 300px');
	});

	$('handle_financement').addEvent('click', function(e){
		// Les autres
		$("cadre_institut").setStyle('display', 'none');
		$("cadre_atouts").setStyle('display', 'none');
		$("cadre_metiers").setStyle('display', 'none');
		$("cadre_formations").setStyle('display', 'none');
		
		// Le cadre actif s'ouvre
		$("cadre_financement").setStyle('display', 'block');
		$('page').setStyle('background', 'url(images/bg_finance.png) no-repeat right 300px');
	});
	
	// Page Inscription
	$('bt_partenaires').addEvent('click', function () {
		var myRequest = new Request({
			url:'fonctions.php',
			method: "post",
			data: "type=1",
			onComplete: function(retour) {
				diagBox(800, 800, retour);
			}
		});
		
		myRequest.post();
	});
	
	// Page Contact
	$('lien_contact').addEvent('click', function () {
		var myRequest = new Request({
			url:'fonctions.php',
			method: "post",
			data: "type=4",
			onComplete: function(retour) {
				diagBox(300, 800, retour);
			}
		});
		
		myRequest.post();
	});

	// Page PLan d'accès
	$('lien_plan_acces').addEvent('click', function () {
		var myRequest = new Request({
			url:'fonctions.php',
			method: "post",
			data: "type=5",
			onComplete: function(retour) {
				diagBox(600, 800, retour);
			}
		});
		
		myRequest.post();
	});

	// Page Partenaires
	$('lien_partenaires').addEvent('click', function () {
		var myRequest = new Request({
			url:'fonctions.php',
			method: "post",
			data: "type=6",
			onComplete: function(retour) {
				diagBox(600, 800, retour);
			}
		});
		
		myRequest.post();
	});
	
	// SLIDES METIERS ////////////////////////////////////////////////////////////////////////////
	var slide1 = new Fx.Slide($("desc_1"), {
		duration: 'normal',
		mode: 'vertical',
		transition: Fx.Transitions.Sine.easeOut
	});

	var slide2 = new Fx.Slide($("desc_2"), {
		duration: 'normal',
		mode: 'vertical',
		transition: Fx.Transitions.Sine.easeOut
	});
	
	var slide3 = new Fx.Slide($("desc_3"), {
		duration: 'normal',
		mode: 'vertical',
		transition: Fx.Transitions.Sine.easeOut
	});
	
	var slide4 = new Fx.Slide($("desc_4"), {
		duration: 'normal',
		mode: 'vertical',
		transition: Fx.Transitions.Sine.easeOut
	});
	
	
	$('handle1').addEvent('click', function() {
		slide2.slideOut();
		slide3.slideOut();
		slide4.slideOut();
	
		slide1.toggle();
	});

	$('handle2').addEvent('click', function() {
		slide1.slideOut();
		slide3.slideOut();
		slide4.slideOut();
		
		slide2.toggle();
	});

	$('handle3').addEvent('click', function() {
		slide1.slideOut();
		slide2.slideOut();
		slide4.slideOut();
		
		slide3.toggle();
	});

	$('handle4').addEvent('click', function() {
		slide1.slideOut();
		slide2.slideOut();
		slide3.slideOut();
		
		slide4.toggle();
	});
	
	slide1.hide();
	slide2.hide();
	slide3.hide();
	slide4.hide();
	
	// AFFICHAGE DES ACTUALITES & EMPLOIS /////////////////////////////////////////////////////////////////////
	var elms=$$('.titre_actu');
	for(var i=0;i<elms.length;i++){
		elms[i].addEvent('click',function(){
			var myRequest=new Request({
				url:'fonctions.php',
				method:"post",
				data:"type=8&id_actu="+this.get('id'),
				onComplete:function(retour){
					diagBox(600,800,retour);
				}
			});
			
			myRequest.post();
		});
	}

	var elms=$$('.titre_emploi');
	for(var i=0;i<elms.length;i++){
		elms[i].addEvent('click',function(){
			var myRequest=new Request({
				url:'fonctions.php',
				method:"post",
				data:"type=10&id_emploi="+this.get('id'),
				onComplete:function(retour){
					diagBox(600,800,retour);
				}
			});
			
			myRequest.post();
		});
	}
	
	
	// SLIDES FORMATIONS ////////////////////////////////////////////////////////////////////////////
	// Formations courtes
	if($('doss_8')!='null') {
		$('doss_8').addEvent('click', function() {
			$('doss_9').setStyles({'display':'block','float':'left','padding':'5px','margin-right':'1px','background':'url(../images/libelle_select.gif) repeat-x center #97be0d','cursor':'pointer'});
			$('doss_8').setStyles({'display':'block','float':'left','padding':'5px','margin-right':'1px','background':'#97be0d','cursor':'pointer'});
			
			$('liste_formations_ct').setStyles({'display':'none'});
			$('liste_formations_lg').setStyles({'padding':'10px', 'color':'#576065', 'border':'5px solid #97be0d', 'background':'#FFF', 'text-align':'center', 'display':'block'});
		});
	}
										   
	// FORMATIONS LONGUES
	if($('doss_9')!='null') {
		$('doss_9').addEvent('click', function() {	
			$('doss_8').setStyles({'display':'block','float':'left','padding':'5px','margin-right':'1px','background':'url(../images/libelle_select.gif) repeat-x center #97be0d','cursor':'pointer'});
			$('doss_9').setStyles({'display':'block','float':'left','padding':'5px','margin-right':'1px','background':'#97be0d','cursor':'pointer'});

			$('liste_formations_lg').setStyles({'display':'none'});
			$('liste_formations_ct').setStyles({'padding':'10px', 'color':'#576065', 'border':'5px solid #97be0d', 'background':'#FFF', 'text-align':'center', 'display':'block'});
		});
	}
	
	// On récupère tous les modules
	var modules=$$('.titre_formations');
	for(var i=0; i<modules.length; i++) {
		var chaine=modules[i].get('id');
		var reg=new RegExp("[_]+", "g");
		var id=chaine.split(reg);
		
		var cadre=$('desc_form_'+id[1]);
		cadre.setStyles({'display':'none'});
		
		modules[i].addEvent('click', function() {
			var chaine=this.get('id');
			var reg=new RegExp("[_]+", "g");
			var id=chaine.split(reg);
			var cadre=$('desc_form_'+id[1]);
			
			if(cadre.getStyle('display')=='block') cadre.setStyles({'display':'none'});
			else cadre.setStyles({'display':'block'});
		});
	}
});