var lastTab;
var fadeSpeed = 1200;
var textFadeSpeed = 500;

function setupTabs(){
	
};

$(document).ready(function()
{
	setupTabs();
	// setup a default .ContentPane height
	$.defaultHeight = $("#tabs-1").height() + 150;
	//$(".ContentPane").css("height", $.defaultHeight)
	
	var heightPadding;
	// ADMIN CHANGES
	if($(".ControlPanel").size() > 0) {
	    heightPadding = 200
	} else {
	    heightPadding = 20;
	}
	
	// click
	$("#labels a").click(function(event){
		
		event.preventDefault();
		// change the text class
		$("#labels a").removeClass("active");	
		$(this).addClass("active");
		
		// get the href to target the relevant div
		var element = $(this).attr("href");
		
		// hide all containers
		$(".foodTabs").fadeOut(textFadeSpeed);
		
		
		// animate the container
		$.divHeight = $(element).height();
		
		//console.log($.divHeight);
		$(".ContentPane").animate({
			height: ($.divHeight + heightPadding)
			}, fadeSpeed, function(){
				$(this).show();
				$(element).fadeIn(textFadeSpeed);
			});
		
		// change the background
		if(element == "#tabs-1")
		{
			$(".TopPane img.BackgroundImage").fadeOut(fadeSpeed);
			$(".TopPane img.BackgroundImage:eq(0)").fadeIn(fadeSpeed);
		}
		else if (element == "#tabs-2")
		{
			$(".TopPane img.BackgroundImage").fadeOut(fadeSpeed);
			$(".TopPane img.BackgroundImage:eq(1)").fadeIn(fadeSpeed);
		}
		else if(element == "#tabs-3")
		{
			$(".TopPane img.BackgroundImage").fadeOut(fadeSpeed);
			$(".TopPane img.BackgroundImage:eq(2)").fadeIn(fadeSpeed);
		}
	});
});