$(document).ready(function() {

	//When page loads...
	$(".tab-content").hide(); //Hide all content
	
	//Activate first tab
	
	if( $($("table.tabs td.tab:first-child")[0]).hasClass('tab_first') ) {
		$($("table.tabs td.tab:first-child")[0]).addClass("tab_first_selected").show();
	} else if( $($("table.tabs td.tab:first-child")[0]).hasClass('tab_last')  ) {
		$($("table.tabs td.tab:first-child")[0]).addClass("tab_last_selected").show();
	} else {
		$($("table.tabs td.tab:first-child")[0]).addClass("selected").show();
	}
	
	//$(".tab-content:first-child").show().show(); //Show first tab content

	//On Click Event
	$("table.tabs td.tab, table.tabs td.tab_first, table.tabs td.tab_last").click(function() {

		$("table.tabs td.tab, table.tabs td.tab_first, table.tabs td.tab_last").removeClass("selected"); //Remove any "active" class
		$("table.tabs td.tab, table.tabs td.tab_first, table.tabs td.tab_last").removeClass("tab_first_selected"); //Remove any "active" class
		$("table.tabs td.tab, table.tabs td.tab_first, table.tabs td.tab_last").removeClass("tab_last_selected"); //Remove any "active" class
		
		//Add "active" class to selected tab
		if($(this).hasClass('tab_first') ) {
			$(this).addClass("tab_first_selected").show();
		} else if( $(this).hasClass('tab_last')  ) {
			$(this).addClass("tab_last_selected").show();
		} else {
			$(this).addClass("selected").show();
		}
		
		$(".tab-content").hide(); //Hide all tab content

		var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active ID content
		return false;
	});

	$("table.tabs td.tab_first").trigger("click") ;
	
});