$(document).ready(function(){
   function effect(id, var1){
		if(var1==1){
			var lgth=$("#ss-menu"+ id+" .inside").height();
			/*var lgth = $("#sous_test"+id+" ul > li").length*30;*/
			$("#ss-menu"+id).stop(true).animate({'height':lgth+'px'},200);
		}
		else{
			$("#ss-menu"+id).stop(true).animate({'height':0+'px'},100);
		}
	}
	
	$(".MenuHorizontal li").hover(
      function () {
	  	var id=$(this).attr('id');
		effect(	id.substr(4,2),1)
      }, function () {
        var id=$(this).attr('id');
		effect(id.substr(4,2),0)
      }
    );	
	$(".sous_menu").hover(
      function () {
	  	var id=$(this).attr('id');
		effect(id.substr(7,2),1)
        
      }, function () {
		var id=$(this).attr('id');
		effect(id.substr(7,2),0)
      }
    );

});