//main navigation
document.writeln(
	"<div class='menu'>" + 
		"<ul>" +
			"<li><a id='menuDrawing'>Drawing</a></li>" +
            "<div class='subMenu menuDrawingExpandedMenu'>" +
					"<ul>" +
						"<li><a href='../drawing/drawing-moleskine.html' name='drawing-moleskine'>+Moleskine</a></li>" + 
						"<li><a href='../drawing/drawing-sketches.html' name='drawing-sketches'>+Sketches</a></li>" + 
                        
					"</ul>" +
				"</div>" +
			"<li><a id='menuPainting'>Painting</a></li>" +
			"<div class='subMenu menuPaintingExpandedMenu'>" +
					"<ul>" +
						"<li><a href='../painting/painting-etcetera.html' name='painting-etcetera'>+Etcetera</a></li>" + 
						"<li><a href='../painting/painting-figures.html' name='painting-figures'>+Figures</a></li>" + 
                        "<li><a href='../painting/painting-portraits.html' name='painting-portraits'>+Portraits</a></li>" + 
					"</ul>" +
				"</div>" +
			"<li><a id='menuPhotography'>Photography</a></li>" +
				"<div class='subMenu menuPhotographyExpandedMenu'>" +
					"<ul>" +
						"<li><a href='../photography/photography-instax.html' name='photography-instax'>+Instax</a></li>" + 
						"<li><a href='../photography/photography-medium-format.html' name='photography-medium-format'>+Medium_Format</a></li>" + 
						"<li><a href='../photography/photography-polaroid.html' name='photography-polaroid'>+Polaroid</a></li>" + 
					"</ul>" +
				"</div>" +
			"<li><a id='menuCollage'>Collage</a></li>" +
			"<div class='subMenu menuCollageExpandedMenu'>" +
					"<ul>" +
						"<li><a href='../collage/collage-digital.html' name='collage-digital'>+Digital</a></li>" + 
						"<li><a href='../collage/collage-moleskine.html' name='collage-moleskine'>+Moleskine</a></li>" + 
                        
					"</ul>" +
				"</div>" +
			"<li><a id='menuFashion'>Fashion</a></li>" +
				"<div class='subMenu menuFashionExpandedMenu'>" +
					"<ul>" +
						"<li><a href='../fashion/fashion-illustration.html' name='fashion-illustration'>+Illustration</a></li>" + 
						"<li><a href='../fashion/fashion-2008-spring.html' name='fashion-2008-spring'>+2008_Spring</a></li>" + 
						"<li><a href='../fashion/fashion-2008-fall.html' name='fashion-2008-fall'>+2008_Fall</a></li>" + 
						"<li><a href='../fashion/fashion-2009-spring.html' name='fashion-2009-spring'>+2009_Spring</a></li>" + 
						"<li><a href='../fashion/fashion-2009-summer-bw.html' name='fashion-2009-summer-bw'>+2009_Summer_BW</a></li>" + 
						"<li><a href='../fashion/fashion-2009-summer-la.html' name='fashion-2009-summer-la'>+2009_Summer_LA</a></li>" + 
						"<li><a href='../fashion/fashion-2010-summer.html' name='fashion-2010-summer'>+2010_Summer</a></li>" + 
					"</ul>" +
				"</div>" +
			"<li><a id='menuArchitecture'>Architecture</a></li>" +
			"<div class='subMenu menuArchitectureExpandedMenu'>" +
					"<ul>" +
						"<li><a href='../drawings/drawings-moleskine.html' name='drawings-moleskine'>+Drawings_Moleskine</a></li>" + 
						"<li><a href='../drawings/drawings-sketches.html' name='drawings-sketches'>+Drawings_Sketches</a></li>" + 
                        
					"</ul>" +
				"</div>" +
		"</ul>" +
	"</div>"
	);