var menuoffsetleft = 10;
var shadows = 4;
var popTimer;
var allWidth=174;
var borderwidthcol='#E6C1D0';
var widthAdd=0;

if (navigator.userAgent.indexOf('Opera') >= 0)
{
	widthAdd=4;
}
else if (navigator.userAgent.indexOf('MSIE') >= 0)
{
	widthAdd=4;
}

var isDOM = (document.getElementById ? true : false); 
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);

function getRef(id)
{
	if (isDOM) return document.getElementById(id);
	if (isIE4) return document.all[id];
	if (isNS4) return document.layers[id];
}

function getSty(id)
{
	return (isNS4 ? getRef(id) : getRef(id).style);
}


function Menu()
{
	this.x = 0;
	this.y = 0;
}

function Item(text, href) {
	this.text = text;
	this.href = href;
}

var mmsubframe = getRef('mmsubframe');
var subframelocation = (mmsubframe.contentWindow ? mmsubframe.contentWindow.location : mmsubframe.location);

function gotoPage(href)
{
	subframelocation.href = href;
	showMenu(-1);
}

var menu = new Array();
menu[0] = new Array();
menu[0][0] = new Menu();
menu[0][1] = new Item('Melanie Moss', '');
menu[0][2] = new Item('Women', '');
menu[0][3] = new Item('Men', '');
menu[0][4] = new Item('Corporate', '');


menu[1] = new Array();
menu[1][0] = new Menu();
menu[1][1] = new Item('Home', 'home.html');
menu[1][2] = new Item('About Us', 'about_us.html');
menu[1][3] = new Item('Discounts', 'discounts.html');
//menu[1][3] = new Item('Locations', 'locations.html');
menu[1][4] = new Item('Styl-E-Letter', 'styl-e-letter.html');
menu[1][5] = new Item('Editorial', 'editorial.html');
menu[1][6] = new Item('Testimonials', 'testimonials.html');
//menu[1][7] = new Item('Forum', '/forum/');
menu[1][7] = new Item('Bookings', 'bookings.html');
menu[1][8] = new Item('Contact Us', 'contact_us.html');

menu[2] = new Array();
menu[2][0] = new Menu();
menu[2][1] = new Item('Professional Women', 'women/professional_women.html');
menu[2][2] = new Item('Princess Package', 'women/princess_package.html');
menu[2][3] = new Item('Budget Conscious', 'women/budget_conscious.html');
//menu[2][3] = new Item('Questionnaire', 'women/questionnaire.html');
menu[2][4] = new Item('Style & Beauty Tips', 'women/style_and_beauty_tips.html');
menu[2][5] = new Item('Measuring Guide', 'women/measuring_guide.html');
//menu[2][6] = new Item('Before & After', 'women/before_and_after.html');

menu[3] = new Array();
menu[3][0] = new Menu();
menu[3][1] = new Item('Menu of Services', 'men/menu_of_services.html');
//menu[3][2] = new Item('Questionnaire', 'men/questionnaire.html');
menu[3][2] = new Item('Style & Grooming Tips', 'men/style_and_grooming_tips.html');
menu[3][3] = new Item('Measuring Guide', 'men/measuring_guide.html');


menu[4] = new Array();
menu[4][0] = new Menu();
//menu[4][0] = new Item('Corporate Entertaining', 'corporate/corporate_entertaining.html');
menu[4][1] = new Item('Corporate Presentations', 'corporate/corporate_presentations.html');
menu[4][2] = new Item('Portfolio', 'corporate/portfolio.html');

function drawMenu(currMenu)
{
	var str = '';
	with (menu[currMenu][0])
	{
		parentItem = getSty('menubar'+currMenu);
		str = '<div id="menu'+currMenu+'" style="width: '+(allWidth+widthAdd)+'; height: '+(4+widthAdd+24*(menu[currMenu].length - 1))+'; border: outset 2px '+borderwidthcol+'; position: absolute; top:0px; left:0px; background-color: #E6C1D0; z-index: 5; visibility: hidden; " onMouseOut="hideMenu();" >';
	}
	for (var currItem = 1; currItem < menu[currMenu].length; currItem++) with (menu[currMenu][currItem])
	{
		str += '<div onMouseOver="showMenu('+currMenu+'); this.lastChild.className = \'over\'; delayedClose(); " '+(href ? 'OnMouseUp="gotoPage(\''+href+'\');" ' : '')+'onMouseOut="this.lastChild.className = \'out\'; hideMenu(); " style="background-color: #E6C1D0; width: '+(allWidth)+'; height: 24px; z-index: 5 "><table align=center class="out" cellpadding=0 cellspacing=0><tr><td> ' + text + '</td></tr></table></div>';
	}
	str += '</div>';

	document.write(str);

	makeRectangularDropShadow(currMenu);

}

function makeRectangularDropShadow(currMenu)
{
	var str = '';
	var el = getRef('menu'+currMenu);
	var shadowA;
	if (navigator.userAgent.indexOf('Opera') == -1)
	{
		shadowA = new Array('#888','#888','#888','#888');
	}
	else
	{
		shadowA = new Array('#929292','#aeaeae','#c9c9c9','#e4e4e4');
	}


	for (var i=shadows; i>0; i--)
	{
		str += '<div id="menu'+currMenu+'shadow'+i+'" class="rect'+i+'" style="position: absolute; width: '+(allWidth+4)+'; height: '+(8+24*(menu[currMenu].length - 1))+'; z-index: '+(5-i)+'; visibility: hidden; background-color: '+ shadowA[i-1] +'; top:115px; left:0px; "></div>'

	}
	document.write(str);
}

function drawMenuBar()
{
	for (var i=1; i<=4; i++)
	{
		drawMenu(i);
	}
}

function delayedClose()
{
	clearTimeout(popTimer);
	popTimer = setTimeout('showMenu(-1)', 5000);
}


function hideMenu()
{
	clearTimeout(popTimer);
	popTimer = setTimeout('showMenu(-1)', 1000);
}

function showMenu(currMenu)
{
	clearTimeout(popTimer);
	for (var m=1; m<menu.length; m++)
	{
		if (m != currMenu)
		{
			getRef('menubar'+m).lastChild.className = 'titleout'; 
			getSty('menu'+m).visibility = 'hidden';
			for (var i=shadows; i>0; i--)
			{
				getSty('menu'+m+'shadow' + i).visibility = 'hidden';
			}
		}
		else
		{
			var menuParent = getRef('menubar'+currMenu);
			var menuParentTop = findPosY(menuParent)+24;
			var menuParentLeft = findPosX(menuParent);
			var subMenuStyle = getSty('menu'+m);
			subMenuStyle.top = menuParentTop;
			subMenuStyle.left = menuParentLeft;
			subMenuStyle.visibility = 'visible';
			getSty('menu'+m).left = findPosX(menuParent);
			for (var i=shadows; i>0; i--)
			{
				shadowStyle = getSty('menu'+m+'shadow' + i);
				shadowStyle.top = menuParentTop+i;
				shadowStyle.left = menuParentLeft+i;
				shadowStyle.visibility = 'visible';
			}
		}
	}
}


function findPosX(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			if (obj.className == 'grid')
			{
				curleft -= getRef(obj.id+'Div').scrollLeft;
			}
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function findPosY(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			if (obj.className == 'grid')
			{
				curtop -= getRef(obj.id+'Div').scrollTop;
			}
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}

drawMenuBar();
menuLoaded=true;