$(document).ready(function() {
	function responsiveMenu(defaultMenuSelector, aMenuItems) {


		//transform the numeric menuitem array to an (assoc) array object
		function menuArrayToObject(aMenuItems) {
			var aMenu = [];

			for(var item in aMenuItems) {    
				var props = [];

				for(var property in aMenuItems[item]) {
					props.push(aMenuItems[item][property]);
				}

				aMenu[item] = {
					label:  props[0],
					url:    props[1],
					prop3:  props[2], //???
					prop4:  props[3], //???
					prop5:  props[4], //???
					target: props[5],
					level:  props[6],
					prop8:  props[7] //???
				};
			}

			return aMenu;
		}

		//generate menu html
		function getResponsiveMenuHtml(aMenuItems) {
			var oMenuItems = menuArrayToObject(aMenuItems),
			    html = 
				    '<div id="menu_table_tablet">' + 
				    '<div class="navbar">' + 
				    '<div class="navbar-inner">' + 
				    '<div class="container">' + 
				    '<a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar collapsed">' + 
				    '<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>' + 
				    '</a><a data-target=".navbar-responsive-collapse" data-toggle="collapse" href="#" class="brand">Menu</a>' + 
				    '<div class="nav-collapse navbar-responsive-collapse collapse" style="height: 0px;"><ul class="nav">';

			for(var i=0; i <= oMenuItems.length-1; i++) {
				var item = oMenuItems[i],
					nextItem = (oMenuItems[i+1]) ? oMenuItems[i+1] : false;

				item.label = item.label.substring(item.level);

				// will have one submenu
				if(item.level < nextItem.level) {
					if(nextItem.level > '1'){
						html += '<li class="dropdown-submenu open">';
					}else {
						html += '<li class="dropdown">';
					}

					html += '<a href="'+item.url+'">'+item.label+'</a>';
					html += '<a href="#" data-toggle="dropdown" class="dropdown-toggle" style="float: right; position: absolute; top:2px; right:0;" ><b class="caret"></b></a>';
					html += '<ul class="dropdown-menu">';
				// in the last submenu item, must close the submenu(s)
				} else if(item.level > nextItem.level) {
					html += '<li><a href="'+item.url+'" target="'+item.target+'">'+item.label+'</a></li>';
					var diff = item.level - nextItem.level;
					while (diff>0) {
						html += '</ul></li>';
						diff--;
					}
					
				} else {
					html += '<li><a href="'+item.url+'" target="'+item.target+'">'+item.label+'</a></li>';
				}
			}

			html += '</ul></div><!-- /.nav-collapse --></div></div><!-- /navbar-inner --></div>';
			return html;
		}

		//determine active menu element by comparing page url and menu item href attributes
		function setActiveNavigationItem() {
			var path = window.location.pathname;
			path = path.replace(/\/$/, "");
			path = decodeURIComponent(path);

			$(".nav a").each(function () {
				var href = $(this).attr('href');
				if (path.substring(0, href.length) === href) {
					$(this).closest('li').addClass('active');
				}
			});
		}

		//insert menu into DOM, after given default menu selector
		var originalMenu = $(defaultMenuSelector);
		if(originalMenu.length === 0) {
			originalMenu = $('.topMenu').parents('div.block');
		}

		originalMenu.after(getResponsiveMenuHtml(aMenuItems));

		//highlight current menu item / location
		setActiveNavigationItem();

		//fix submenu dropdowns
		$('body').on('click', function(e) {
			$('.dropdown-submenu').removeClass('open').addClass('closed');
		});

		$('.dropdown-submenu').on('click', function(e) {
			e.stopPropagation();

			var $this=$(this);
			var parent=$this.parent().parent();

			if ( $(e.target).parent().hasClass('dropdown-submenu') ) {
				e.preventDefault();
			}

			if($this.hasClass('open')) {
				$this.removeClass('open').addClass('closed');
			} else if(parent.hasClass('open')) {
				if($this.hasClass('closed')) {
					$this.removeClass('closed').addClass('open');
				}
			}
		});
	}

	if (typeof menuResponsiveItems != "undefined" && menuResponsiveItems.length !== 0) {
		responsiveMenu('#menu_table', menuResponsiveItems);
	} else if(typeof menuItemsDropDownMenu !== "undefined" && menuItemsDropDownMenu.length !== 0) {
		responsiveMenu('#menu_table', menuItemsDropDownMenu);
	} else if(typeof menuItems !== "undefined") {
		responsiveMenu('#menu_table', menuItems);
	} else {
		//nothing provided an menuItems array to build the response menu!
		//
	}
});