// JavaScript Document


$(document).ready(function() {

	//Default Action
	$(".tab_content").hide(); //Hide all content
	$("div.tabs div:first").addClass("selected").show(); //Activate first tab
	$(".tab_content:first").show(); //Show first tab content
	
	//On Click Event
	$("div.tabs div").click(function() {
		$("div.tabs div").removeClass("selected"); //Remove any "selected" class
		$(this).addClass("selected"); //Add "selected" class to selected tab
		$(".tab_content").hide(); //Hide all tab content
		var selectedTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the selected tab + content
		$(selectedTab).fadeIn(300); //Fade in the selected content | You can set the time
		return false;
	});

});