$(document).ready(function(){
		
	$('.top li').click(function() {	
	
		// remove styles from all tabs and hide all bottom containers
		$('.top li').removeClass('tab-on');
		$('.top span').removeClass('tab-on');
		$('.bottom-content').hide();
		
		// add style to selected tab and display selected bottom container
		$(this).addClass("tab-on");
		$("#"+this.id+" span").addClass("tab-on");	
		$('#'+this.id+'-content').show();
	});
   
});