Un pequeño problemita

Hola a todos y felicidades por la website
Me gustaria saber como hicieron el menu que esta en la parte de arriba, cuando pasa el mouse arriba de este, se despliega otro submenu con otras opciones de formar paralela al primero.

Bueno esa es mi duda si alguien me pudiera ayudar se lo agradeceria mucho.

Hay un programa llamado DHTML Menu... con ese lo podes hacer..!

Gracias pero en realidad busco enseñarme como hacer menus de esa forma

La lógica es la siguiente:
1.- Los submenús deben estar con propiedades tales que no sean visibles (sin más habladurías la propiedad en css es "display:none")
2.- En MouseOver de algún elemento que tenga submenú se ejecuta un código como este (de hecho es el mismo )

Código :

tutoriales.onmouseover = function () {
if(sub_tutos.style.display=="none"){
   clearTimeout(id_ejem);
   sub_ejem.style.display='none';
   sub_tutos.style.display = ""; // mostramos
   clearTimeout(id_tutos);
   id_tutos = setTimeout("sub_tutos.style.display='none';", 4000);
   }
}
ejemplos.onmouseover = function () {
   if(sub_ejem.style.display=="none"){
      clearTimeout(id_tutos);
      sub_tutos.style.display='none';
      sub_ejem.style.display = ""; // mostramos
      clearTimeout(id_ejem);
      id_ejem = setTimeout("sub_ejem.style.display='none';", 4000);
   }
}
//CopyRigth Cristalab

3.- Como pudiste ver el submenú desaparece en 4 segundos, lo que quiere decir que si me quedo leyendo que dicen es probable que desaparezca y sería mejor utilizar otra forma para la creación de estos submenús. Lo bueno es que funciona no?