var hauteur = new Array();

window.addEvent('domready', function(){
	switch_onglet();
	
	$('logo-accueil').addEvent('click', function(){
		window.location.href = 'index.php?page=accueil';
	});
	
	if($('panier')){
		$('panier').addEvent('click', function(){
			window.location.href = 'index.php?page=etape1';
		});
	}
	
	$$('.menu_haut').each(function(menu, index){
		var sous_menu = menu.getChildren('div.sous_menu');
		if (sous_menu.length) {
			sous_menu = sous_menu[0];
			hauteur[index] = sous_menu.getDimensions().y;
			menu.addEvent('mouseenter', aggrandir.bind(sous_menu, index));
			menu.addEvent('mouseleave', reduire.bind(sous_menu));
			sous_menu.setStyle('height', '0px');
		}
		var sous_menu = menu.getChildren('div.sous_menu-2lignes');
		if (sous_menu.length) {
			sous_menu = sous_menu[0];
			hauteur[index] = sous_menu.getDimensions().y;
			menu.addEvent('mouseenter', aggrandir.bind(sous_menu, index));
			menu.addEvent('mouseleave', reduire.bind(sous_menu));
			sous_menu.setStyle('height', '0px');
		}
	});
	
	$$('.menu_li a').each(function(element){
		element.addEvent('mouseover', function(){
			element.style.color = '#6bb43d';				
		});
		element.addEvent('mouseout', function(){
			element.style.color = 'black';		
		});
	});
});

function switch_onglet() {
	$$('.rubrique-menu').each(function(element){
		element.addEvent('mouseover', function(){
			element.style.backgroundPosition = '0px 0px';	
			element.style.color = 'white';	
			element.getChildren('div.wording_menu')[0].getChildren('a')[0].style.color = 'white';	
		});
		element.addEvent('mouseout', function(){
			element.style.backgroundPosition = '0px -33px';
			element.style.color = '#6bb43d';
			element.getChildren('div.wording_menu')[0].getChildren('a')[0].style.color = '#6bb43d';
		});
		element.addEvent('click', function(){
			window.location = element.getChildren('div.wording_menu')[0].getChildren('a')[0].href;
		});
	});
	
	$$('.rubrique-menu-2lignes').each(function(element){
		element.addEvent('mouseover', function(){
			element.style.backgroundPosition = '0px 0px';	
			element.style.color = 'white';	
			element.getChildren('div.wording_menu')[0].getChildren('a')[0].style.color = 'white';		
		});
		element.addEvent('mouseout', function(){
			element.style.backgroundPosition = '0px -33px';
			element.style.color = '#6bb43d';	
			element.getChildren('div.wording_menu')[0].getChildren('a')[0].style.color = '#6bb43d';
		});
		element.addEvent('click', function(){
			window.location = element.getChildren('div.wording_menu')[0].getChildren('a')[0].href;
		});
	});
	
	$('logo-accueil').addEvent('mouseover', function(){
		$('logo-accueil').style.backgroundPosition = '0px 0px';
	});
	$('logo-accueil').addEvent('mouseout', function(){
		$('logo-accueil').style.backgroundPosition = '0px -47px';
	});
}

function aggrandir(index) {
	this.setStyle('display','block');
	this.set('tween', {
		'duration': 'short'
	});
	this.tween('height', hauteur[index] + 'px');
}

function reduire() {
	this.set('tween', {
		'duration' : 'short'
	});
	this.tween('height', '0px');
}