﻿// set up drop downs anywhere in the body of the page. I think the bottom of the page is better.. 
	// but you can experiment with effect on loadtime.
	if (TransMenu.isSupported()) {

		//==================================================================================================
		// create a set of dropdowns
		//==================================================================================================
		// the first param should always be down, as it is here
		//
		// The second and third param are the top and left offset positions of the menus from their actuators
		// respectively. To make a menu appear a little to the left and bottom of an actuator, you could use
		// something like -5, 5
		//
		// The last parameter can be .topLeft, .bottomLeft, .topRight, or .bottomRight to inidicate the corner
		// of the actuator from which to measure the offset positions above. Here we are saying we want the 
		// menu to appear directly below the bottom left corner of the actuator
		//==================================================================================================
		var ms = new TransMenuSet(TransMenu.direction.down, 1, 0, TransMenu.reference.bottomLeft);

		//==================================================================================================
		// create a dropdown menu
		//==================================================================================================
		// the first parameter should be the HTML element which will act actuator for the menu
		//==================================================================================================
		var menu1 = ms.addMenu(document.getElementById("one"));
		menu1.addItem("ABOUT ESTEEM MEDICAL", "about_us.html");
		menu1.addItem("MEET Dr. DONNA JEZDIC", "donna.html");
		menu1.addItem("OUR STAFF", "our_staff.html"); // send no URL if nothing should happen onclick
		menu1.addItem("CONSULTANTS", "consultants.html");
		menu1.addItem("OUR LOCATION", "location.html");

		//==================================================================================================

		//==================================================================================================
		var menu2 = ms.addMenu(document.getElementById("two"));
		menu2.addItem("COMPREHENSIVE SKIN ANALYSIS", "analysis.html");
		menu2.addItem("HAIR REMOVAL", "");
		menu2.addItem("VEIN TREATMENT", "");
		menu2.addItem("FAT AND CELLULITE REDUCTION", "");
		menu2.addItem("FACIAL REJUVENATION", "");
		//menu2.addItem("SURGICAL PROCEDURES", "");
		menu2.addItem("LESION REMOVAL", "");
		menu2.addItem("ACNE", "");
		menu2.addItem("ACNE ROSACEA", "");
		menu2.addItem("BOTOX THERAPEUTIC™", "botox_therapeutic.html");
		menu2.addItem("MEDICAL SKINCARE PRODUCTS", "");
		menu2.addItem("CALIFORNIA SUNLESS TANNING", "california_sunless.html");
		menu2.addItem("LASH IT!", "lashit.html");
		menu2.addItem("PERMANENT MAKE-UP", "makeup.html");
		menu2.addItem("DENTAL WHITENING", "dental_whitening.html");

		var submenu1 = menu2.addMenu(menu2.items[1]);
		var submenu2 = menu2.addMenu(menu2.items[2]);
		var submenu3 = menu2.addMenu(menu2.items[3]);
		var submenu4 = menu2.addMenu(menu2.items[4]);
		var submenu5 = menu2.addMenu(menu2.items[5]);
		var submenu6 = menu2.addMenu(menu2.items[6]);
		var submenu7 = menu2.addMenu(menu2.items[7]);
		var submenu8 = menu2.addMenu(menu2.items[9]);
		//var submenu9 = menu2.addMenu(menu2.items[8]);
		//var submenu10 = menu2.addMenu(menu2.items[10]);

				submenu1.addItem("LASER HAIR REMOVAL", "laser_hair_removal.html");
	
		submenu2.addItem("SCLEROTHERAPY", "sclerotherapy.html");
		submenu2.addItem("COMPRESSION STOCKINGS", "compression_stockings.html");
		
		submenu3.addItem("LIPODISSOLVE", "lipodissolve.html");
		submenu3.addItem("ACCENT RF/cellulite reduction", "cellulite_reduction.html");
		submenu3.addItem("ACCENT RF/skin tightening", "skin_tightening.html");
		
		submenu4.addItem("BOTOX™", "botox.html");
		submenu4.addItem("CHEMICAL PEELS", "chemical_peels.html");
		submenu4.addItem("CORRECTIVE FILLERS", "corrective_fillers.html");
		submenu4.addItem("PHOTOREJUVENATION (IPL)", "intense_pulse_light_face.html");
		submenu4.addItem("ADVANCED FLUORESCENSE TECHNOLOGY (AFT)", "aft.html");
		submenu4.addItem("MEDICAL MICRODERMABRASION", "microdermabrasion.html");
		submenu4.addItem("PIXEL FRACTIONAL LASER", "pixel.html");
		
		//submenu5.addItem("COUNTOUR THREADLIFT™", "contour.html");

		
		submenu5.addItem("VASCULAR & PIGMENTED LESIONS", "lesions.html");
		submenu5.addItem("SUN SPOTS", "sun_spots.html");
		submenu5.addItem("MINOR COSMETIC PROCEDURES", "minor_procedures.html");
		
		submenu6.addItem("MEDICAL EVALUATION AND TREATMENT", "medical_eval_acne.html");
		submenu6.addItem("PHOTODYNAMIC THERAPY WITH BLU LIGHT", "blue_light.html");
		submenu6.addItem("ZENO™", "zeno.html");
		
		submenu7.addItem("MEDICAL EVALUATION AND TREATMENT", "medical_eval.html");
		submenu7.addItem("PHOTOREJUVENATION (IPL)", "acne_rosacea_photorejuvenation.html");
		
		//submenu8.addItem("jadran", "");
		//submenu8.addItem("INTENSE PULSED LIGHT", "");
		//submenu8.addItem("Title heading", "");
		
		submenu8.addItem("ESTEEM EVIDENCE BASED SKINCARE", "esteem_products.html");
		submenu8.addItem("BIOPHORA™", "biophora.html");
		submenu8.addItem("SKIN TX™", "skin_tx.html");
		submenu8.addItem("KINERASE™", "kinerase.html");
		submenu8.addItem("GLYQUIN XM™", "glyquin.html");
		submenu8.addItem("JANE IREDALE MAKEUP™", "jane_iredale.html");
		//==================================================================================================

		//==================================================================================================
		//var menu3 = ms.addMenu(document.getElementById("three"));
		//menu3.addItem("CONTOUR THREADLIFT™", "contours.html");
		//menu3.addItem("Dr. ISABEL CHOW, MD FRCSC");
		//menu3.addItem("Dr. DAVID SION, MD FRCSC");
		
		//var menu4 = ms.addMenu(document.getElementById("four"));
		//menu4.addItem("IMAGE GALLERY", "");
		//menu4.addItem("VIDEO CLIPS", "");

		
		TransMenu.renderAll();
	}// JavaScript Document
