$(document).ready(function () {
  $("#global #bd_top #ctn_menu>ul>li").hover(function(){ showMenu(this)}, function(){ waitHideMenu(this)});
  
  
  //Adjust du menu haut  
  var largeurtotale = $('#ctn_menu').width();
  var largeurmenu=0;  
  $('#ctn_menu li').each(function(){
    largeurmenu= largeurmenu+ $(this).outerWidth();
  });   
  $('#ctn_menu').css('padding-left',(largeurtotale-largeurmenu)/2+'px');
  
});


var tabFonds = new Array();
var timeMenu;

function showMenu(caller){
 
  clearTimeout(timeMenu); 
    
  //On cache les enfants s'il y en a
  $(caller).siblings().each(function(){
    if($(this).children('ul:visible').length>0){      
      hideAndDeleteFond(this);              
    }
  });
    
  
  //On montre le sous-menu
  if($(caller).children('ul:hidden').length>0){
    
    //debugger;
        
    //div à montrer : fils de l'appelant de type div caché
    var div=$(caller).children('ul:hidden')[0];
    var fond=createFond(caller);
    
    //Récup des coordonnées de l'appelant
    var p=$(caller).position();  
    var h=$(caller).height();        
    
    //On positionne le div
    $(div).css('left',p.left+1+'px');
    $(div).css('top',p.top+h+16+'px');
    $(div).show();     
    var w=$(div).width(); 
    
    //On récupère sa position
    p=$(div).position(); 
    h=$(div).height();
    
    //On positionne le fond
    $(fond).height(h-1+'px');
    $(fond).width(w+1+'px');
    $(fond).css('top',p.top+0+'px');   
    $(fond).css('left',p.left-0+'px');     
    $(fond).show(); 
  }  
}

function waitHideMenu(caller){  
  timeMenu=setTimeout(function(){hideMenu(caller)},100);
}

function hideMenu(caller){ 
  
  clearTimeout(timeMenu);
  timeMenu=null;
  
  //return;
  
  //On cache les enfants s'il y en a  
  if($(caller).children('ul:visible').length>0){
    hideAndDeleteFond(caller);     
  }   
}


function createDiv(zeClass){
  d=document.createElement('div');
  if(zeClass){
    $(d).addClass(zeClass); 
  }
  $(d).text(' '); 
  return d;
}

function createFond(caller){
  
  var d;  
  
  if($(caller).children('.fond_menu').length>0){
    d=$(caller).children('.fond_menu'); 
    return d;   
  }
  
  //Création du fond
  d=document.createElement('div');
  $(d).addClass('fond_menu');
  $(d).text(' ');
  tabFonds.push(d);
  $(caller).append($(d));
  
  return d;
}

function hideAndDeleteFond(obj){
  $(obj).children('ul:visible').hide(); 
  $(tabFonds[tabFonds.length-1]).hide();    
  $(tabFonds[tabFonds.length-1]).remove(); 
  tabFonds.pop();
  //restoreZindexes();
}