window.onloadListeners = new Array();

window.addOnLoadListener = function (listener) {
	window.onloadListeners[window.onloadListeners.length] = listener;
}

Event.observe(window, 'load', function () {
  window.onloadListeners.each(function(listener) {
    if (listener) {
      listener.call();
    }
  });
});

addOnLoadListener(function() {
  var menuItems = [{id: 'members', name: 'LIIKMED'}, {id: 'results', name: 'KALENDER'}, {id: 'aboutUs', name: 'PILDID'}, {id: 'contact', name: 'KONTAKTANDMED'}];
  var menuItemTemplate = new Template('<li><a href="#" class="menuItem" id="button_#{id}">#{name}</a></li>');
  
  menuItems.each(function(menuItem) {
    $('nav').insert(menuItemTemplate.evaluate(menuItem));
  });

  $$('a.menuItem').each(function(button) {
    var containerId = button.id.substr(7);
    button.href = 'javascript:void(0);';
    button.observe('click', function() {
      menuItems.each(function(item) {
        if (containerId == item.id) {
          $(item.id + 'Container').show();
        }
        else {
          $(item.id + 'Container').hide();
        }
      });
    });
  });

  $$('a.hideContentContainerButton').each(function(button) {
    var id = button.id.substr(27);
    button.observe('click', function(event) {
      $(id + 'Container').hide();
    });
  });
});