NS4 = (document.layers);
	     IE4 = (document.all);
	    ver4 = (NS4 || IE4);
		 IE5 = (IE4 && navigator.appVersion.indexOf("5.")!=-1);
	   isMac = (navigator.appVersion.indexOf("Mac") != -1);
	  isMenu = (NS4 || (IE4 && !isMac) || (IE5 && isMac));
	function popUp(){return};
	function popDown(){return};
	if (!ver4) event=null;
	
	if (isMenu) {
	menuVersion = 3;
	menuWidth = 140;
	childOverlap = -140;
	childOffset = 0;
	childOverrideY= null;
	childbackCol= "#575951";
	childoverCol = "#AEAF8F";
	perCentOver = null;
	secondsVisible = .25;
	fntCol = "#DDDDDD";//"D0D0B9";//"E9E9CD";
	fntSiz = (NS4) ? "8" : "7.5";
	fntBold = false;
	fntItal = false;
	fntFam = "verdana";
	backCol = "#575951";
	overCol = "#AEAF8F";
	overFnt = "#FEFEFE";//"D0D0B9";//"E9E9CD";
	borWid = 1;
	borCol = "#454545";//"676758";
	borSty = "solid";
	itemPad = 3;
	
	imgSrc = "/images/shared/utilities/null.gif";
	
	imgSiz = 10;
	separator = 1;
	separatorCol = "#454545";//"676758";
	isFrames = false;
	keepHilite = true; 
	clickStart = false;
	clickKill = false;
	menuTop = 80;
}



// topnav
if (isMac) {
	hOffset = 7;
	if(document.layers) hOffset=-8;
} else {
	hOffset = -840;
	if(document.layers) hOffset=10;
}


childrenMenu = 0; // no children
var xwid = 140;
hOffset = hOffset+8;


	
	
	
	
		
		
		
			
		arMenu1 = new Array(
		xwid,
		eval(-410 - hOffset),"-1",
		"","",
		"","",
		"","",	
		
			
			
				
			
		" HOK Resources + Tools","/Resources/index.htm",0,
			
		
			
			
				
			
		" Integrated Design Process","/OurDesignProcess/index.htm",0,
			
		
			
			
				
			
		" Publications","/Articles/index.htm",0,
			
		
			
			
				
			
		" Other Web Sites","/Links/index.htm",0
			
		
		)	
		
		
	

	
	
	
	
		
	

	
	
	
	
		
		
		
			
		arMenu2 = new Array(
		xwid,
		eval(-178 - hOffset),"-1",
		"","",
		"","",
		"","",	
		
			
			
				
			
		" Commitment","/Commitment/index.htm",0,
			
		
			
			
				
			
		" Recognition","/awards/index.htm",0,
			
		
			
			
				
			
		" Photography Credits","/photocredits/index.htm",0
			
		
		)	
		
		
	

	
	
	
	
		
		
		
			
		arMenu3 = new Array(
		xwid,
		eval(-38 - hOffset),"-1",
		"","",
		"","",
		"","",	
		
			
			
				
			
		" News Articles","/news/index.htm",0
			
		
		)	
		
		
	



var globalwin=null;

function popupGlobalP()
{
	globalwin = window.open("/about/locations/GlobalPresence.cfm","globalwin","width=484,height=359");
	if (globalwin.opener==null) globalwin.opener = window;
	globalwin.focus();
}



if (isMenu) {

document.write("<SCRIPT LANGUAGE='JavaScript1.2' SRC='/jsscripts/menusoft.js' TYPE='text/javascript'></SCRIPT>");

}

