//DYNAMIC MENUS

var NS4 = false
var IE4 = false
var DOM = false
var IE = false
var NS6 = false

menuWidth = 145
menuHeight = 18
menuColor = "#F69204"
menuHighlight = "#F6B75E"
menuborderColor = "#FCD9A7"
borderStyle1 = ' border-top-width: 1px; border-left-width: 1px; border-bottom-width: 0px; border-right-width: 1px; border-color: ' + menuborderColor + '; border-style: solid; '
borderStyle2 = ' border-top-width: 1px; border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px; border-color: ' + menuborderColor + '; border-style: solid;  width:' + menuWidth + 'px; height:' + menuHeight + 'px; '

menuHposition = new Array (107,107,107,107,107)
menuArray = new Array ('about','services','methodology','performance','opinionpress')
// 
active=false
menusReady = false
currentMenu = ""

oldIE = ( navigator.appName.indexOf('Microsoft') >= 0 && navigator.appVersion.indexOf('MSIE 4.') >= 0) ? true:false
if (document.getElementById) { DOM = true; browser="DOM"; }
if (document.layers && !DOM) { NS4 = true; browser="NS4"; }
if (document.all && !DOM) IE4 = true
if (navigator.appName.indexOf("Microsoft Internet Explorer") > -1) IE = true
if (DOM && !IE) NS6 = true

function initLayers() {

if (IE || DOM) {
	for (x=0; x<menuArray.length; x++) {
		layerName = menuArray[x] + 'Layer'
		useArray = eval(menuArray[x])
		menu = '<div id="' + layerName + '" style="position: absolute; width: ' + menuWidth + 'px; z-index: 20; background-color: ' + menuHighlight + '; visibility: hidden;" onmouseout="unLock(\'' + menuArray[x] + 'Lyr\')" onmouseover="lock(\'' + menuArray[x] + 'Lyr\')">';
		for (v=0;v<useArray.length;v++) {
			menu += '<div id="' + layerName + v + '" style="position: relative; background-color: ' + menuColor + '; z-index: ' + x + 30 + '; height:' + menuHeight + 'px; ' + borderStyle1
			menu += (NS6) ? 'width:' + (menuWidth - 1) + 'px; ' : 'width:' + menuWidth + 'px; '
			menu += (v == useArray.length - 1) ?  " border-bottom-width: 1px;" : " border-bottom-width: 0px;"
			menu += '" onmouseover="highlight(\'' + menuArray[x] + v + 'Lyr\')" onmouseout="unhighlight(\'' + menuArray[x] + v + 'Lyr\')" onclick="linkit(\'' + useArray[v][1] + '\')"><table cellspacing=3><tr><td><span class=menuLink>' + useArray[v][0] + '<\/span><\/td><\/tr><\/table><\/div>';
		}
		menu += '<\/div>\n';
		document.write(menu);
	}
}

if (NS4) {
	document.write('<style type="text/css">\n')
	document.write('all.menuItem1 {' + borderStyle1 + ' width:' + menuWidth + 'px; }\n')
	document.write('all.menuItem2 {' + borderStyle2 + '}\n')
	document.write('all.menuLink { padding-left: 3px; padding-top: 1px;}</style>')
	for (x=0; x<menuArray.length; x++) {
		layerName = menuArray[x] + 'Layer'
		useArray = eval(menuArray[x])
		menu = '<layer id="' + layerName + '" width=' + menuWidth + ' z-index=20 visibility=hide onmouseout="unLock(\'' + menuArray[x] + 'Lyr\')" onmouseover="lock(\'' + menuArray[x] + 'Lyr\')">';
		for (v=0;v<useArray.length;v++) {
			menu += '<ilayer id="' + layerName + v + '" bgcolor=' + menuColor + '><layer class='
			menu += (v == useArray.length - 1) ?  'menuItem2' : 'menuItem1'
			menu += ' z-index=' + (x + 30 - v) + ' onmouseover="highlight(\'' + menuArray[x] + v + 'Lyr\')"'
			menu += ' onmouseout="unhighlight(\'' + menuArray[x] + v + 'Lyr\')"><a href="javascript:linkit(\'' + useArray[v][1] + '\')" class=menuLink>' + useArray[v][0] + '<\/a><\/layer></ilayer><br>';
		}
		menu += '<\/layer>\n';
		document.write(menu);
	}
}

for (x=0; x<menuArray.length; x++) {
	layerName = menuArray[x] + 'Layer'
	useArray = eval(menuArray[x])
	eval(menuArray[x] + 'Lyr = new domObject(\'' + layerName + '\')');
	for (v=0;v<useArray.length;v++) {
		eval(menuArray[x] + v + 'Lyr = new domObject(\'' + layerName + v + '\',\'' + layerName + '\')')
	}
	eval(menuArray[x] + 'Lyr.sty.left = ' + menuHposition[x])
	eval(menuArray[x] + 'Lyr.sty.top = ' + menuVposition[x])
}
menusReady = true;
}

if (!oldIE) initLayers()

function domObject(theName,nestedLayer,frame) {
	if (DOM || NS4) {
		if (DOM) {
			this.sty = document.getElementById(theName).style
		}
		 if (NS4) {
			if (nestedLayer) {
				this.sty = eval('document.' + nestedLayer + '.document.' + theName)
			} else {
				this.sty = document.layers[theName]
			}
		}
	}
	if (IE4) {
		this.sty = this.frame.document.all[theName].style
	}
	this.theName = theName
	this.active = false
	this.locked = false
}


function showMenu(theMenu) {
	if (menusReady && !oldIE) {
	theName = theMenu.replace(/Lyr/, "")
	turnon(theName,'nava')
		if (currentMenu + "Lyr" != theMenu && currentMenu != "") {
			dropit(theMenu);
		}
		currentMenu = theMenu.replace(/Lyr/, "")
		eval(theMenu + ".active = true")
		argMenu = theMenu
		show = setTimeout("showit(argMenu)", 50)
	}
}

function dropMenu(theMenu) {
	eval(theMenu + ".active = false")
	whichMenu = theMenu
	wait = setTimeout("dropit(whichMenu)", 0)
	currentMenu = ""
}

function showit(theMenu) {
	if (eval(theMenu + ".active") == true) {
		eval(theMenu + '.sty.visibility = (NS4)? "show" : "visible"')
	}
}

function dropit(theMenu) {
	if (!oldIE && eval(theMenu + ".locked") == false) {
	theName = theMenu.replace(/Lyr/, "")
	turnoff(theName,'nava')
		for (v=0;v<menuArray.length;v++) {
			if (theMenu != currentMenu + "Lyr") {
				eval(menuArray[v] + 'Lyr.sty.visibility = (NS4)? "hide" : "hidden"')
			}
		}
	} 
}

function highlight(theMenu) {
	if (IE || DOM) {
		eval(theMenu + '.sty.backgroundColor = "' + menuHighlight + '"')
		eval(theMenu + '.sty.cursor = "hand"')
	}
	if (NS4) {
		eval(theMenu + '.sty.bgColor = "' + menuHighlight + '"')
	}
}

function unhighlight(theMenu) {
	if (IE || DOM) {
		eval(theMenu + '.sty.backgroundColor = "' + menuColor + '"')
		eval(theMenu + '.sty.cursor = "auto"')
	}
	if (NS4) {
		eval(theMenu + '.sty.bgColor = "' + menuColor + '"')
	}
}

function lock(theMenu) {
	eval(theMenu + ".locked = true")
}

function unLock(theMenu) {
	eval(theMenu + ".locked = false")
	dropMenu(theMenu)
}

function linkit(link) {
	location = link
}