var menuData =
{
	// construction du menu en notation JSON
  menuObject : [
	
    
    { id:'18812', label:"Home",url_href:'',children: [ 
      
        
        { id:'49168', label:"De gongslag",url_href:'',children: [
          
            
            { id:'21967', label:"Overzicht",url_href:'/editorial/wide/editorial-21967-NL.html',children : [
              
              
            ]},
            
            { id:'22517', label:"Actueel",url_href:'/editorial/wide/editorial-22517-NL.html',children : [
              
              
            ]},
            
            { id:'49169', label:"Archief 2009",url_href:'',children : [
              
                
                { id:'159122', label:"Oktober",url_href:'/editorial/wide/editorial-159122-NL.html', children: []},
                
                { id:'92569', label:"September",url_href:'/editorial/wide/editorial-92569-NL.html', children: []},
                
                { id:'92568', label:"Augustus",url_href:'/editorial/wide/editorial-92568-NL.html', children: []},
                
                { id:'85769', label:"Juli",url_href:'/editorial/wide/editorial-85769-NL.html', children: []},
                
                { id:'85768', label:"Juni",url_href:'/editorial/wide/editorial-85768-NL.html', children: []},
                
                { id:'68220', label:"Mei",url_href:'/editorial/wide/editorial-68220-NL.html', children: []},
                
                { id:'68219', label:"April",url_href:'/editorial/wide/editorial-68219-NL.html', children: []},
                
                { id:'68218', label:"Maart",url_href:'/editorial/wide/editorial-68218-NL.html', children: []},
                
                { id:'22529', label:"Februari",url_href:'/editorial/wide/editorial-22529-NL.html', children: []},
                
                { id:'22528', label:"Januari",url_href:'/editorial/wide/editorial-22528-NL.html', children: []}
              
            ]},
            
            { id:'66418', label:" Archief 2008",url_href:'',children : [
              
                
                { id:'22527', label:"December",url_href:'/editorial/wide/editorial-22527-NL.html', children: []},
                
                { id:'22526', label:"November",url_href:'/editorial/wide/editorial-22526-NL.html', children: []},
                
                { id:'22525', label:"Oktober",url_href:'/editorial/wide/editorial-22525-NL.html', children: []},
                
                { id:'22524', label:"September",url_href:'/editorial/wide/editorial-22524-NL.html', children: []},
                
                { id:'22522', label:"Augustus",url_href:'/editorial/wide/editorial-22522-NL.html', children: []},
                
                { id:'22523', label:"Juli",url_href:'/editorial/wide/editorial-22523-NL.html', children: []},
                
                { id:'22521', label:"Juni",url_href:'/editorial/wide/editorial-22521-NL.html', children: []},
                
                { id:'22520', label:"Mei",url_href:'/editorial/wide/editorial-22520-NL.html', children: []},
                
                { id:'22519', label:"April",url_href:'/editorial/wide/editorial-22519-NL.html', children: []},
                
                { id:'22518', label:"Maart",url_href:'/editorial/wide/editorial-22518-NL.html', children: []}
              
            ]}
          
        ]},
        
        { id:'1613', label:"NYSE Euronext nieuws",url_href:'',children: [
          
            
            { id:'1731', label:"Persberichten",url_href:'/news/press_releases/pressReleases-1731-NL.html',children : [
              
              
            ]},
            
            { id:'21220', label:"Listing events",url_href:'/editorial/wide/editorial-21220-NL.html',children : [
              
              
            ]},
            
            { id:'1732', label:"Nieuwsbrieven",url_href:'',children : [
              
                
                { id:'1944', label:"Recent",url_href:'/news/newsletters/wide/newsletters-1944-NL.html', children: []},
                
                { id:'1946', label:"Archief",url_href:'/news/newsletters/wide/newsletters-1946-NL.html', children: []}
              
            ]},
            
            { id:'48818', label:"Evenementen & Conferenties",url_href:'',children : [
              
                
                { id:'21221', label:"Conferences",url_href:'/news/generaleventscurrent/comingEvents-1927-NL.html', children: []}
              
            ]}
          
        ]}
      
    ]}
  
  ], 
  
  
  
  // méthodes de construction du menu en HTML
  referenceChannel : undefined, 
  anchorElement : undefined, 
  focusedElement : undefined, 
  channelIDSelected : undefined, 
  hasVisibleNodeChildren : false, 
  
  
  buildMenu : function(elt, visibleNode)
  {
    menuData.anchorElement = elt;
    menuData.channelIDSelected = visibleNode ;
    
    menuData.buildSubMenu(elt, menuData.menuObject, 1);
    
    
    menuData.anchorElement.select("li.extensible").each(function(item) {
          item.addClassName("collapsed");
          item.addClassName("collapsed-level"+item.level);
    });
    
    
    var referenceChannel=$(visibleNode);
    menuData.focusedElement = $(visibleNode) ;
    
    if (referenceChannel != undefined && referenceChannel != null)
    {
      level = referenceChannel.level ;
      
      if ( ! menuData.hasVisibleNodeChildren && (level == 2 || level == 3 || level == 4))
        referenceChannel.addClassName("focusedLevel"+level) ;
      else if (level == 1)
        referenceChannel.addClassName("focused");
      
      
      if (!referenceChannel.hasClassName("extensible")) 
        referenceChannel = referenceChannel.up("li.extensible");
      
      if (referenceChannel != undefined)
      {
        referenceChannel.expandMenu();
        menuData.referenceChannel = referenceChannel;
      }
    }
    
    menuData.anchorElement.observe("click", menuClickObserver);
    $(document).observe("mouseover", menuOverObserver);
  }, 
  
  
  
  buildSubMenu : function(elt, children, level)
  {
    var ul = new Element("ul");
    children.each(function(item) {
      var li = new Element("li", {id : item.id});
      li.level=level;
      if (item.children.length > 0)
      {
        if (item.id == menuData.channelIDSelected)
          menuData.hasVisibleNodeChildren = true ;
        
        li.update("<div>"+item.label+"</div>");
        li.addClassName("extensible");
        li.collapseMenu=menuFct.collapseMenu;
        li.expandMenu=menuFct.expandMenu;
        var subUl = menuData.buildSubMenu(li, item.children, level+1);
        subUl.hide();
      }
      else
          li.update("<a href=\""+item.url_href+"\"><div onclick=\"window.location.assign('"+item.url_href+"')\">"+item.label+"</div></a>");
      
      ul.insert(li);
    });
    elt.insert(ul);
    return ul;
  }
};

