//-------------------------------------------------------------------
menuNamesArray = new Array("2006 Display<br>Architecture + Design<br>Museum",
							"2006 TAG Heuer<br>Shanghai<br>Photography Exhibit<br>Installation",
							"2005 Nerve Center<br>Pavilion, Mumbai",
							"2005 ZigZag House",
							"2005 Alabama<br>Fountain",
							"2005 Flight 93<br>Competition Entry",
							"2003-2004 The Dome<br>Arclight Cinemas",
							"2004 Haptic Space<br>(or the dressing room)",
							"2004 Floratile<br>24&#148; Wall Panel Prototype",
							"2004 Mixed Use<br>Development Study<br>for 4th and Main",
							"2004 Park Proposal<br>Connecting the City<br>Library to<br>the LA River",
							"2003 Mobile Arcade<br>A Project<br>for Downtown LA",
							"2002 Billabong<br>Flagship Store<br>Media Wall",
							"1999 Experience<br>Music Project",
							"1998 Mobius, Inc.<br>Interactive Trade Show<br>Kiosk",
							"1998 MGM Grand Hotel");
menuUrlsArray = new Array("iframe_4-newblood.html",
							"iframe_4-tagshanghai.html",
							"iframe_4-nervecenter.html",
							"iframe_4-zigzag.html",
							"iframe_4-alabamafountain.html",
							"iframe_4-flight93.html",
							"iframe_4-arclight.html",
							"iframe_4-haptic.html",
							"iframe_4-panel.html",
							"iframe_4-4thmain.html",
							"iframe_4-parkla.html",
							"iframe_4-mobilearcade.html",
							"iframe_4-billabong.html",
							"iframe_4-emp.html",
							"iframe_4-mobius.html",
							"iframe_4-mgm.html");
//-------------------------------------------------------------------
myMenuSelection = -1;
	myURL = document.location.href;
	for(x=0;x<menuUrlsArray.length;x++){
		if(myURL.search(menuUrlsArray[x])!= -1){
			myMenuSelection = x;
		}
	}
//-------------------------------------------------------------------
myMenuHead = '<table border="0" cellspacing="0" cellpadding="0">'
if(myMenuSelection != -1){
myMenuHead = myMenuHead +'<tr height="15"><td valign="top" height="15"><span class="caption"><font color="#990000"><a href="iframe_4.html" target="_self" onfocus="this.blur();">Overview</a></font></span></td></tr>'; 
} else {
myMenuHead = myMenuHead +'<tr height="15"><td valign="top" height="15"><span class="caption"><font color="#990000">Overview</font></span></td></tr>'; 
}

myMenuHead = myMenuHead + '<tr height="15"><td valign="top" height="15"><img src="images/common/spacer.gif" height="31" width="135" border="0"></td></tr>'
+'<tr height="15"><td valign="top" height="15"><span class="caption">Projects Lists:</span></td></tr>'
+'<tr><td>'
+'<table border="0" cellspacing="0" cellpadding="0">'
+'<tr><td width="15"><a onmouseover="rolloverProjectList(\'1\',\'projectlist_1-hot.gif\');return true;" onmouseout="rolloverProjectList(\'1\',\'projectlist_1.gif\');return true;" href="javascript:selectProjectList(\'1\',\'projectlist_1-hot.gif\');" onfocus="this.blur();"><img id="projectlist_1" src="images/common/projectlist_1.gif" alt="" name="projectlist_1" height="15" width="15" border="0"></a></td>'
+'<td width="5"><img src="images/common/spacer.gif" alt="" height="15" width="5" border="0"></td>'
+'<td width="15"><a onmouseover="rolloverProjectList(\'2\',\'projectlist_2-hot.gif\');return true;" onmouseout="rolloverProjectList(\'2\',\'projectlist_2.gif\');return true;" href="javascript:selectProjectList(\'2\',\'projectlist_2-hot.gif\');" onfocus="this.blur();"><img id="projectlist_2" src="images/common/projectlist_2.gif" alt="" name="projectlist_2" height="15" width="15" border="0"></a></td>'
+'<td width="5"><img src="images/common/spacer.gif" alt="" height="15" width="5" border="0"></td>'
+'<td width="15"><a onmouseover="rolloverProjectList(\'3\',\'projectlist_3-hot.gif\');return true;" onmouseout="rolloverProjectList(\'3\',\'projectlist_3.gif\');return true;" href="javascript:selectProjectList(\'3\',\'projectlist_3-hot.gif\');" onfocus="this.blur();"><img name="projectlist_3" id="projectlist_3" src="images/common/projectlist_3.gif" alt="" height="15" width="15" border="0"></a></td>'
+'<td width="5"><img src="images/common/spacer.gif" alt="" height="15" width="5" border="0"></td>'
+'</tr></table>'
+'</td></tr>'
+'<tr><td><img src="images/common/spacer.gif" height="10" width="135" border="0"></td></tr>'
+'</table>';
//+'<td width="15"><a onmouseover="rolloverProjectList(\'3\',\'projectlist_3-hot.gif\');return true;" onmouseout="rolloverProjectList(\'3\',\'projectlist_3.gif\');return true;" href="javascript:selectProjectList(\'3\',\'projectlist_3-hot.gif\');" onfocus="this.blur();"><img name="projectlist_3" id="projectlist_3" src="images/common/projectlist_3.gif" alt="" height="15" width="15" border="0"></a></td>'
//+'<td width="5"><img src="images/common/spacer.gif" alt="" height="15" width="5" border="0"></td>'
//+'<td width="15"><a onmouseover="rolloverProjectList(\'4\',\'projectlist_4-hot.gif\');return true;" onmouseout="rolloverProjectList(\'4\',\'projectlist_4.gif\');return true;" href="javascript:selectProjectList(\'4\',\'projectlist_4-hot.gif\');" onfocus="this.blur();"><img name="projectlist_4" id="projectlist_4" src="images/common/projectlist_4.gif" alt="" height="15" width="15" border="0"></a></td>'

