// Load this script when page loads
$(document).ready(function(){
  
  // Set up a listener so that when anything with a class of 'tab' 
  // is clicked, this function is run.
	$('.tab').click(function () {

	  // Remove the 'active' class from the active tab.
	  $('#tabs_container > .tabs > li.active').removeClass('active');
	  
	  // Add the 'active' class to the clicked tab.
    $(this).parent().addClass('active');
    
    // Remove the 'tab_contents_active' class from the visible tab contents.
    $('#tabs_container > .tab_contents_container > div.tab_contents_active').removeClass('tab_contents_active');
    
    // Add the 'tab_contents_active' class to the associated tab contents.
    $(this.rel).addClass('tab_contents_active');
    
  });
});