$(document).ready(function () {

	// Initally hide all but show the first
	$(".siteplan_images").hide();
	$(".siteplan_images:first").show();

	
	// Mark the first link as 'current'
	$(".my_links:first").addClass('current');
	
	// Hook up the links to the descriptions
	$('.my_links').click(function(){
		
		// This is the id of the link just clicked (a_ prefix)
		var link_id = $(this).attr('id');
		

		// This is the id of the image (b_ prefix)
		var image_id = 'b_' + link_id.substr(2);


		// Hide all images and show the new current one
		$(".siteplan_images").hide();
		$('#' + image_id).show();
		
		// Un-highlight all links and highlight the current one
		$('.my_links').removeClass('current');
		$('#' + link_id).addClass('current');
		
		return false; // stop browser adding # to the URL 
	});
});