function showSectionMenu(obj,nb_section){
		
	var select = document.getElementById(obj); 
	var menu = select.options[document.getElementById('select').selectedIndex].value;
	
	// cache les menu de toutes les sections	
	for(var i = 0;i < nb_section;i++){
		var reset = select.options[1].value;	
		document.getElementById(reset).style.display = "none";
	}
	//affiche le menu de la section selectionné
	document.getElementById(menu).style.display = "block";

}


function showMenu(section_name, submenu_displayed, nb_sub){
	
	var section = section_name;
	var submenu = section;
	var submenu_id = document.getElementById(submenu_displayed);
	
	
	/*****************************************************/
	/**	on cache tous les sous-menus pour n'afficher    **/
	/** que celui dont le menu correspondant est cliqué **/
	/** où nb_sub correspond au nombre de sous-menus    **/
	/*****************************************************/
	//alert('nb_sub');
	for(var i = 1; i <= nb_sub; i++){
		document.getElementById(submenu + i).style.display = "none";
	}
	
	if(submenu_id){
		//alert(sousMenu.style.display);
		if(submenu_id.style.display == "block"){
			submenu_id.style.display = "none";
		}
		else{
			submenu_id.style.display = "block";
		}
	}
}
/* Fin showMenu */

function showDesc(obj, nbObj, name){
	
  	var desc = obj;
	
	if(desc.style.display == "block"){
			desc.style.display = "none";
	}
	else{
			for(var i = 1; i <= nbObj; i++){		
				document.getElementById(name + i).style.display = "none";
			}
			desc.style.display = "block";
	}
	//alert('desc');	

}



    //]]>

var timer = null;
var left = 0;
var speedTime = 10;
var speedPx = 3;

function moveLeft() {
	if($('divMenu').offsetLeft < 0) {
		left = left + speedPx;
		$('divMenu').style.left = left + 'px';
		timer = setTimeout(function() {moveLeft();}, speedTime);
	}
}
function moveRight() {
	if($('divMenu').offsetLeft > $('divBg').offsetWidth - $('divMenu').offsetWidth) {
		left = left - speedPx;
		$('divMenu').style.left = left + 'px';
		timer = setTimeout(function() {moveRight();}, speedTime);
	}
}
function noMove() {
	if(timer) { clearTimeout(timer); timer = null; }
}
function magnificator(link, url, width, height) {
	var img = $(link).down('img');	
	var zi = 10000;
	var b = $(document.createElement('div'));
	b.setStyle({position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', zIndex: zi, overflow: 'hidden'});
	var b2 = $(document.createElement('div'));
	b2.setStyle({position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', zIndex: zi, overflow: 'hidden', background: 'black', opacity: '.6'});
	b.appendChild(b2);
	var e = $(document.createElement('div'));
	var p = Position.cumulativeOffset(img);
	var p2 = Position.realOffset(img);
	p[0] -= p2[0];
	p[1] -= p2[1];
	e.setStyle({zIndex: zi + 1, position: 'absolute', left: p[0], top: p[1], width: img.offsetWidth + 'px', height: img.offsetHeight + 'px', display: 'none'});
	var i = $(document.createElement('img'));
	i.src = img.src;
	i.setStyle({position: 'absolute', left: 0, top: 0, width: '100%', height: '100%', zIndex: zi + 1});
	e.appendChild(i);
	i = $(document.createElement('img'));
	i.src = url;
	i.setStyle({position: 'absolute', left: 0, top: 0, width: '100%', height: '100%', zIndex: zi + 2});
	e.appendChild(i);
	var desc = $(document.createElement('div'));
	desc.setStyle({color: 'white', textAlign: 'left', marginTop: height + 'px', display: 'none'});
	desc.innerHTML = $(link).down('.description').innerHTML;
	e.appendChild(desc);
	b.appendChild(e);
	Event.observe(b, 'click', function(event) {
		e.down('div').hide();
		new Effect.Parallel([
				new Effect.Fade(e, {sync: true}),
				new Effect.Morph(e, {style: 'width: ' + img.offsetWidth + 'px; height: ' + img.offsetHeight + 'px; left: ' + p[0] + 'px; top: ' + p[1] + 'px;', sync: true})
			], {
				duration: 1,
				afterFinish: function(effect) {
					b.remove();
				}
			});
		}.bindAsEventListener(e));
	document.body.appendChild(b);
	new Effect.Parallel([
			new Effect.Appear(e, {sync: true}),
			new Effect.Morph(e, {style: 'width: ' + width + 'px; height: ' + height + 'px; left: ' + ($('page').offsetWidth - width) / 2 + 'px; top: ' + ($('page').offsetHeight - height) / 2 + 'px;', sync: true})
		], { duration: 1, afterFinish: function(effects) { new Effect.Appear(effects.effects[0].element.down('div')); } });
}