function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}


function setupNav(thisProject){
			
			projName = 'proj'+thisProject;
			//find the current project list item
			currentItem = document.getElementsByClassName(projName);
			
			currentItemContent = currentItem[1].firstChild.childNodes;
				

			//show the current project
			function showCurrent(){
				currentItem[1].style.clip = 'rect(0, 250px, 250px, -250px)';
				currentItemContent[0].style.right = '1px';
				currentItemContent[1].style.bottom = '-19px';
				}
			//hide the current project
			function hideCurrent(){
				currentItem[1].style.clip = 'rect(0, 20px, 20px, 0)';
				currentItemContent[0].style.right = '9000px';
				currentItemContent[1].style.bottom = '9000px';
				}
			
			
			//get the whole list
			navList = document.getElementById('projectsNav');
			
			//get the length of the list
			navItems = navList.getElementsByTagName('li');
			
			//loopem
			
			for(i=0; i<navItems.length; i++){
				
				thisItem = navItems[i];
				thisItemContent = thisItem.firstChild.childNodes;
				
				
				
				
				//hover mouse events
				thisItem.onmouseover = function(){
					hideCurrent(); 
					this.style.clip = 'rect(0, 250px, 250px, -250px)';
					this.firstChild.childNodes[0].style.right = '1px';
					this.firstChild.childNodes[1].style.bottom = '-19px';
					}
				thisItem.onmouseout = function(){
					showCurrent();
					this.style.clip = 'rect(0, 20px, 20px, 0)';
					this.firstChild.childNodes[0].style.right = '9000px';
					this.firstChild.childNodes[1].style.bottom = '9000px';
					}
				
				//start with this one hidden
					
					thisItem.style.clip = 'rect(0, 20px, 20px, 0)';
					thisItemContent[0].style.right = '9000px';
					thisItemContent[1].style.bottom = '9000px';
					thisItemContent[1].style.background = 'none';
					
					//make sure roll events won't make the current proj knock itself out
					showCurrent();
					currentItem[1].onmouseover = function(){showCurrent();}
					currentItem[1].onmouseout = function(){showCurrent();}
				}
				
			
}