//-------------------------------------------------------------------
menuNamesArray = new Array("2006 Salman<br>Furniture Web Site",
							"2005 Chopard<br>Print Campaign",
							"2005 ARK Web Site",
							"2004 UltraGlas<br>Web Site",
							"2004 PITCH llc<br>Web Site",
							"2004 The Mayors&#146;<br>Institute on City<br>Design Conference",
							"2003 ArtsGlas<br>Web Site",
							"2003 MMC, Inc.<br>Web Site",
							"2003 MBT<br>Architecture<br>Web Site",
							"2003 Plastic and Foam<br>Chair Design and Renderings",
							"2002 Pacific Interactive<br>Web Site",
							"2001 American<br>Composers Forum<br>Web Site",
							"2000 Art4Brains<br>Web Site",
							"2000 GrokBot<br>Web Site",
							"1997 Microsoft Mint<br>Web Site",
							"1996 Bill Nye<br>The Science Guy<br>CD-Rom",
							"1995 Endangered<br>Species Project<br>Web Site",
							"1994 Disney&#146;s<br>Encyclopedia<br>of Animated<br>Characters CD-Rom",
							"1993 Microsoft&#146;s<br>Multimedia Beatles<br>CD-Rom",
							"1992 The Earth Project<br>CD-Rom");
menuUrlsArray = new Array("iframe_5-salman.html",
							"iframe_5-chopardpixie.html",
							"iframe_5-ark.html",
							"iframe_5-ultraglas.html",
							"iframe_5-pitch.html",
							"iframe_5-mayors.html",
							"iframe_5-artsglas.html",
							"iframe_5-mmc.html",
							"iframe_5-mbt.html",
							"iframe_5-photoreal03.html",
							"iframe_5-pacint.html",
							"iframe_5-acf.html",
							"iframe_5-a4b.html",
							"iframe_5-grokbot.html",
							"iframe_5-mint.html",
							"iframe_5-nye.html",
							"iframe_5-esp.html",
							"iframe_5-dfa.html",
							"iframe_5-beatles.html",
							"iframe_5-earth.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_5.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>'
+'<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>'
+'</tr></table>'
+'</td></tr>'
+'<tr><td><img src="images/common/spacer.gif" height="10" width="135" border="0"></td></tr>'
+'</table>';

document.getElementById('menuHead').innerHTML = myMenuHead;
//-------------------------------------------------------------------
document['projectlist_1'].src = 'images/common/projectlist_1-hot.gif';
selectedProjectList = 1;
projectLists = new Array([0,5],[6,11],[12,17],[18,19]);
//-------------------------------------------------------------------
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();