document.getElementById('menuHead').innerHTML = myMenuHead;
//-------------------------------------------------------------------
document['projectlist_1'].src = 'images/common/projectlist_1-hot.gif';
selectedProjectList = 1;
projectLists = new Array([0,4],[6,11],[12,15]);
//-------------------------------------------------------------------
for(x=0;x<projectLists.length;x++){
	if(myMenuSelection>=projectLists[x][0] && myMenuSelection<=projectLists[x][1]){
		document['projectlist_1'].src = 'images/common/projectlist_1.gif';
		document['projectlist_2'].src = 'images/common/projectlist_2.gif';
		document['projectlist_3'].src = 'images/common/projectlist_3.gif';
		//document['projectlist_4'].src = 'images/common/projectlist_4.gif';
		document['projectlist_' + (x+1)].src = 'images/common/projectlist_' + (x+1) + '-hot.gif';
		selectedProjectList = x+1;
	}
}

//-------------------------------------------------------------------
function rolloverProjectList(arg1,arg2){
	if(selectedProjectList != arg1){
		document['projectlist_' + arg1].src = 'images/common/' + arg2;
	}
}
function selectProjectList(arg1,arg2){
	if(selectedProjectList != arg1){
		document['projectlist_1'].src = 'images/common/projectlist_1.gif';
		document['projectlist_2'].src = 'images/common/projectlist_2.gif';
		document['projectlist_3'].src = 'images/common/projectlist_3.gif';
		//document['projectlist_4'].src = 'images/common/projectlist_4.gif';
	
		document['projectlist_' + arg1].src = 'images/common/' + arg2;
		selectedProjectList = arg1;
		buildMenu();
	}
}
//-------------------------------------------------------------------
function buildMenu(){
myMenu="<table border='0' cellspacing='0' cellpadding='0' width='135'>";
for(x=projectLists[selectedProjectList-1][0];x<=projectLists[selectedProjectList-1][1];x++){
	myMenu = myMenu + "<tr><td valign='top' width='135'><span class='caption'><font color='#990000'>"; 
	if(myMenuSelection!=x){
		myMenu = myMenu + "<a href='" + menuUrlsArray[x] + "' target='_self' onfocus='this.blur();'>" + menuNamesArray[x] + "</a>";
	}else{
		myMenu = myMenu + menuNamesArray[x];
	}
	myMenu = myMenu + "</font></span></td></tr><tr><td valign='top' width='135'><img src='images/common/spacer.gif' alt='' height='7' width='135' border='0'></td></tr>";
}
myMenu = myMenu + "</table>";
document.getElementById('menuContent').innerHTML = myMenu;

}
buildMenu();