// SIDE MENU SETUP
// This is a modification of the "All Levels Navigational Menu (v2.0)" script
// found at http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/index.htm

// Base functions for the menu types (submenus & basic buttons)
// Note that Root menus are slightly different from the submenu functions, with some overlap
// in the "menuitem" which can be used anywhere. This is due to <UL></UL> pairs.

// Use the following binary to set whether the CSS is displayed (instead of executed)
// this is a safeguard in case next host provider does not like JavaScript
var showcode=0;

	// Root menu types
	function menuitem(saythis,link){
	document.write('<li><a href="'+link+'"');
	document.writeln('>'+saythis+'</a></li>');
	}

	function submenu(saythis,submenuname){
	document.write('<li><a href="#"');
	document.writeln(' rel="'+submenuname+'">'+saythis+'</a></li>');
	}


	// Menus for sub menus
	function submenustart(saythis){
	document.writeln('<li><a href="#">'+saythis+'</a>');
	document.writeln('<ul>');
	}

	function submenuend(){
	document.writeln('</ul>');
	document.writeln('</li>');
	}

	function dropdown_start(submenuname){
	document.writeln('<ul id="'+submenuname+'" class="ddsubmenustyle blackwhite">');
	}

	function dropdown_end(){
	document.writeln('</ul>');
	}


// MAIN MENU contents
// *** EDIT THIS FOR THE MAIN "ROOT" MENU ========================
// "menu item" => straight link
// "submenu" => leads onto further dropdowns

if (showcode==1) {
document.writeln('<textarea cols=\"40\" rows=\"40\" name=\"revealer\">');
document.writeln('Here is the CSS...');
document.writeln('');
}

document.writeln('<div id="ddsidemenubar" class="markermenu">');
document.writeln('<ul>');  				// Container for entire menu
menuitem("Home","index.html");
submenu("Products","ddsubmenuside1");
submenu("Ingredient Info","ddsubmenuside2");
menuitem("Usage Tips","usage.html");
submenu("Company","ddsubmenuside3");
submenu("Testimonials","ddsubmenuside4");
document.writeln('</ul>');   				// For some strange reason, this had been placed at the end.
document.writeln('</div>');



//
//
// ===============================================================
//
// Do not change this section
// Set up menus as Side Edge version.
ddlevelsmenu.setup("ddsidemenubar", "sidebar");
//
// ===============================================================

// HTML for the Drop Down Menus associated with Side Menu Bar
// They should be inserted OUTSIDE any element other than the BODY tag itself
// A good location would be the end of the page (right above "</BODY>")
// Side Drop Down Menu 1 HTML


// Side Drop Down Menu 1



dropdown_start("ddsubmenuside1");
	submenustart("For Women");
		menuitem("Women\'s Face Serum","serum_women.html");
		menuitem("Women\'s Face Lotion","lotion_women.html");
	submenuend();

	submenustart("For Men");
		menuitem("Men\'s Face Serum","serum_men.html");
		menuitem("Men\'s Face Lotion","lotion_men.html");
	submenuend();

	menuitem("Serum &amp; Lotion : Body","serum_lotion_everyone.html");
dropdown_end();  // Needed to counter <ul> from definesubmenustart, define oddmenustart



// Side Drop Down Menu 2
dropdown_start("ddsubmenuside2");
	menuitem("AlphaLipoic Acid","ingredients.html#alphalipoic");
	menuitem("Stinging Nettle","ingredients.html#nettle");
	menuitem("Seabuckthorn","ingredients.html#seabuckthorn");
	menuitem("Manuka","ingredients.html#manuka");
	menuitem("Aloe Vera","ingredients.html#aloevera");
	menuitem("Manderin","ingredients.html#manderin");
	menuitem("Elderberry Flower","ingredients.html#elderberry");
	menuitem("Jojoba","ingredients.html#jojoba");
	menuitem("Calendula (Marigold)","ingredients.html#calendula");
	menuitem("Chamomile","ingredients.html#chamomile");
dropdown_end();


// Side Drop Down Menu 3
dropdown_start("ddsubmenuside3");
	menuitem("Who we are","bio.html");
	menuitem("Contact Details","contact.html");
dropdown_end();


// Side Drop Down Menu 4
dropdown_start("ddsubmenuside4");
	menuitem("Female: softer skin","testimonials.html#woman");
	menuitem("Male: restored youth","testimonials.html#man");
dropdown_end();


if (showcode==1) {document.writeln('</textarea>');}