// JavaScript Document

var $j = jQuery.noConflict();


$j(document).ready(function() {

	//Default Action
	$j(".slider1").hide(); //Hide all content
	$j(".slider2").hide(); //Hide all content
	$j(".slider3").hide(); //Hide all content
	$j(".slider4").hide(); //Hide all content
	$j(".slider5").hide(); //Hide all content
	$j(".slider6").hide(); //Hide all content
	$j(".slider7").hide(); //Hide all content
	$j(".slider8").hide(); //Hide all content
	$j(".slider9").hide(); //Hide all content
	$j(".slider10").hide(); //Hide all content
	$j(".slider11").hide(); //Hide all content

	$j("#show").addClass("selected").show(); //Activate first tab
	$j(".slider8").show(); //Show first tab content
	
	//On Click Event
	$j("ul#slider li").click(function() {
	$j("ul#slider li").removeClass("selected"); //Remove any "active" class
	$j(this).addClass("selected"); //Add "active" class to selected tab
	$j(".slider1").hide(); //Hide all content
	$j(".slider2").hide(); //Hide all content
	$j(".slider3").hide(); //Hide all content
	$j(".slider4").hide(); //Hide all content
	$j(".slider5").hide(); //Hide all content
	$j(".slider6").hide(); //Hide all content
	$j(".slider7").hide(); //Hide all content
	$j(".slider8").hide(); //Hide all content
	$j(".slider9").hide(); //Hide all content
	$j(".slider10").hide(); //Hide all content
	$j(".slider11").hide(); //Hide all content
		var activeTab = $j(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
		$j(activeTab).slideDown(700); //Slide in the active content
		return false;
	});

});