var Site = {
  
  // initialize page and all its many wonderful functions
  start: function(){
    if ($('nav')) {
      Site.setnavigation();
    }
    Site.highlightLinks();
  },
  
  highlightLinks: function(){
    var links = $$('#text a, #nav a, .back, .image-list a, .list-images a');
    var colors = ['#00ff2b', '#63ffc2', '#50fff9', '#ffff00', '#ffba27', '#b4e900', '#ff66cc'];
    links.each(function(link) {
      link.addEvent('mouseover', function(){
        color = colors.getRandom();
        link.highlight(color, '#FFF');
      });
    });
  },
  
  setnavigation: function(){

    // display sub navs
    var subnavs = $$('#nav ol li a');
    subnavs.each(function(subnav) {
      subnav.addEvent('click', function(){
        subnav.getParent().getFirst('ol').setStyle('display', 'block');
        $$('#nav h3')[0].innerHTML = subnav.text;
      });
    });
    
    // add backs
    var subnavs = $$('#nav ol li li');
    subnavs.each(function(subnav) {
      var back = new Element('li', {'class': 'back'});
      back.innerHTML = 'back';
      if (!subnav.getNext()) {
        back.injectAfter(subnav);
      }
    });
    
    // return to main nav
    var backs = $$('#nav .back');
    backs.each(function(back) {
      back.addEvent('click', function(){
        $$('#nav ol ol').setStyle('display', 'none');
        $$('#nav h3')[0].innerHTML = 'Selected Work';
      });
    });
  }

};

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