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





$('img-menu-accueil').setStyle('opacity', 0);
$('img-menu-nos-vehicules-de-prestige').setStyle('opacity', 0);
$('img-menu-rechercher').setStyle('opacity', 0);
$('img-menu-contact').setStyle('opacity', 0);


	$('headeur-menu-accueil').addEvent('mouseenter', function(event) {
		$('img-menu-accueil').fade(1);		         
	});
	$('headeur-menu-accueil').addEvent('mouseleave', function(event) {
		
			$('img-menu-accueil').fade(0.1);
				         
	});	
	$('headeur-menu-nos-vehicule').addEvent('mouseenter', function(event) {
		$('img-menu-nos-vehicules-de-prestige').fade(1);		         
	});
	$('headeur-menu-nos-vehicule').addEvent('mouseleave', function(event) {
		
			$('img-menu-nos-vehicules-de-prestige').fade(0.1);
				         
	});	
	$('headeur-menu-rechercher').addEvent('mouseenter', function(event) {
		$('img-menu-rechercher').fade(1);		         
	});
	$('headeur-menu-rechercher').addEvent('mouseleave', function(event) {
		
			$('img-menu-rechercher').fade(0.1);
				         
	});	
	$('headeur-menu-contact').addEvent('mouseenter', function(event) {
		$('img-menu-contact').fade(1);		         
	});
	$('headeur-menu-contact').addEvent('mouseleave', function(event) {
		
			$('img-menu-contact').fade(0.1);
				         
	});	


	// the example above is only fitting for this demo, since we let the user pick the transition and turn auto on/off
	// for most scenarios, it's only enough with: 
	// new BarackSlideshow('menu', 'pictures', 'loading', {transition: '<transition here>', auto: true});
	// transitions can be 'slide-left', 'slide-right', 'slide-top', 'slide-bottom', 'fade'
});