function makeTopNav(strRoot){
	
		
	
	
	var str='<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="left"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0"><TR>'
	+ '<TD><IMG SRC="' + strRoot + 'images/shared/utilities/ghost.gif" ALT="" WIDTH="110" HEIGHT="32" BORDER="0"></TD>'	
	
	+ '<TD><span  style="width:116px; height:32px; cursor:hand; vertical-align:middle; text-align:center; padding-top:10px; font-family: verdana, Geneva, Arial; font-size: 10px;font-weight:bold;color:DDDDDD;"  onMouseOver="RollOnText(this);popUp(\'elMenu1\',event);" onMouseOut="RollOffText(this);popDown(\'elMenu1\');">'
	+ 'Knowledge Center</span></TD>'
	
	+ '<TD><span  style="width:116px; height:32px; cursor:hand; vertical-align:middle; text-align:center; padding-top:10px; font-family: verdana, Geneva, Arial; font-size: 10px;font-weight:bold;color:DDDDDD;" onClick="goTo(\''+strRoot+'Projects/index.htm\')" onMouseOver="RollOnText(this)" onMouseOut="RollOffText(this)">'
	+ 'HOK Case Studies</span></TD>'
	
	+ '<TD><span  style="width:140px; height:32px; cursor:hand; vertical-align:middle; text-align:center; padding-top:10px; font-family: verdana, Geneva, Arial; font-size: 10px;font-weight:bold;color:DDDDDD;"  onMouseOver="RollOnText(this);popUp(\'elMenu2\',event);" onMouseOut="RollOffText(this);popDown(\'elMenu2\');">'
	+ 'Sustainability @ HOK</span></TD>'
	
	+ '<TD><span  style="width:44px; height:32px; cursor:hand; vertical-align:middle; text-align:center; padding-top:10px; font-family: verdana, Geneva, Arial; font-size: 10px;font-weight:bold;color:DDDDDD;"  onMouseOver="RollOnText(this);popUp(\'elMenu3\',event);" onMouseOut="RollOffText(this);popDown(\'elMenu3\');">'
	+ 'News</span></TD>'
	;	
	if (IE4) str = str + '</TD><TD><IMG SRC="' + strRoot + 'images/shared/utilities/ghost.gif" ALT="" WIDTH="1" HEIGHT="32" BORDER="0"></TD>';
	str = str + '</TR></TABLE></td></tr></table>';
	
	if (isMac && IE4) {
		str= ''
	
	+ '<span  style="width:116px; height:32px; cursor:hand; vertical-align:middle; text-align:center; padding-top:10px; font-family: verdana, Geneva, Arial; font-size: 10px;font-weight:bold;color:DDDDDD;"  onMouseOver="RollOnText(this);popUp(\'elMenu1\',event);" onMouseOut="RollOffText(this);popDown(\'elMenu1\');">'
	+ 'Knowledge Center</span>'
	
	+ '<span  style="width:116px; height:32px; cursor:hand; vertical-align:middle; text-align:center; padding-top:10px; font-family: verdana, Geneva, Arial; font-size: 10px;font-weight:bold;color:DDDDDD;" onClick="goTo(\''+strRoot+'Projects/index.htm\')" onMouseOver="RollOnText(this)" onMouseOut="RollOffText(this)">'
	+ 'HOK Case Studies</span>'
	
	+ '<span  style="width:140px; height:32px; cursor:hand; vertical-align:middle; text-align:center; padding-top:10px; font-family: verdana, Geneva, Arial; font-size: 10px;font-weight:bold;color:DDDDDD;"  onMouseOver="RollOnText(this);popUp(\'elMenu2\',event);" onMouseOut="RollOffText(this);popDown(\'elMenu2\');">'
	+ 'Sustainability @ HOK</span>'
	
	+ '<span  style="width:44px; height:32px; cursor:hand; vertical-align:middle; text-align:center; padding-top:10px; font-family: verdana, Geneva, Arial; font-size: 10px;font-weight:bold;color:DDDDDD;"  onMouseOver="RollOnText(this);popUp(\'elMenu3\',event);" onMouseOut="RollOffText(this);popDown(\'elMenu3\');">'
	+ 'News</span>'
	
		if (IE4) str = str + '<IMG SRC="' + strRoot + 'images/shared/utilities/ghost.gif" ALT="" WIDTH="20" HEIGHT="17" BORDER="0">';
		str = str + '<IMG SRC="' + strRoot + 'images/shared/utilities/ghost.gif" ALT="" WIDTH="-850" HEIGHT="17" BORDER="0">';
	}	
	
	return str;
}



//TODO: Implement this in script to create this file.
function topNav(strRoot)
{

	var output = makeTopNav(strRoot);
    if (document.all)
		document.all('topNav').innerHTML = output;
	else if (document.layers) {
        document.layers['topNav'].document.open();
        document.layers['topNav'].document.writeln(output);
        document.layers['topNav'].document.close();
    }
	
	loadMenuRollovers(strRoot);
	startIt();
}


var rollover;

	var more = new Image();
	var more2 = new Image();
	
	var faster = new Image();
	var faster2 = new Image();
	
	var better = new Image();
	var better2 = new Image();
	
	var smarter = new Image();
	var smarter2 = new Image();
	
	var contact = new Image();
	var contact2 = new Image();
	
	var archiv = new Image();
	var archiv2 = new Image();
	
	var login = new Image();
	var login2 = new Image();

