var popup_navi;
var item_navi;
var sel_item;
var is_popup_navi=false;
var navi_timeout_id;
var navi_delai=1500;
var navi_hilight_color="#fff99a";
var navi_background_color="transparent";
var navi_menu_background_color="#7aa4fa";

function popdown_navi() {
  if(is_popup_navi) {
    popup_navi.hide();
    clearTimeout(navi_timeout_id);
    is_popup_navi=false;
  }
  item_navi.css({'background-color' : navi_background_color});
}

function navi_pop_up(num) {
  var obj;
    
  // On ferme si deja ouvert
  if(is_popup_navi) {
    popup_navi.hide();
    clearTimeout(navi_timeout_id);
    is_popup_navi=false;
    item_navi.css({'background-color' : navi_background_color});
  }
  
  // Hilight du fond de l'item
  obj = $("#item_navi" + num);
  obj.css({'background-color' : navi_menu_background_color});

  // Ouverture du popup navi
  var posx = obj.findPos().x;
  var posy = obj.findPos().y;
  var largeur = obj.width();
  var hauteur = obj.height();

  popup_navi = $("#navi_menu" + num);
  item_navi = $("#item_navi" + num);

  var move_x = posx;
  var move_y = posy + hauteur;

  popup_navi.css({'left' : move_x + 'px', 'top' : move_y + 'px'});

  popup_navi.show();
  is_popup_navi=true;  
}

function navi_pop_down(num) {
  var obj;
  // On commande la fermeture du popup
  navi_timeout_id=setTimeout("popdown_navi()",navi_delai);
}

function active(num) {
  var obj;
  obj = $("#navi_menu_item" + num);
  obj.css({'background-color' : navi_hilight_color});
  
  // On deprogramme la fermeture su popup
  clearTimeout(navi_timeout_id);
}

function desactive(num) {
  var obj;
  obj = $("#navi_menu_item" + num);
  obj.css({'background-color' : navi_background_color});
  
  // On reprogramme la fermeture du popup
  navi_timeout_id=setTimeout("popdown_navi()",navi_delai);
}