var speedmove=200;
var speeddown=400;
var posreposh='-500px';
var posreposv='-500px';
var pos1='203px';
var pos2='426px';
var pos3='649px';
var pos4='872px';

var desc1='10px';
var desc2='233px';
var desc3='456px';
var desc4='679px';

/* CACHER TOTU LES ELEMENTS DE DESCRIPTION */ 
$('.description>li').css({
  'margin-left': posreposh,
  'margin-top': posreposv,
  height: '0px'
}); 

/* PLACER LA POINTE OU IL FAUT */
$('#montre').css({
  'margin-left':pos1
});

/* OUVRIR LE PREMIER ELEMENT DE DESCRIPTION */
if($('.default').length){
$('.description>li:first-child').css({
  height: '10px',
  'margin-left': desc1,
  'margin-top':'0px'
});
}
/* ANIMER LE MENU */

var animDown = function(element, pos, desc){
    $('#montre').stop(true).animate({
      'margin-left':pos
    },speedmove,'swing');
    $(element).css({
      height: '10px',
      'margin-left': desc
    }).stop(true).animate({
      'margin-top':'0px'
    },speeddown, 'swing');
  }
  
var animUp = function(element, posreposh, posreposv){
    $(element).animate({
      'margin-top':posreposh
    },speeddown, 'swing', function(){
      $(this).css({
        'margin-left': posreposv,
        height: '0px'
      });
    });
  }  

$('a[name="sons"]').hover(
  function(){
    animUp('.description>li:first-child + li',posreposh,posreposv);    
    animUp('.description>li:first-child + li + li',posreposh,posreposv);    
    animUp('.description>li:first-child + li + li + li',posreposh,posreposv);    
    animDown('.description>li:first-child',pos1,desc1);
  },
  function(){
    animUp('.description>li:first-child',posreposh,posreposv);
  }
);

$('a[name="images"]').hover(
  function(){
    animUp('.description>li:first-child',posreposh,posreposv);    
    animUp('.description>li:first-child + li + li',posreposh,posreposv);    
    animUp('.description>li:first-child + li + li + li',posreposh,posreposv);    
    animDown('.description>li:first-child + li',pos2,desc2);
  },
  function(){
    animUp('.description>li:first-child + li',posreposh,posreposv);
  }
); 

$('a[name="textes"]').hover(
  function(){
    animUp('.description>li:first-child',posreposh,posreposv);    
    animUp('.description>li:first-child + li',posreposh,posreposv);    
    animUp('.description>li:first-child + li + li + li',posreposh,posreposv);    
    animDown('.description>li:first-child + li + li',pos3,desc3);
  },
  function(){
    animUp('.description>li:first-child + li + li',posreposh,posreposv);
  }
); 

$('a[name="mail"]').hover(
  function(){
    animUp('.description>li:first-child',posreposh,posreposv);    
    animUp('.description>li:first-child + li',posreposh,posreposv);    
    animUp('.description>li:first-child + li + li',posreposh,posreposv);    
    animDown('.description>li:first-child + li + li + li',pos4,desc4);
  },
  function(){
    animUp('.description>li:first-child + li + li + li',posreposh,posreposv);
  });