// Menu CAH - Effet volet jQuery

jQuery().ready(function(){
	

	$('#menu_volets li img').css({
		position: 'relative',
		top: '50%',
		width: '10%', 
		opacity: '0'
		})
			
	$('#menu_volets li:last').css({
		margin: '0'
		});
		
	$('#menu_volets li .type_room').css({
		position: 'absolute',
		bottom: '-35px',
		});



	$('#menu_volets li img').each(function(index){

		$(this).delay(index*150).animate({
			top: '0',
			width: '100%', 
			opacity: '1'
			}, 800)

	});
	
	$('#menu_volets li .type_room').each(function(index){

		$(this).delay(100+index*150).animate({
			bottom: '20px',
			}, 800)

	});

	
	$('#menu_volets li').mouseenter(function(){
		$(this).children('a').children('.type_room').stop();
		$(this).children('a').children('.type_room').animate({
			bottom: '30px',
			}, 100)
	});
	
	$('#menu_volets li').mouseleave(function(){
		$(this).children('a').children('.type_room').stop();
		$(this).children('a').children('.type_room').animate({
			bottom: '20px',
			}, 100)
	});
	

});