function doSideNav(id,selected) {
	if (document.getElementById) {
	// sort out the right thing to display
		var nav_box = document.getElementById("my_hide_nav");
		var links = nav_box.getElementsByTagName("a");
		for ( var i = 0; i < 8; i++ ) {
			// hide all
			document.getElementById('content_' + i).style.display = 'none';
		}

		// show one with ID
		document.getElementById('content_' + id).style.display = 'block';
		// get all links inside the right column

		// set all the links classes to nothing

		for(var i=0; i<links.length; i++)

		links[i].className = "";
		// set selected link as selected
		selected.className = "on";
		} else
		alert('Please update your browser');


	doTopNav(id);
}

function doTopNav(id){
	for ( var i = 0; i < 8; i++ ) {
		// hide all
		document.getElementById('link_' + i).style.display = 'none';
	}
	document.getElementById('link_0').style.display = 'block';
	document.getElementById('link_0').className = "";
	
	document.getElementById('link_' + id).style.display = 'block';
	document.getElementById('link_' + id).className = "current";
	
}

function doInner(id){
	if (id == 7){
		document.getElementById('side_link_'+id).className = "on";
	}
	for ( var i = 0; i < 1; i++ ) {
		// hide all
		document.getElementById('content_' + i).style.display = 'none';
	}
	
	document.getElementById('content_' + id).style.display = 'block';
	doTopNav(id);
}