$(document).ready(function() {

	//When page loads...
	$(".tab-content").hide(); //Hide all content
	$(".flash-content").hide();
	$(".menuTab-content").hide();
	$(".bmenutab-content").hide();
	$("ul.tab li:first").addClass("active").show(); //Activate first tab
	$("ul.flash li:first").addClass("active").show();
	$("ul.bmenutab li:first").addClass("active").show();
	$(".tab-content:first").show(); //Show first tab content
	$(".flash-content:first").show();
	$(".bmenutab-content:first").show();

	//On Click Event
	$("ul.tab li").click(function() {

		$("ul.tab li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".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;
	});

	$("ul.bmenutab li").click(function()
	{
		$("ul.bmenutab li").removeClass("active");
		$(this).addClass("active");
		$(".bmenutab-content").hide();
		var activeTab = $(this).find("a").attr("href");
		$(activeTab).fadeIn();
		return false;
	});

	$("ul.flash li").click(function()
	{
		$("ul.flash li").removeClass("active");
		$(this).addClass("active");
		$(".flash-content").hide();
		var activeTab = $(this).find("a").attr("href");
		$(activeTab).fadeIn();
		return false;
	});
	
/*
	$("ul.menuTab li").click(function()
	{
		if($(this).hasClass("active"))
		{
			$("ul.menuTab li").removeClass("active");
			$(".menuTab-content").slideUp("slow");
		}
		else
		{
			$("ul.menuTab li").removeClass("active");
			$(".menuTab-content").slideUp("slow");
			$(this).addClass("active");
		
			var activeTab = $(this).find("a").attr("href");
			$(activeTab).slideDown("slow");	
		}
		return false;
	});
*/
	//$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)

	$("ul.menuTab li").hover(function() { //When trigger is clicked...

		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).find("ul.subnav").fadeIn('slow').show(); //Drop down the subnav on click

		$(this).hover(function() {
		}, function(){
			$(this).find("ul.subnav").hide(); //When the mouse hovers out of the subnav, move it back up
		});

		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() {
			$(this).addClass("subhover"); //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			$(this).removeClass("subhover"); //On hover out, remove class "subhover"
	});

});