// JavaScript Document

	Event.observe(window, 'dom:loaded', function() {
										   										   
		// Menu en accordeon											
		var menuAccordion = new accordion('menu', {});
		var verticalAccordions = $$('.accordion_toggle');
		verticalAccordions.each(function(accordion) {
			$(accordion.next(0)).setStyle({
				height: '0px'
			});
		});

		// menuAccordion.opening($$('#menu .accordion_toggle')[0]);

		// Gestion de la largeur d'écran
		resizePrincipale();
		
		Event.observe(document.onresize ? document : window, "resize", resizePrincipale);
		
		$$('.lien').each(function(element) {
			var id = element.id.substr(5);
 			Event.observe(element, "mouseover", function(event) {
				$('url_'+id).setStyle({ display: ''}); 
			}),
			Event.observe(element, "mouseout", function(event) {
				$('url_'+id).setStyle({ display: 'none'});
			});
		});									
										
	});

	function resizePrincipale() {
		var width = 380*Math.floor(document.viewport.getWidth()/380);
		var marge = parseInt((document.viewport.getWidth()-width)/2)-16;
		$('principale').setStyle({ width: width+'px', margin: '0px 0px 0px '+marge+'px'});
		$('map').setStyle({ width: parseInt(width-30)+'px' });
		$$('h2 a').each(function(element) {
		 $(element).setStyle({ width: parseInt(width-58)+'px'});
		});
	}