// when nav links are clicked,
// load the image onto the current page

/*window.onload tells the browser not to load the javascript functions 
below until the html document is fully loaded*/

addLoadEvent(init);

function init()
{
	// get access to nav
	var main = document.getElementById('main');
	
	// get access to all anchor tags inside of nav
	var links = main.getElementsByTagName('A');
	
	// loop through links array, attach event listener to each link
	for(var i=0; i<links.length;i++)
	{
		addEvent(links[i],'click',showPic);	
	}

prepareLinks();
	
	
	
	//get reference to container element
	var holder=document.getElementById('main');
	
	
	//create reference to all div inside of main
	var divs=holder.getElementsByTagName('DIV');
	
	var l = divs.length;
	
	//loop over divs and hide them all
	for(var i=0;i<l;i++)
	{
		divs[i].style.display='none';
	}
	
		//show first div
		divs[0].style.display='block';
		
		//add functionality to nav links
		
		//get reference to nav 
		var nav =document.getElementById('nav');
		
		//create ref to all links in nav
		var links=nav.getElementsByTagName('A');
		var numLinks=links.length;
		
		//loop over links add event listener
		for(var j=0; j< numLinks;j++)
		{
			addEvent(links[j],'click',showDiv);
			addEvent(links[j],'click',setStatus);
	}
}