//-------------------------------------------------------------------
menuNamesArray = new Array("2006 TAG Heuer<br>NY Fashion Week<br>Charity Event<br>Video",
							"2006 TAG Heuer<br>Trade Show<br>Video Wall",
							"2006 Rogue Wave<br>Simulations for<br>the History Channel",
							"2006 Class Act<br>Feature Movie<br>Title Sequence",
							"2005 Biodesign<br>Institute Documentary",
							"2004 Chopard<br>Ad Campaign Launch<br>Video Wall Projection",
							"2004 The Future<br>of Filming in<br>Downtown LA",
							"2004 Bormio<br>World Cup<br>Skiing Video",
							"2004 VivoMetrics<br>3GSM World Congress<br>Video",
							"2004 VivoMetrics<br>First Responder<br>Video",
							"2001 Cult Night Club<br>Video Wall Projection",
							"2000 Tropitone<br>Video Wall Projection",
							"2000 Art4Brains<br>Identity Bumpers",
							"2000 DcH Reel<br>&amp; Personal Projects");
menuUrlsArray = new Array("iframe_3-tagny.html",
							"iframe_3-tagbasel.html",
							"iframe_3-roguewave.html",
							"iframe_3-classact.html",
							"iframe_3-biodesign.html",
							"iframe_3-chopard.html",
							"iframe_3-fadd.html",
							"iframe_3-bormio.html",
							"iframe_3-vivo3gsm.html",
							"iframe_3-vivo_responder.html",
							"iframe_3-cult.html",
							"iframe_3-tropitone.html",
							"iframe_3-a4bbumpers.html",
							"iframe_3-dch.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_3.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,5],[6,11],[12,13]);
//-------------------------------------------------------------------
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();