#  --------------------------------------------------------------------------  #
#  EXTEND MENU HASH TO HASH OF HASHES WITH INNER HASHES REPRESENTING SUBMENU
#  --------------------------------------------------------------------------  #

# Hash of menu options and links -- key is title => value is array of link, label, public and position
our %menuOptions = (
		'home'		=> ["/cgi-bin/home", "Home", 1, 2],
		'contact'	=> ["/cgi-bin/contact", "Contact", 1, 9],
		'account'	=> ["/cgi-bin/user", "My account", 0, 11],
		'reportusers'	=> ["/cgi-bin/user?userDetailsAction=reportUserDetails", "Users report", 0, 12],
		'check'		=> ["/cgi-bin/check", "Check web parameters", 0, 20]
);

our %subMenuOptions = (
		'home'		=> 	{	'homesub1'	=> ["/cgi-bin/home", "Submenu item 1", 1, 1, "home"],
						'homesub2'	=> ["/cgi-bin/home", "Submenu item 2", 1, 2, "home"],
						'homesub3'	=> ["/cgi-bin/home", "Submenu item 3", 1, 3, "home"],
						'homesub4'	=> ["/cgi-bin/homeSub4", "Submenu item 4", 1, 4, "home"],
						'homesub5'	=> ["/cgi-bin/home", "Submenu item 5", 1, 5, "home"]
					},
		'account'	=>	{	'accountssub1'	=> ["/cgi-bin/user", "Submenu item 1", 1, 1, "account"],
						'accountssub2'	=> ["/cgi-bin/user", "Submenu item 2", 1, 2, "account"],
						'accountssub3'	=> ["/cgi-bin/user", "Submenu item 3", 1, 3, "account"],
						'accountssub4'	=> ["/cgi-bin/user", "Submenu item 4", 1, 4, "account"],
						'accountssub5'	=> ["/cgi-bin/user", "Submenu item 5", 1, 5, "account"]
					}
);

#  --------------------------------------------------------------------------  #

#  --------------------------------------------------------------------------  #
#  UPDATE FOLLOWING METHOD in Page.pm
#  --------------------------------------------------------------------------  #

################################################################################
#                                                                              #
#  Write out navigation menu                                                   #
#                                                                              #
################################################################################

sub writeMenu {

	my $self = shift;
	my $title = shift;
		
	print qq (
	
	<nav>);
	
	# Write out menu
	foreach my $mainKey (sort {$menuOptions {$a}[3] <=> $menuOptions {$b}[3]} keys (%menuOptions)) {
		my $link = $menuOptions {$mainKey} [0];
		my $label = $menuOptions {$mainKey} [1];
		my $public = $menuOptions {$mainKey} [2];
		my $flag = ($mainKey eq $title) ? qq ( class="highlight mainMenu") : qq ( class="mainMenu"); 
		if ($public || $userID) {
			print qq (
		<div$flag><a href="$link">$label</a></div>);
		
			# Now check for submenu options
			if (exists ($subMenuOptions {$mainKey})) {
				print qq (
				<div id="${mainKey}_subMenu">);
				foreach my $subKey (
				sort {$subMenuOptions {$mainKey}{$a}[3] <=> $subMenuOptions {$mainKey}{$b}[3]} 
				keys (%{$subMenuOptions {$mainKey}})) {
					my $sublink = $subMenuOptions {$mainKey} {$subKey} [0];
					my $sublabel = $subMenuOptions {$mainKey} {$subKey} [1];
					my $subpublic = $subMenuOptions {$mainKey} {$subKey} [2];
					my $subflag = ($subKey eq $title) ? qq ( class="highlight subMenu") : qq ( class="subMenu"); 
					if ($subpublic || $userID) {
					print qq (
				<div$subflag><a href="$sublink">$sublabel</a></div>);
					}
				}
				print qq (
				</div>);
			}
		}
	}
	
	print qq (
	</nav>);
	
}

#  --------------------------------------------------------------------------  #
#  ADD TO CSS FILE
#  --------------------------------------------------------------------------  #

div[id$=_subMenu] {
	margin-right: 0;
}

div.subMenu {
	padding: 3px 5px;
	margin: 3px 3px 3px 20px;
	text-align: right;
	font-size: 90%;	
	border: 1px solid #f0f0f0;
	border-radius: 10px;
	background-color: #f8f8f8;
}

div.subMenu.highlight {
	border: 1px solid gray;
	background-color: #99ffcc;
}

div.mainMenu {
	padding: 3px 5px;
	margin: 3px;
	font-size: 100%;
	text-align: left;
	font-size: 90%;	
	border: 1px solid #f0f0f0;
	border-radius: 10px;
	background-color: #f8f8f8;
}

div.mainMenu.highlight {
	border: 1px solid gray;
	background-color: #c6e6fc;
}

#  --------------------------------------------------------------------------  #