function show(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=12; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}

function drawmenu(x){

// Defines all the menu headings.
var menuheader1 = "<div class='menumenuheader' id='menucontrol' style='border:6px outset #A32101; margin-top:1px;margin-bottom:5px; padding:0px 3px 1px 3px;text-align:center;background-color: #FFF4E0;'><a><b>MENU</b></a> </div>" +
		    
		  "<span id='hiddenmenu'>" +
		  "<div class='menumenuheader'><a href='../bellerive'>Bellerive</a></div>";
var menuheader2 = "<div class='menumenuheader'><a href='../about'>About the society</a></div>";
var menuheader3 = "<div class='menumenuheader'><a href='../events'>Highlights Events</a></div>";
var menuheader4 = "<div class='menumenuheader'><a href='../exhibitions'>Exhibitions</a></div>";
var menuheader5 = "<div class='menumenuheader'><a href='../publications'>Publications</a></div>";
var menuheader6 = "<div class='menumenuheader'><a href='../contact'>Contact Us</a></div>"; 
var menuheader7 = "<div class='menumenuheader'><a href='../links'>Links</a></div>"; 
var menuheader8 = "<div class='menumenuheader'><a href='../sitemap.php'>Sitemap</a></div>"; 
var menuheader9 = "<div class='menumenuheader'><a href='../dgssearch/search.php'>Search</a></div>"; 
var menuheader10 = "<div class='menumenuheader'><a href='..'>Home</a></div>" +


		  "</span>";

// Defines the content below a heading. Numbers should correspond with their heading.
// menuheader8, Country Data, has no sub menus.

var menucontent1 = 	"<div class='menumenu'>" +

				// To add a sub-section link, copy and past one of the lines below and edit the href and the contents.

				// Bellerive sub sections
				"<div><a href='index.html' >About Bellerive </a></div>" +
                                "<div><a href='location.html' >Location </a></div>" +
                                "<div><a href='../awalk/start_bellerive.html'>Take a walk</a></div>" + 
				"<div><a href='../bluff/start.html'>The Bluff Battery</a></div>" + 
				"<div><a href='fort.html'>Building the Fort</a></div>" + 
				"<div><a href='pda.html'>Walk the Talk</a></div>" + 
			        "<div><a href='../awalk/gmap/gmap.html'>Google Map</a></div>" + 
                        "</div>";

var menucontent2 = 	"<div class='menumenu'>" +
		
				// About the Society sub sections
                                                                        "<div><a href='index.html'>The Society</a></div>" +
				"<div><a href='bearers.html'>Office Bearers</a></div>" +
				
			"</div>";
var menucontent3 = 	"<div class='menumenu'>" +

				// Highlights Events sub sections
				   "<div><a href='index.html'>Bellerive Highlights</a></div>" +
                                                                           "<div><a href='calender2009.html'>Program 2009</a></div>" +
                                                                           "<div><a href='calender2008.html'>Program 2008</a></div>" +
                                                                           "<div><a href='calender2007.html'>Program 2007</a></div>" +
                                                                           "<div><a href='calender.html'>Program 2006</a></div>" +
				
			"</div>";

var menucontent4 = 	"<div class='menumenu'>" +

				// Exhibitions sub section
				 "<div><a href='index.html'>Exhibition Rooms</a></div>" +
                 "<div><a href='../photos.bellerivehistory.com''>Gallery</a></div>" +
				
			"</div>";

var menucontent5 = 	"<div class='menumenu'>" +

				// Publications
				    "<div><a href='index.html'>Publications</a></div>" +
                                    				
			"</div>";


var menucontent6 = 	"<div class='menumenu'>" +

				// Contact
				    "<div><a href='index.html'>Contact_us</a></div>" +
                                    "<div><a href='http://www.bellerivehistory.com/blog'>Blog</a></div>" +
				
			"</div>";


switch (x){

// For every page, all 'menuheader' entrys should be added with the relevant 'menucontent' inserted in the appropriate position under its heading.

case 0:
	
	// Bellerive
	document.write(menuheader1);
	document.write(menucontent1);
	document.write(menuheader2);
	document.write(menuheader3);
	document.write(menuheader4);
	document.write(menuheader5);
	document.write(menuheader6);
	document.write(menuheader7);
	document.write(menuheader8);
	document.write(menuheader9);
	document.write(menuheader10);
        break
case 1:

	// About the Society
	document.write(menuheader1);
	document.write(menuheader2);
	document.write(menucontent2);
	document.write(menuheader3);
	document.write(menuheader4);
	document.write(menuheader5);
	document.write(menuheader6);
	document.write(menuheader7);
	document.write(menuheader8);
	document.write(menuheader9);
	document.write(menuheader10);
        break
        
case 2:

	// Highlights Events
	document.write(menuheader1);
	document.write(menuheader2);
	document.write(menuheader3);
	document.write(menucontent3);
	document.write(menuheader4);
	document.write(menuheader5);
	document.write(menuheader6);
	document.write(menuheader7);
	document.write(menuheader8);
	document.write(menuheader9);
	document.write(menuheader10);
        break
case 3:

	// Exhibitions
	document.write(menuheader1);
	document.write(menuheader2);
	document.write(menuheader3);
	document.write(menuheader4);
	document.write(menucontent4);
	document.write(menuheader5);
	document.write(menuheader6);
	document.write(menuheader7);
	document.write(menuheader8);
	document.write(menuheader9);
	document.write(menuheader10);
        break
case 4:

	// Publications
	document.write(menuheader1);
	document.write(menuheader2);
	document.write(menuheader3);
	document.write(menuheader4);
	document.write(menuheader5);
	document.write(menucontent5);
	document.write(menuheader6);
	document.write(menuheader7);
	document.write(menuheader8);
	document.write(menuheader9);
	document.write(menuheader10);
        break
case 5:

	// Contact Us
	document.write(menuheader1);
	document.write(menuheader2);
	document.write(menuheader3);
	document.write(menuheader4);
	document.write(menuheader5);
	document.write(menuheader6);
	document.write(menucontent6);
	document.write(menuheader7);
	document.write(menuheader8);
	document.write(menuheader9);
	document.write(menuheader10);
        break
case 6:

	// Links
	document.write(menuheader1);
	document.write(menuheader2);
	document.write(menuheader3);
	document.write(menuheader4);
	document.write(menuheader5);
	document.write(menuheader6);
	document.write(menuheader7);
	document.write(menucontent7);
	document.write(menuheader8);
	document.write(menuheader9);
	document.write(menuheader10);
        break
case 7:

	// Sitemap
	document.write(menuheader1);
	document.write(menuheader2);
	document.write(menuheader3);
	document.write(menuheader4);
	document.write(menuheader5);
	document.write(menuheader6);
	document.write(menuheader7);
	document.write(menuheader8);
	document.write(menuheader9);
	document.write(menuheader10);
        break
case 8:

	// Search
	document.write(menuheader1);
	document.write(menuheader2);
	document.write(menuheader3);
	document.write(menuheader4);
	document.write(menuheader5);
	document.write(menuheader6);
	document.write(menuheader7);
	document.write(menucontent7);
	document.write(menuheader8);
	document.write(menuheader9);
	document.write(menuheader10);
        break
case 9:

	// Home
	document.write(menuheader1);
	document.write(menuheader2);
	document.write(menuheader3);
	document.write(menuheader4);
	document.write(menuheader5);
	document.write(menuheader6);
	document.write(menuheader7);
	document.write(menuheader8);
	document.write(menuheader9);
	document.write(menuheader10);
        break


default:
	document.write("Ham")
		}
}

function menuhide(){
	document.getElementById('hiddenmenu').style.display = 'none';
	document.getElementById('menucontrol').style.borderColor = '#AAAAAA'
		   }

function menushow(){
	document.getElementById('hiddenmenu').style.display = 'block';
	document.getElementById('menucontrol').style.borderColor = '#000000'
		   }

