/**
 * @author Gary
 */
$(function() {
	$("#nav ul li ul").hide();
	
	var speed = 200;
	var storyHeight = $("#storiesMenu a").next().height() + 5;
	var contactHeight = $("#contactMenu a").next().height() + 5;
					
	$("#storiesMenu > a").click(function(){
		if ($(this).hasClass("clicked")) {
			$(this).removeClass("clicked");
			$("#storiesMenu > a").next().animate({height: "toggle", opacity: "hide"}, speed, function() {
				$("#nav").animate({top: "+=" + storyHeight + "px"}, speed);	
			});
		} else {
			$(this).addClass("clicked");
			if ($("#contactMenu > a").hasClass("clicked")) {
				// hide contact, show stories
				$("#contactMenu > a").removeClass("clicked");
				$("#contactMenu > a").next().animate({height: "toggle", opacity: "hide"}, speed, function() {
					$("#nav").animate({top: "-=" + (storyHeight - contactHeight) + "px"}, speed, function(){
						$("#storiesMenu > a").next().animate({height: "toggle", opacity: "show"}, speed)
					});
				});
			} else {
				// show stories
				$("#nav").animate({top: "-=" + storyHeight + "px"}, speed, function(){
					$("#storiesMenu > a").next().animate({height: "toggle", opacity: "show"}, speed)
				});
			}
		}
	});
				
	$("#contactMenu > a").click(function(){
		if ($("#storiesMenu > a").hasClass("clicked")) {
			$("#storiesMenu > a").removeClass("clicked");
			$("#storiesMenu > a").next().animate({height: "toggle", opacity: "hide"}, speed, function() {
				$("#nav").animate({top: "+=" + storyHeight + "px"}, speed);	
			});
		}
		if ($(this).hasClass("clicked")) {
			$(this).removeClass("clicked");
			$("#contactMenu > a").next().animate({height: "toggle", opacity: "hide"}, speed, function() {
				$("#nav").animate({top: "+=" + contactHeight + "px"}, speed);
			});
		} else {
			$(this).addClass("clicked");
			$("#nav").animate({top: "-=" + contactHeight + "px"}, speed, function(){
				$("#contactMenu > a").next().animate({height: "toggle", opacity: "show"}, speed)
			});
		}
	});

	$("#nav > ul > li > a").hover(
		function() {
			var c = ($(this).attr("class"));
			$("#nav > ul > li > a")
				.removeClass("overview")
				.removeClass("stories")
				.removeClass("portraits")
				.removeClass("celebrity")
				.removeClass("music")
				.removeClass("tearsheets")
				.removeClass("contact")
				.addClass("unselected");
			$(this).removeClass("unselected");
			$(this).addClass($(this).text().toLowerCase());
			return false;
		},
		function() {
			return false;
		}
	);
				
	$("#storiesMenu li a").hover(
		function() {
			$("#storiesMenu > a").addClass("stories");
			$(".portraits").removeClass("portraits").addClass("unselected");
			return false;
		},
		function() {
			return false;
		}
	);
	
	$(".nav-link").click(function(){
		$("#nav").show();
	});
});