$(document).ready(function() {
	
	// Define position for window resize
	var position = 0;
	var scrollTime = 4000;
	
	// Home
	$("h1 a").click(function() {
		$("#nav a").each(function() {
			$(this).parent().removeClass("on-state");
		});
		$("#nav #home-link").addClass("on-state");
		
		position = $(this).attr("href");
		$("#window").stop().scrollTo(position, scrollTime, { easing: 'easeInOutSine' });
		return false;
	});
	
	// When user clicks anchor
	$("#nav a").click(function() {
		
		// Save new position
		position = $(this).attr("href");
		
		// On-state
		$("#nav a").each(function() {
			$(this).parent().removeClass("on-state");
		});
		$(this).parent().addClass("on-state");
		
		// Move window container
		$("#window").stop().scrollTo(position, scrollTime, { easing: 'easeInOutSine' });
		
		// Stop <a> behaviour
		return false;
	});
	
	// When user clicks anchor - change colour
	$(".sub a").click(function() {
		$(".sub a").css("color", "white");
		$(".sub a").css("text-decoration", "none");
		$(".sub a").removeClass("submenuonstate");
		//$(this).css("color", "#3A424A");
		//$(this).css("text-decoration", "underline");
		$(this).addClass("submenuonstate");
		$(this).css("text-decoration", "underline");
	});
	
		// When user clicks anchor - change colour
	$(".sub a").mouseover(function() {
		$(this).css("text-decoration", "underline");
	});
	
		// When user clicks anchor - change colour
	$(".sub a").mouseout(function() {
		if ($(this).hasClass("submenuonstate")) {
			$(this).css("text-decoration", "underline");
		} else {
			$(this).css("text-decoration", "none");
		}
	});
	
	
	// When user resize window
	$(window).resize(function() {
		$("#window").stop().scrollTo(position, 1000, { easing: 'easeInOutSine' });
	});
	
	// When user clicks sub-nav [CARTE]
	$("#carte a").click(function() {
		$("#carte .content").stop().scrollTo($(this).attr("href"), 2000, { easing: 'easeInOutSine' });
		return false;
	});
	
	// When user clicks sub-nav [WINE]
	$("#wine a").click(function() {
		$("#wine .content").stop().scrollTo($(this).attr("href"), 2000, { easing: 'easeInOutSine' });
		return false;
	});
	
	// When user clicks sub-nav [COCKTAIL]
	$("#cocktail a").click(function() {
		$("#cocktail .content").stop().scrollTo($(this).attr("href"), 2000, { easing: 'easeInOutSine' });
		return false;
	});
	
	// DOM inject for nav toggle
	$('<p class="toggle" id="nav-show">show [+]</p><p class="toggle" id="nav-hide">hide [-]</p>').appendTo("#nav");
	
	// Remove 'show' by default
	$("#nav-show").css("display", "none");
	
	// Switch text for toggle
	$(".toggle").click(function() {
		$(".toggle").animate({opacity: 'toggle'}, 0);
	});
	
	// Hide nav
	$("#nav-hide").click(function() {
		$("#nav ul").slideToggle(2000);
		$("#nav").animate({height: "14px"}, 2000);
	});
	
	// Show nav
	$("#nav-show").click(function() {
		$("#nav").animate({height: "284px"}, 2000);
		$("#nav ul").slideToggle(2000);
	});
	
	// DOM inject for menu items
	$(".content a").each(function() {
		$(this).next().attr("id", $(this).attr("name")+"-ul");
	});
});