var navigation = {
  subnavs: [],
  
  init: function() {
    var subnavs = document.getElementById('main').getElementsByTagName('ul');
    for(var i = 0; i < subnavs.length; i++)
      if(subnavs[i].parentNode.nodeName == 'LI') {
        this.subnavs.push(subnavs[i]);
        $(subnavs[i].parentNode).click(this.click);
        subnavs[i].parentNode.style.cursor = 'pointer';
      }

    for(var i = 0; i < this.subnavs.length; i++)
      this.subnavs[i].style.display = 'none';
    
    $('a#contents').click(this.show_nav);
    
    if($("body#project, body#page").length > 0)
      $("body > nav#main").hide();
  },
  
  click: function(e) {
    if (!e) var e = window.event;
    var childnav = e.currentTarget.getElementsByTagName('ul')[0];
    
    if(childnav.style.display == 'block') {
      $(childnav).slideUp(150);
    } else {
      $(navigation.subnavs).slideUp(150);
      $(childnav).slideDown(150);
    }
  },
  
  show_nav: function(e) {
    e.preventDefault();
    
    if($("section#information:visible").length > 0)
      return $("section#information").fadeOut(150);
      
    if($("body > nav#main:visible").length > 0)
      $("body > nav#main").fadeOut(150);
    else
      $("body > nav#main").fadeIn(150);
  }
}

$(function() {
  navigation.init();
  
  $("a#information-btn, a#colophon-btn").click(function(e) {
    e.preventDefault();
    $("section#information").fadeIn(150);
  });
  
});