$(document).ready(function() {
	var navList = $('#header .navigation ul');	
	var arrowImg = $('#header .navigation .expand img');
	var open = false;
	
	getBaseURL = function() {
		var url = location.href;  // entire url including querystring - also: window.location.href;
		var baseURL = url.substring(0, url.indexOf('/', 14));


		if (baseURL.indexOf('http://localhost') != -1) {
			// Base Url for localhost
			var url = location.href;  // window.location.href;
			var pathname = location.pathname;  // window.location.pathname;
			var index1 = url.indexOf(pathname);
			var index2 = url.indexOf("/", index1 + 1);
			var baseLocalUrl = url.substr(0, index2);

			return baseLocalUrl + "/";
		}
		else {
			// Root Url for domain name
			return baseURL + "/";
		}

	}
	
	getMenuExpanded = function() {
		var expanded = false;
		$.ajax({
			url: getBaseURL() + 'ajax_menu_persist.php',
			dataType: 'json',
			async: false,
			success: function (data) {
				expanded = data.menuExpanded;
			}
		});
		return expanded;
	}
	
	persistMenu = function(expanded) {
		$.ajax({
			url: getBaseURL() + 'ajax_menu_persist.php',
			dataType: 'json',
			data: { menuExpanded: expanded},
			async: false,
			success: function (data) {
			}
		});
	};
	
	if (!getMenuExpanded()) {
		arrowImg.rotate('0deg');
		navList.hide();
	}
	
	$('#header .navigation .expand').click(function() {	
		navList.toggle();
		if (arrowImg.rotate() == '0deg') {
			arrowImg.rotate('180deg');
			persistMenu(true);
		} else {
			arrowImg.rotate('0deg');
			persistMenu(false);
		}
	});
});