function showDiv(evt)
{
	//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';
	}
	
	//get reference to link clicked on
	var target=evt.target||window.event.srcElement
	var destination=target.href;
	var destDiv=destination.split('#')[1];
	var divName=document.getElementById(destDiv);
	var links = divName.getElementsByTagName('A');
	var first=links[0];
	
	divName.style.display='block';
	
	var source = first.getAttribute('href');
	var title = first.getAttribute('title');
	
	// change the picture
	var pic= document.getElementById('placeholder');
	pic.setAttribute('src',source);
	
	//change the text
	var text= document.getElementById('description');
	text.firstChild.nodeValue=title;
	
}

function setStatus(evt) {
	
	//get reference to link clicked on
	var target=evt.target||window.event.srcElement
	
	//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++)
		{
			changeClassName('remove', links[j], 'statusOn');
		}
		
	//add status indication to link
	changeClassName('add', target, 'statusOn', 'statusOn');
}