var 
output    =	'<div id="menu1Container">';


output 	+=		'<div id="menu1Content" class="menu">'

output 	+=			'<div class="options">'

output 	+=			'</div>'

output 	+=		'</div>'

output 	+=	'</div>'


output 	+=	'<div id="menu2Container">';

output 	+=		'<div id="menu2Content" class="menu">'

output 	+=			'<div class="options">'

output 	+=			'</div>'

output 	+=		'</div>'

output 	+=	'</div>'




output 	+=	'<div id="menu3Container">';

output 	+=		'<div id="menu3Content" class="menu">'

output 	+=			'<div class="options">'

output 	+=				'<a href="http://www.beckes.org/tree/familytree.html">Overview</a>'

output 	+=				'<a href="http://www.beckes.org/tree/ben.index.html">Benjamin Beckes</a>'

output 	+=				'<a href="http://www.beckes.org/tree/wm.index.html">Wm Luther Beckes</a>'

output 	+=				'<a href="http://www.beckes.org/tree/chas.index.html">Charles Oriville Beckes</a>'

output 	+=				'<a href="http://www.beckes.org/tree/miss.index.html">Missing Family Links</a>'

output 	+=			'</div>'

output 	+=		'</div>'

output 	+=	'</div>'


output 	+=	'<div id="menu4Container">';

output 	+=		'<div id="menu4Content" class="menu">'

output 	+=			'<div class="options">'

output 	+=				'<a href="http://www.beckes.org/records/census.html">Census records</a>'

output 	+=				'<a href="http://www.beckes.org/records/vitalstats.html">Birth/death/marriage</a>'

output 	+=				'<a href="http://www.beckes.org/records/military.html">Military</a>'

output 	+=				'<a href="http://www.beckes.org/records/misc.html">Misc...</a>'

output 	+=			'</div>'

output 	+=		'</div>'

output 	+=	'</div>'



output 	+=	'<div id="menu5Container">';

output 	+=		'<div id="menu5Content" class="menu">'

output 	+=			'<div class="options">'

output 	+=				'<a href="http://www.beckes.org/net/ssdi.html">SSDI</a>'

output 	+=				'<a href="http://www.beckes.org/net/addresses.html">Addresses</a>'

output 	+=				'<a href="http://www.beckes.org/net/email.html">Email</a>'

output 	+=				'<a href="http://www.beckes.org/net/birthdays.html">Birthday</a>'

output 	+=				'<a href="http://www.beckes.org/net/professional.html">Professional</a>'

output 	+=			'</div>'

output 	+=		'</div>'

output 	+=	'</div>'




output 	+=	'<div id="menu6Container">';

output 	+=		'<div id="menu6Content" class="menu">'

output 	+=			'<div class="options">'

output 	+=				'<a href="http://www.beckes.org/links/beckeslinks.html">Beckes Family</a>'

output 	+=				'<a href="http://www.beckes.org/links/otherlinks.html">Other links</a>'

output 	+=			'</div>'

output 	+=		'</div>'

output 	+=	'</div>'



output 	+=	'<div id="menu7Container">';

output 	+=		'<div id="menu7Content" class="menu">'

output 	+=			'<div class="options">'

output 	+=				'<a href="http://www.beckes.org/members/login.html">Members log-in</a>'

output 	+=			'</div>'

output 	+=		'</div>'

output 	+=	'</div>'




output 	+=	'<div id="menu8Container">';

output 	+=		'<div id="menu8Content" class="buttonmenu">'

output 	+=			'<div class="options">'

output 	+=				'<a href="javascript:void(0);" onclick="HSSetTextSize(\'incr\'); return false;"><img src="images/largetext.png"> Increase Text Size</a>'

output 	+=				'<a href="javascript:void(0);" onclick="HSSetTextSize(\'decr\'); return false;"><img src="images/smalltext.png"> Decrease Text Size</a>'

output 	+=				'<a href="javascript:void(0);" onclick="HSSetTextSize(\'reset\'); return false;"><img src="images/fonts.gif"> Restore Defaults</a>'

output 	+=			'</div>'

output 	+=		'</div>'

output 	+=	'</div>'


output 	+=	'<div id="menu9Container">';

output 	+=		'<div id="menu9Content" class="buttonmenu">'

output 	+=			'<div class="options">'

output 	+=				'<a href="javascript:void(0);" onclick="setFontFamily(\'ms sans serif, sans-serif\'); return false;"><img src="images/fonts.gif"> MS Sans Serif</a>'

output 	+=				'<a href="javascript:void(0);" onclick="setFontFamily(\'verdana, sans-serif\'); return false;"><img src="images/fonts.gif"> Verdana</a>'

output 	+=				'<a href="javascript:void(0);" onclick="setFontFamily(\'arial, sans-serif\'); return false;"><img src="images/fonts.gif"> Arial</a>'

output 	+=				'<a href="javascript:void(0);" onclick="setFontFamily(\'tahoma, sans-serif\'); return false;"><img src="images/fonts.gif"> Tahoma</a>'

