$(document).ready(function() {
	var mobileNavigationContainer = $("#mobile-navigation-container");
	var mainLogo = $("#main-eegeo-logo");
	var navIcon = $("#open-nav");
	var headerBar = $(".site-header");
	var navBarOpen = false;

	function openMenu() {
		mobileNavigationContainer.css('display', 'block');
		mainLogo.css('display', 'none');
		headerBar.css('background-color', '#051b25');
	}

	function closeMenu() {
		mobileNavigationContainer.css('display', 'none');
		mainLogo.css('display', 'block');
		headerBar.css('background-color', '#0690c4');
	}

	navIcon.click(function(){
		navBarOpen = !navBarOpen;

		if(navBarOpen) {
			openMenu();
		}
		else {
			closeMenu();
		}
	});

	$(window).resize(function() {
		var maxMobileNavigationContainerWidth = 700;
		if (navBarOpen && $(window).outerWidth() > maxMobileNavigationContainerWidth) {
			navBarOpen = !navBarOpen;
			closeMenu();
		}
	});
})