Event.observe( document, 'dom:loaded', setupPage );

function setupPage() {

//	alert( 'setupPage' );

	$$('#Content #Navigation li').each(function(el){
		var thisID = el.identify().substring( 2 );
		var liel = $( "li"+thisID );
		liel.update( "<span>"+thisID+"</span>");
		liel.observe('click', function(event) {
			setNav( thisID );
		});
	});

	$$('#Content #Overview .smallshot').each(function(el){
		el.observe('click', function(event) {
			setNav( "Screenshots" );
		});
	});

	setNav( "Overview" );
}

function setNav( towhat ) {
//	alert( towhat );

//	$$('#Content #Navigation li').removeClassName( "liselected" );
//	$$('#Content #Navigation li').addClassName( "liselected" );

	$$('#Content #Navigation li').each(function(el){
		var thisID = el.identify().substring( 2 );
		if ( thisID == towhat ) {
			el.addClassName( "liselected" );
			$( thisID ).show();
		} else {
			el.removeClassName( "liselected" );
			$( thisID ).hide();
		}
	});
	
	if ( towhat != "Videos" ) {
		$('BusyVideo').update( '<img src="http://files.stairways.com/aragom-img/busy-movie.png" alt="Busy Movie" width="480" height="335" />' );
		$('BusyVideo').observe('click', function(event) {
			playVideo( 'BusyVideo' );
		});
	}
	
	return true;
}