output 	+=				'<a href="javascript:void(0);" onclick="setFontFamily(\'helvetica, sans-serif\'); return false;"><img src="images/fonts.gif"> Helvetica</a>'

output 	+=				'<a href="javascript:void(0);" onclick="setFontFamily(\'trebuchet ms, sans-serif\'); return false;"><img src="images/fonts.gif"> Trebuchet MS</a>'

output 	+=				'<a href="javascript:void(0);" onclick="setFontFamily(\'lucida sans unicode, sans-serif\'); return false;"><img src="images/fonts.gif"> Lucida Sans Unicode</a>'

output 	+=				'<a href="javascript:void(0);" onclick="setFontFamily(\'times new roman, serif\'); return false;"><img src="images/fonts.gif"> Times New Roman</a>'

output 	+=				'<a href="javascript:void(0);" onclick="setFontFamily(\'georgia, serif\'); return false;"><img src="images/fonts.gif"> Georgia</a>'

output 	+=				'<a href="javascript:void(0);" onclick="setFontFamily(\'courier, monospace\'); return false;"><img src="images/fonts.gif"> Courier</a>'

output 	+=				'<a href="javascript:void(0);" onclick="setFontFamily(\'lucida console, monospace\'); return false;"><img src="images/fonts.gif"> Lucida Console</a>'

output 	+=				'<a href="javascript:void(0);" onclick="setFontFamily(\'comic sans ms, cursive\'); return false;"><img src="images/fonts.gif"> Comic Sans MS</a>'

output 	+=				'<a href="javascript:void(0);" onclick="setFontFamily(\'impact, fantasy\'); return false;"><img src="images/fonts.gif"> Impact</a>'

output 	+=				'<a href="javascript:void(0);" onclick="setFontFamily(\'fantasy\'); return false;"><img src="images/fonts.gif"> Fantasy</a>'

output 	+=				'<a href="javascript:void(0);" onclick="setFontFamily(\'technical\'); return false;"><img src="images/fonts.gif"> Technical</a>'

output 	+=				'<a href="javascript:void(0);" onclick="setFontFamily(\'garamond\'); return false;"><img src="images/fonts.gif"> Garamond</a>'

output 	+=				'<a href="javascript:void(0);" onclick="setFontFamily(\'sylfaen\'); return false;"><img src="images/fonts.gif"> Sylfaen</a>'

output 	+=				'<a href="javascript:void(0);" onclick="setFontFamily(\'ms sans serif, tahoma, verdana, arial, helvetica, sans-serif\'); return false;"><img src="images/fonts.gif"> Restore Defaults</a>'

output 	+=			'</div>'

output 	+=		'</div>'

output 	+=	'</div>'




output 	+=	'<div id="menu10Container">';

output 	+=		'<div id="menu10Content" class="buttonmenu">'

output 	+=			'<div class="options">'


output 	+=				'<a href="javascript:bookmarkPage()"><img src="images/bookmark.png"> Bookmark Page</a>'

output 	+=				'<a href="javascript:emailPage()"><img src="images/email.png"> E-Mail Page</a>'

output 	+=				'<a href="javascript:setActiveStyleSheet(\'Printer Friendly\');SliderMenu.hideAll();printPage();"><img src="images/print.png"> Print Page</a>'

output 	+=			'</div>'

output 	+=		'</div>'

output 	+=	'</div>'




output 	+=	'<div id="menu11Container">';

output 	+=		'<div id="menu11Content" class="buttonmenu">'

output 	+=			'<div class="options">'

output 	+=				'<a href="javascript:setActiveStyleSheet(\'Normal\')"><img src="images/document.png"> Normal Theme</a>'

output 	+=				'<a href="javascript:setActiveStyleSheet(\'Plain\')"><img src="images/basic.png"> Plain</a>'

output 	+=				'<a href="javascript:setActiveStyleSheet(\'Printer Friendly\')"><img src="images/print2.png"> Printer Friendly</a>'

output 	+=			'</div>'

output 	+=		'</div>'

output 	+=	'</div>'


document.write(output)




	var menus = [

		new SliderMenu("menu1", "down", 0, 61, 0, 180, 0),

		new SliderMenu("menu2", "down", 85, 61, 0, 180, 0),

		new SliderMenu("menu3", "down", 170, 61, 0, 180, 100),

		new SliderMenu("menu4", "down", 255, 61, 0, 180, 90),

		new SliderMenu("menu5", "down", 340, 61, 0, 180, 100),

		new SliderMenu("menu6", "down", 425, 61, 0, 180, 90),

		new SliderMenu("menu7", "down", 510, 61, 0, 180, 120),

		new SliderMenu("menu8", "down", -1, 87, 92, 180, 100),

		new SliderMenu("menu9", "down", -1, 87, 70, 180, 360),

		new SliderMenu("menu10", "down", -1, 87, 48, 180, 120),

		new SliderMenu("menu11", "down", -1, 87, 26, 180, 160)
	]


	for (var i = 0; i < menus.length; i++) {


		menus[i].onactivate = new Function("document.getElementById('act" + i + "').className='active';");

		menus[i].ondeactivate = new Function("document.getElementById('act" + i + "').className='';");
	}