$(document).ready(function() {
	// Showing first <UL> and hiding others
	$(".li-list:first").addClass("li-active");
	$(".li-list:first a.a-list").addClass("a-active"); // Also adding to subnav <a> (next line cleans it up)
	$(".li-list:first ul a.a-list").removeClass("a-active"); // Removing subnav <a> classes
	$(".li-list:not(.li-active) ul").hide();

	// Click action for each list in subnav
	$("a.a-list").click(function(event) {
		// Disable default action (opening link)
		event.preventDefault();
			
		// Toggling subnav only if it isn't already open (unless it's a subnav)
		if (!$(this).is(".a-active")) {
			// Closing previously open list
			var activeObj = (!is_subnav($(this))) ? "li.li-active" : "li.li-active li.li-active";
			$(activeObj + " ul").each(function() { // For each <UL> in active list
				if ($(this).is(":visible")) { // Hides if not already hidden
					$(this).slideToggle("fast");
				}
			});
			$(activeObj + " a.a-active").removeClass("a-active");
			$(activeObj).removeClass("li-active");
			
			// Showing clicked <UL> and setting as active
			$(this).parent("li").children("ul").eq(0).slideToggle("slow");
			$(this).parent("li").addClass("li-active");
			$(this).addClass("a-active");
		}
	});
})

// Checking if element is a subnav
function is_subnav(obj) {
	return ($(obj).parents().eq(2).attr("tagName") == "LI");
}