$(function() {
	//handle tabs on the booking form index page
	$("#tabs a.theatreBreakTab").click(function() {
		$(this).css({'backgroundColor' : '#FCFBFC', 'color' : '#0099FF', 'borderTop' : '1px solid #0099FF', 'borderRight' : '1px solid #0099FF', 'borderLeft' : '1px solid #0099FF', 'borderBottom' : '0px'  });
		$("#tabs").css({'backgroundColor' : '#71D2FF' });
		//show the ticket only form
		$("#ticketOnlyEngine").hide();
		//hide the tb form
		$("#theatreBreakEngine").show();
		//switch the theatre break tab off
		$("#tabs a.ticketOnlyTab").css({'backgroundColor' : '#71D2FF', 'color' : '#FFFFFF', 'borderTop' : '0px', 'borderLeft' : '0px', 'borderBottom' : '1px solid #0099FF' });
		return false;
	});		
	$("#tabs a.ticketOnlyTab").click(function() {
		//switch the current clicked tab
		$(this).css({'backgroundColor' : '#FCFBFC', 'color' : '#0099FF', 'borderTop' : '1px solid #0099FF', 'borderLeft' : '1px solid #0099FF', 'borderBottom' : '0px' });
		//show the ticket only form
		$("#ticketOnlyEngine").show();
		//hide the tb form
		$("#theatreBreakEngine").hide();
		//switch the ticked only tab off
		$("#tabs a.theatreBreakTab").css({'backgroundColor' : '#71D2FF', 'color' : '#FFFFFF', 'border' : '0px', 'borderBottom' : '1px solid #0099FF' });
		return false;
	});		
});