if (document.getElementById && document.getElementsByTagName) {
	// grab and store the divs containing the content that will swap in and out
	var slides = document.getElementById('content').getElementsByTagName('div');
	// loop thorough the slides and hide them
	for (var i=0; i<slides.length; i++) {
		slides[i].style.display = 'none';
		// find the anchors in this particular slide
		var anchors = slides[i].getElementsByTagName('a');
		// from the html, we know the last link to move from slide to slide
		anchors[anchors.length-1].onclick = function() {
			// when the link is clicked, hide its own slide
			this.parentNode.parentNode.parentNode.style.display = 'none';
			// parse the href to target and display the next slide
			document.getElementById(this.href.split('#')[1]).style.display = 'block';
			return false;
		}
	}
	// since everything hidden by default, lets show the first slide
	slides[0].style.display = 'block';
}