function showListes(){
	$("list1").setStyle('display','block');
	$("list1").setStyle('height','15');
	
}

window.addEvent('load', function() {
	
	
	$$("a.smoothbox").each(function(el){
        el.addEvent('click', function(){
		    $("list1").setStyle('display','none');
   		});
    });
	
	
	// animation pour la premiere liste
	var list1 = $("list1");
	var myEffect1 = new Fx.Morph(list1, {duration: 500, wait:true});
	//var myEffect2 = new Fx.Morph(element, {duration: 100, transition: Fx.Transitions.Sine.easeOut,wait:false});
 	list1.addEvent('mouseenter', function(){
 		if(list1.getHeight() < 110){
		    myEffect1.start({
			   'height':['15','110']
			});
			
 		}
	});
	
	list1.addEvent('mouseleave', function(){
	   myEffect1.start({
		   'height':['110','15']		  
		});
	
	});
	
	// animation pour le survol des items de la premiere liste
	var list1Item = $$("#list1 a");
	list1Item.each(function(element){
		var myEffect3 = new Fx.Morph(element, {duration: 10, wait:false});
		var myEffect33 = new Fx.Morph(element, {duration: 200, wait:false});
		//var myEffect2 = new Fx.Morph(element, {duration: 100, transition: Fx.Transitions.Sine.easeOut,wait:false});
	 	element.addEvent('mouseenter', function(){
		    myEffect3.start({
		    	'background-color':['#FFFFFF','#CCCCCC']
			});
			$("elem1List1").setStyle('background','none');
		});
		
		element.addEvent('mouseleave', function(){
		   myEffect33.start({
			    'background-color':['#CCCCCC','none']
			});
		$("elem1List1").setStyle('background','none');
		});
	});
});