// JavaScript Document

// Auteur: 
// (nombre de sous-menu * leur hauteur) + hauteur de l'onglet du menu principal
// (nombre de sous-menu * 23px) + 33px = height

$(document).ready(function(){
	// TAILLE: 355px
	// Lorsque la souris survole un lien
    $(".SMli14").mouseover(function(){
        $(this).stop().animate(
            {height: '355px'},
            {queue: false,
            duration: 600,
            easing: 'easeOutBounce'
        })
    });
    // Lorsque la souris quitte le lien
    $(".SMli14").mouseout(function(){
        $(this).stop().animate(
            {height: '33px'},
            {queue: false,
            duration: 600,
            easing: 'easeOutBounce'
        })
    });
	// TAILLE: 55px
	// Lorsque la souris survole un lien
    $(".SMli2").mouseover(function(){
        $(this).stop().animate(
            {height: '79px'},
            {queue: false,
            duration: 600,
            easing: 'easeOutBounce'
        })
    });
    // Lorsque la souris quitte le lien
    $(".SMli2").mouseout(function(){
        $(this).stop().animate(
            {height: '33px'},
            {queue: false,
            duration: 600,
            easing: 'easeOutBounce'
        })
    });
	
	// TAILLE: 140px
	// Lorsque la souris survole un lien
    $(".SMli4").mouseover(function(){
        $(this).stop().animate(
            {height: '125px'},
            {queue: false,
            duration: 600,
            easing: 'easeOutBounce'
        })
    });
    // Lorsque la souris quitte le lien
    $(".SMli4").mouseout(function(){
        $(this).stop().animate(
            {height: '33px'},
            {queue: false,
            duration: 600,
            easing: 'easeOutBounce'
        })
    });
});