var lastproject;
  
var Site = {
  
  // initialize page and all its many wonderful functions
  start: function(){
    if($('nav')) Site.setnav();
    if($$('.projectnav')[0]) Site.setprojectnav();
  },
    
    
  setnav: function(){
    $('nav').setStyle('opacity', 0);
    $('header').addEvent('mouseenter', function(){Site.fadein()});
    $('header').addEvent('mouseleave', function(){Site.fadeout()});
  },
  
  
  fadein: function(){
    var current = $('nav').getStyle('opacity');
    $('nav').effect('opacity', {
      duration: 400, wait: true
    }).start(0,1);
  },
  
  fadeout: function(){
    var current = $('nav').getStyle('opacity');
    $('nav').effect('opacity', {
      duration: 400, wait: true
    }).start(1,0);
  },
  
  setprojectnav: function(){
    var projectnav = $$('#pagenav li a');
    var projectimages = $$('#pagenav img');
    projectnav[0].setStyle('font-weight', 'bold');
    projectimages[0].setStyle('display', 'block');
    projectnav.each(function(el){
      el.addEvent('mouseover', function(){
          Site.projectnav(this);
      });
    })
  },
  
  projectnav: function(el){
    if (lastproject && lastproject != el) {
      lastproject.setStyle('font-weight', 'normal');
      lastproject.getElementsByTagName("img")[0].setStyle('display', 'none');
    }
    else if (!lastproject) {
      $$('#pagenav li a')[0].setStyle('font-weight', 'normal');
      $$('#pagenav img')[0].setStyle('display', 'none');
    }
      el.setStyle('font-weight', 'bold');
      el.getElementsByTagName("img")[0].setStyle('display', 'block');
      lastproject = el;
  }
}

window.addEvent('domready', Site.start);