function loadMenuRollovers(strRoot)
{
	if (document.images) { rollover=1; } else { rollover=0; }
	more.src = strRoot + "images/site/main_navmoreoff.gif";
	more2.src = strRoot + "images/site/main_navmoreon.gif";

	faster.src = strRoot + "images/site/main_fasteroff.gif";
	faster2.src = strRoot + "images/site/main_fasteron.gif";

	better.src = strRoot + "images/site/main_betteroff.gif";
	better2.src = strRoot + "images/site/main_betteron.gif";

	smarter.src = strRoot + "images/site/main_smarteroff.gif";
	smarter2.src = strRoot + "images/site/main_smarteron.gif";

	contact.src = strRoot + "images/site/util_contacton.gif";
	contact2.src = strRoot + "images/site/util_contactoff.gif";

	archiv.src = strRoot + "images/site/util_archiveon.gif";
	archiv2.src = strRoot + "images/site/util_archiveoff.gif";

	login.src = strRoot + "images/site/util_clienton.gif";
	login2.src = strRoot + "images/site/util_clientoff.gif";
}

function RollOnText(t){
	t.style.color="FFFFFF";
	t.style.backgroundColor ="transparent";
}

function RollOffText(t){
	t.style.color="DDDDDD";
	t.style.backgroundColor ="transparent";
}


// Change RollOver
function RollOn (imgname)
{	
	if (rollover==1) {
		if (document.all){
			eval('document.images.'+imgname+'_name.src='+imgname+'On.src');
		} else if (document.layers) {
	eval('document.layers[\'topNav\'].document.'+imgname+'_name.src='+imgname+'On.src');
		}
   }
}

// Revert to Default Image
function RollOff(imgname)
{
	if (rollover==1) {
		if (document.all) {
			eval('document.images.'+imgname+'_name.src='+imgname+'Off.src');
		} else if (document.layers) {
			eval('document.layers[\'topNav\'].document.images.'+imgname+'_name.src='+imgname+'Off.src');
		}
    }    
}

//Contact Information
function goContact()
{
	document.location.href='mailto:steven.yin@hok.com';
}

// code for bottom strip menus
var rollover;
if (document.images) { rollover=1; } else { rollover=0; }
var contact=new Image();
contact.src="/images/shared/utilities/nav_contact_on.gif";

var sitemap=new Image();
sitemap.src="/images/shared/utilities/nav_sitemap_on.gif";




var tempClientLogin ='<FORM NAME="ClientLogin" ACTION="/security/VerifyLogin.cfm" METHOD="POST"><table border=0 cellpadding="2" cellpadding="2" style=" background-color:cccccc;width:300px;height:100px;" class="text"><TR bgcolor="666666"><Td colspan="2" align="center"><b>HOK CLIENT LOGIN</b></Td><TR><TD style="color:333333;">Password: </TD><TD><INPUT TYPE="PASSWORD" NAME="password" SIZE=20 MAXLENGTH=40 class="text" style="color:333333;"></TD></TR><TR><TD COLSPAN=2 ALIGN="CENTER"><INPUT  NAME="Login" TYPE="SUBMIT" VALUE="OK" style="color:333333;" class="text"><INPUT  NAME="Cancel" TYPE="BUTTON" VALUE="Cancel" OnClick="HideLoginPanel();" style="color:333333;" class="text"></TD></TR></TABLE></FORM>'


function displayLogin()
{	
	var objLayer = ht_getLayerObj("LoginPanel", null);
	var left = 300;
	var top = 300;
	var width = 300;
	var height = 100;	
	ht_setLayerVisiblility(objLayer, false);
	ht_setLayerPosition(objLayer, top, left);
	ht_setLayerResize(objLayer, width, height);
	
	if (isIE)
	{
		document.all.LoginPanel.innerHTML = tempClientLogin;
	}
	else if (isNS)
	{	
		var new_table = tempClientLogin;

		ht_setLayerContent(objLayer, new_table);
	}
	ht_setLayerVisiblility(objLayer, true);
}

function HideLoginPanel()
{
	var objLayer = ht_getLayerObj("LoginPanel", null);
	ht_setLayerVisiblility(objLayer, false);
}
	ht_beginLayer(window,'LoginPanel',70,HT_cHide,300,300,64,64,'bgcolor="navy"','border:outset; background-color:cccccc;');
	ht_endLayer(window);

function openWindow(tempURL){
	newWindow = openWin(tempURL, '','width=600,height=500,toolbar=1,location=1,directories=1,status=1,menuBar=1,scrollBars=1,resizable=1');
	newWindow.focus();
}
	
function openWin( windowURL, windowName, windowFeatures ) { 
	return window.open( windowURL, windowName, windowFeatures ) ; 
} 

function goTo(tempURL){
	location.href=tempURL;
}

function popContacts() 
{
	window.open('/ContactHOK.htm', 'ContactWindow', 'toolbar="no",menubar="no",width=355,height=350');
}

// end of code for bottom strip menu