// When the document loads do everything inside here ...
$(document).ready(function(){

	// When a link is clicked
	$("a.tab").click(function () {
				
		// switch all tabs off
		$(".tabimg1").attr('src', $(".tabimg1").attr('off')); $(".tabimg1").attr('hover', $(".tabimg1").attr('on'));
		$(".tabimg2").attr('src', $(".tabimg2").attr('off')); $(".tabimg2").attr('hover', $(".tabimg2").attr('on'));
		$(".tabimg3").attr('src', $(".tabimg3").attr('off')); $(".tabimg3").attr('hover', $(".tabimg3").attr('on'));
		$(".tabimg4").attr('src', $(".tabimg4").attr('off')); $(".tabimg4").attr('hover', $(".tabimg4").attr('on'));
		$(".tabimg5").attr('src', $(".tabimg5").attr('off')); $(".tabimg5").attr('hover', $(".tabimg5").attr('on'));
		
		// switch the clicked tab on
		$(this).children('img').attr('src', $(this).children('img').attr('on'));
		$(this).children('img').attr('hover', $(this).children('img').attr('on'));
		
		// slide all content up
		$(".content").slideUp();
		
		// slide this content up
		var content_show = $(this).attr("title");
		$("#"+content_show).slideDown();	  
	});

});