document.observe('dom:loaded', function() {
  var listElements = $$('ul#tabpane li');
  if ($('tabpane')) {
    new Control.Tabs('tabpane', {
      afterChange: function(el) {
        var activeLink = $$('[href="#'+ el.id + '"]')[0];
        if (activeLink) {
          var parent = activeLink.up('li');
          if (!parent) return;
          listElements.invoke('removeClassName', 'active');
          parent.addClassName('active');
        }
      }
    });
  }
  
  if (Prototype.Browser.IE) {
    var header = $('top'),
        body = $('main'),
        menuItem = $$('#header ul#navigation li.first')[0],
        submenu = menuItem.down('ul'),
        canHide = true;
        
    $(document.body).insert(submenu);
    
    submenu.setStyle({
      position: 'absolute',
      top: '100px',
      left: '100px'
    });

    menuItem.observe('mouseover', function() {
      var offset = menuItem.cumulativeOffset();
      submenu.setStyle({
        visibility: 'visible',
        left: offset.left - 7 + 'px',
        top: offset.top - 1 + menuItem.getHeight() + 'px'
      })
    });
    
    menuItem.observe('mouseout', function() {
      setTimeout(function(){
        if (canHide) {
          submenu.style.visibility = 'hidden';
        }
      }, 100)
    });
    
    submenu.observe('mouseenter', function() {
      canHide = false;
    });
    
    submenu.observe('mouseleave', function(e) {
      canHide = true;
      submenu.style.visibility = 'hidden';
    });
    
    submenu.style.visibility = 'hidden';
    
  };
  
});

Event.observe(window, 'load', function() {
  //scroll to top if a # is present
  if (document.location.hash) {
    window.setTimeout(function(){
      document.body.scrollTo(0,0);
    }, 10);
  }
});