$(document).ready(function(){


 // Set up a listener so that when anything with a class of 'tab' is clicked, this function is run.
 	$('div.tab').click(function () {

  // Remove the 'active' class from the active tab.
	  $('.tabs > li.active')
		  .removeClass('active').addClass('not_active');
	  
  // Add the 'active' class to the clicked tab.
 	 $(this).parent().addClass('active');

  // Remove the 'tab_contents_active' class from the visible tab contents.
	  $('.tab_contents_container > div.tab_contents_active')
		  .removeClass('tab_contents_active');

  // Add the 'tab_contents_active' class to the associated tab contents.
 	 $(this.id).addClass('tab_contents_active');

 });
});

/*
$(document).ready(function(){
	$('div.tab').mouseover(function () {
		cursor = pointer;									  
	});

 // Set up a listener so that when anything with a class of 'tab' is clicked, this function is run.
 	$('div.tab').click(function () {

  // Remove the 'active' class from the active tab.
	  $('#tabs_container > .tabs > li.active')
		  .removeClass('active').addClass('not_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.id).addClass('tab_contents_active');

 });
});
*/