$(function()
	{
	//this allows the content to be seen with javascript turned off
	$('#main-container-background a[name]').removeAttr("name");
	$('#main-container').css('overflow', 'hidden');
	$('#side-nav').css('visibility', 'visible');
	
	//here we assign the click handler to each #side-nav a element to jump 
	//to a position in 	the #main-container-background
   $('#side-nav a').live
	('click', function()
		{
		
		$(this).parent().removeClass('remove-right-border');
		$(this).parent().siblings().addClass('remove-right-border');
		
		
		//here is the text to display in the overlay
		var overlay = new Array("Image: 1",
					"Image: 2",
					"Image: 3");
		//here are the background colors for the overlay			
		var color	= new Array("#ffffff",
					"#ffffff",
					"#ffffff");		
		var index = $('#side-nav a').index(this);
		
		$("#main-container-background").animate({ top: index * -300 }, 'slow');
		$(".overlay").hide().css("background-color", color[index]).text(overlay[index]).fadeIn(1500);
		
		});
	});