var $j = jQuery.noConflict();
$j(document).ready(function() {
	//hide the tabsHolder divs and then show the first one					
	var tabContainers = $j('div#tabsHolder > div');
	tabContainers.hide().filter(':first').show();
	
	//get the titles and make into tab navigation
	var tabTitles = $j('div#tabsHolder > .tabTitle');
	tabTitles.addClass('tabbedTitle').filter(':first').addClass('selectedTab');
	
	$j('div#tabsHolder .tabTitle a').click(function () {
		tabContainers.hide();  //hide all the containers
		tabContainers.filter(this.hash).show() //show the one we want by matching the hash tag in the href with the id of the div
		$j('div#tabsHolder .tabTitle').removeClass('selectedTab');  //remove the selected class from the old tab (all the tabs)
		$j(this).parent().addClass('selectedTab');  //add the selected class to the new tab
		return false;  //this stops the browser doing its default action and jumping down (cos we're using hash anchor)
	});
});