$(document).ready(function()
{
	$(".tab a").click(function()
	{
		var tab = $(this).parent().get(0);
		var dropdown = "#" + tab.id + "dropdown";

		if (($(tab).is(".button") || $(tab).is(".buttonon")) && $(dropdown).is(":hidden"))
		{
			$(".tab > .dropdown").each(function()
			{
				var thisdropdown = "#" + this.id;
				
				if ($(thisdropdown).is(":visible"))
				{
					tabclass(thisdropdown);
					$(thisdropdown).slideUp("fast");
					return null;
				}
			});
		}

		if ($(dropdown).is(":hidden"))
		{
			tabclass(dropdown);
			$(dropdown).slideDown("fast");
		}
		else
		{
			tabclass(dropdown);
			$(dropdown).slideUp("fast");
		}

		function tabclass(id)
		{
			var thisdropdown = $(id).prev("div");
			
			if (($(tab).is(".button") || $(tab).is(".buttonon")) && $(thisdropdown).is("*"))
			{
				var thisparent = $(thisdropdown).get(0);
				var thistab = "#" + thisparent.id + " a";

				if ($(thistab).is(".ontemp"))
				{
					$(thistab).removeClass();
				}
				else if (!$(thistab).is(".on"))
				{
					$(thistab).addClass("ontemp");
				}
			}
		}
	});
	
	$(".solutiondetail .menu td > div").click(function()
	{
		$(".solutiondetail .menu td > div").removeClass();
		$("#" + this.id).addClass("on");
		
		var id = this.id + "copy";
		
		$(".solutiondetail .body > div").each(function()
		{
			if ($(this).is(":visible"))
			{
				$(this).fadeOut("normal", function temp() { fadein(id); });
				return null;
			}
		});

		function fadein(id)
		{
			$("#" + id).fadeIn("normal");
		}
	});
	
	$("#firstcopy").fadeIn("normal");
});