var marginTop;
var activeCategory = "Main";

$(document).ready(function()
{
	if ($("ul").hasClass("active"))
		activeCategory = $("ul.active").attr("id");

	$("div#navigation ul.Nav span.navTitle").click(
		function()
		{
			var parent = $(this).parents("ul.Nav");
			if (parent.attr("id") != activeCategory)
			{
				activeCategory = parent.attr("id");
				$("div#navigation > ul").hide();
				parent.prependTo("div#navigation");
				$("img#down_arrow").appendTo(this);
				$("ul#"+activeCategory+" ul.subNav").show();
				parent.show();
				parent.css("margin-top", "0");
			}

			else
			{
				var mTop = 0;
				marginTop = parent.css("margin-top");
				$("div#navigation > ul").each(
					function()
					{
						$(this).css("margin-top", mTop+"px");
						mTop += 50;
					}
				);
				parent.css("margin-top", marginTop);
				$("div#navigation > ul.Nav + ul.Nav ul.subNav").hide();
				$("div#navigation > ul").show();
				activeCategory = "";
			}
		}
	);

	$("div#navigation > ul").hide();
	$("ul#"+activeCategory).prependTo("div#navigation");
	$("ul#"+activeCategory+" span.navTitle").append("<img id=\"down_arrow\" src=\"/templates/Spectical/images/down_arrow.png\" alt=\"Click for menu\" align=\"right\" />");
	$("ul#"+activeCategory).show();
	$("ul.Nav span.navTitle").css("cursor", "pointer");
});