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
	
	/** 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': '#a7161c'
			},
			'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();	
	}

	// MENU PRINCIPAL ===========================================================================
	if($('cadreMenu')!=null) {
		var myAccordion = new Fx.Accordion($$('.menu_rubrique'), $$('.cadreSsMenu'), {
			opacity: true,
			show: (displayMenu-1),
			onActive: function(toggler, element){
				toggler.setStyle('color', '#000');
			},
			onBackground: function(toggler, element){
				toggler.setStyle('color', '#A7161C');
			}
		});
	}
	
	// AFFICHAGE DES ACTUALITES =================================================================
	if($('cadreActu')!=null) {
		var els = $$('a.triggerActu');
		
		for(var i=0; i<els.length; i++) {
			var aId=els[i].id;
			var id=aId.split('_');
			
			showActu(id);
		}
	}

	function showActu(id) {
		$(aId).addEvent('click', function(e) {
			e.stop();
			diagBox();
			
			var ajaxRequest=new Request({url:'fonctions.php', 
							 method: 'post', 
							 onSuccess: function(response) {
									hiddenDiagBox();
									diagBox(400, null, response);
							 }
							}).send('idActu='+id[1]+'&where=4&type=1');
		});	
	}

	// GALERIE D'IMAGES =========================================================================
	if($('listeMini')!=null) {
		// Sélection de tous les items de la liste des images
		var elms = $$('#listeMini a.itemsGal');
	
		elms.addEvent('click', function(e) {
			diagBox();
			var ajaxRequest=new Request({url:'fonctions.php', 
											  onSuccess:function(response) {
													hiddenDiagBox();
													
													// Création de l'image
													$('cadreImg').setStyles({
														'background': 'url(upload/11/'+response+') no-repeat right top',
														'width': '650px',
														'height': '625px',
														'position': 'absolute',
														'z-index': 1,
														'right': '50px'
											  		});
												}
											 }).send("type=4&rollcache="+this.get('id'));
		});
	}
});