var menu = [
	
	{
		title:"Welcome",
		link:"welcome.html",
		children:[]
	},
	
		{
		title:"Portfolio",
		link:"portfolio.html",
		children:[]
	},
	
	{
		title:"Testimonials",
		link:"testimonials.html",
		children:[]
	},
	
	{
		title:"Design Studio",
		link:"",
		children:[
			{
				title:"Album Design",
				link:"design-studio-album-design.html"
			},
			{
				title:"Personalised Cards",
				link:"design-studio-personalised-cards.html"
			}
		]
	},

	{
		title:"Wedding Photography",
		link:"",
		children:[
			{
				title:"Overview",
				link:"wedding-photography-package-overview.html"
			},
			{
				title:"Extras",
				link:"wedding-photography-package-extras.html"
			},
			{
				title:"Bronze Package",
				link:"wedding-photography-package-bronze.html"
			},
			{
				title:"Silver Package",
				link:"wedding-photography-package-silver.html"
			},
			{
				title:"Gold Package",
				link:"wedding-photography-package-gold.html"
			},
			{
				title:"Diamond Package",
				link:"wedding-photography-package-diamond.html"
			},
			{
				title:"Digital Package",
				link:"wedding-photography-package-digital.html"
			},
			{
				title:"Budget Package",
				link:"wedding-photography-package-budget.html"
			}
		]
	},
	
	{
		title:"Event Movies",
		link:"event-movies-wedding.html",
		children:[]
	},
	
	{
		title:"Framing Services",
		link:"",
		children:[
			{
				title:"Canvas Frames",
				link:"framing-canvas.html"
			},
			{
				title:"General Framing",
				link:"framing-general.html"
			}
		]
	},
	
	{
		title:"Client Area and<br>Online Albums",
		link:"client-area.html",
		children:[]
	},
	
	{
		title:"Links",
		link:"links.html",
		children:[]
	},
	
	{
		title:"Contact Us",
		link:"contact-us.html",
		children:[]
	},
	
	{
		title:"Copyright and<br>Privacy Statement",
		link:"copyright.html",
		children:[]
	}
];


var totalMenuItems = 0;
function buildMenu() {
	var p = "";
	var hr = '<span class="main4"><br>'
		+ '<IMG SRC="images/spacer.gif" BORDER="0" WIDTH="0" HEIGHT="6"><br>'
		+ '<IMG SRC="images/spacer2.gif" BORDER="0" WIDTH="150" HEIGHT="1"><br>'
		+ '<IMG SRC="images/spacer.gif" BORDER="0" WIDTH="0" HEIGHT="6"><br>'
		+ '<br></span>';

	for(var i = 0; i < menu.length; i++) {
		if(menu[i].children.length > 0) {
			p += '<a href="javascript:onMenu(' + totalMenuItems + ')" onfocus="blur()">' + menu[i].title + ' +</a><br>';
			p += '<div id="menu' + totalMenuItems + '">'
			for(var j = 0; j < menu[i].children.length; j++) {
				p += '<IMG SRC="images/spacer.gif" BORDER="0" WIDTH="20" HEIGHT="1"><a href="' + menu[i].children[j].link +'" onfocus="blur()">' + menu[i].children[j].title +'</a><br>'
			}
			p += '</div>';
			totalMenuItems++;
		} else {
			p += '<a href="' + menu[i].link + '" onfocus="blur()">' + menu[i].title + '</a><br>';
		}
		p += hr;
	}
	return p;
}


function resetMenu() {
	for(i = 0; i < totalMenuItems; i++) {
	  	eval("menu" + i).style.display = "none";
	}
}
 
function onMenu(id) {
	if(eval("menu" + id).style.display == "none") {
  		resetMenu();
  		eval("menu" + id).style.display = "block";
  	} else {
  		resetMenu();
 	}
}
  

document.write(buildMenu());