// 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.
//  $('#whatson > #channels > ul > li.active')
//	  .removeClass('active');
	  
  // Add the 'active' class to the clicked tab.
//  $(this).parent().addClass('active');
  
  // Remove the old class, whatever it was 
  $('#channels').removeClass('ch1');
  $('#channels').removeClass('ch2');
  $('#channels').removeClass('ch3');

	var channel = $(this).attr('rel').substring(9);
	$('#channels') .addClass(channel);
		
  // Remove the 'tab_contents_active' class from the visible tab contents.
  $('#whatson > #schedwrap > 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');
  return false; //stop the links default action
 });
});