var menuFct = 
{
  collapseMenu : function ()
  {
    var elt = $(this);
    
    if (elt.hasClassName("collapsed"))
        return;
    
    elt.removeClassName("expanded");
    elt.removeClassName("expanded-level"+elt.level);
    elt.addClassName("collapsed");
    elt.addClassName("collapsed-level"+elt.level);
    
    var toHide = elt.childElements()[1];
    Effect.BlindUp(toHide, { duration: 0.2 });
    
    // collapse children recursively
    elt.select('li.expanded').each(function(child)
    {
        child.collapseMenu() ;
    }) ;
    
  }, 
  
  
  expandMenu : function ()
  {
    var elt = $(this);
    
    // expand if not done yet
    if (!elt.hasClassName("expanded"))
    {
        elt.addClassName("expanded");
        elt.addClassName("expanded-level"+elt.level);
        elt.removeClassName("collapsed");
        elt.removeClassName("collapsed-level"+elt.level);
        var toShow = elt.childElements()[1];
        Effect.BlindDown(toShow, { duration: 0.3 });
        
        
    }
    
    
    // collapse sibblings
    elt.siblings().each(function(sib) {
        if (sib.match("li.extensible", "expanded"))
            sib.collapseMenu();
    });
    
    
    // expand father recursively
    var fatherToExpand = elt.up('.extensible');
    if (fatherToExpand != undefined)
        fatherToExpand.expandMenu();
    
  }
};


var backToRefID = null;


function menuOverObserver(e)
{
  var element = Event.element(e);
  if (element.descendantOf(menuData.anchorElement)) // Over menu
  { 
    // Just entered -> Cancel the back to reference channel callback
    if (backToRefID != null) {
      clearTimeout(backToRefID);
      backToRefID = null;
    }
  }
  // Not over menu and trigger not set yet
  else if (backToRefID == null) 
  {
    // Trigger the back to reference channel callback
    backToRefID = setTimeout(function()
    {
        // open the reference node
        if (menuData.referenceChannel != undefined)
        {
            menuData.referenceChannel.expandMenu();
            
            // collpase the children of the reference element
            menuData.referenceChannel.select('.expanded').each(function(child)
            {
                child.collapseMenu() ;
            }) ;
        }
        
        
        // collapse the brothers of the active element
        if (menuData.focusedElement != undefined)
        {
            menuData.focusedElement.siblings().each(function(sib) {
                if (sib.match("li.extensible", "expanded"))
                    sib.collapseMenu() ;
            }) ;
        }
    }, 5000);
  }
  
}

function menuClickObserver(e)
{
  var elt = Event.element(e);
  
  // Skip links
  if (elt.match("a div")||elt.match("a")) return;
  
  // Get the first extensible parent
  var extensibleParent = elt.match("li.extensible")?elt:elt.up("li.extensible");
  // If not found, we're not in the menu
  if (extensibleParent == undefined) return;
  
  if (extensibleParent.expandMenu != undefined) // If found
  {
    if (extensibleParent.hasClassName("expanded"))
      extensibleParent.collapseMenu();
    else 
      extensibleParent.expandMenu();
    e.stop();
  }
}