<!--
// ROOT
if ( (self.location.href.indexOf('info/')!=-1) || (self.location.href.indexOf('exhibits/')!=-1) || (self.location.href.indexOf('events/')!=-1) || (self.location.href.indexOf('collection/')!=-1) || (self.location.href.indexOf('contribute/')!=-1) || (self.location.href.indexOf('education/')!=-1) || (self.location.href.indexOf('globals/')!=-1)  ||
(self.location.href.indexOf('database/')!=-1) || (self.location.href.indexOf('calendar/')!=-1) || (self.location.href.indexOf('admin/')!=-1)  ) {
	root='../';		
} else {
	root='';
}

//---------------------------------------------------------------------------------------------------------
// dhtml lib

isNav=false;
isW3C=false;
isExp=false;
isOpera=false;
isNOT=false;
isMac=false;

// Detect browser and define pre/suf-fixes
browser=navigator.appName;
version=navigator.appVersion;
useragent=navigator.userAgent;
Vmajor=parseInt(navigator.appVersion);
Vminor=parseFloat(navigator.appVersion);

if (useragent.indexOf('Opera') != -1) {
	isOpera=true;
	pre='all';
	suff='.style';
}
else if (browser=="Netscape") {
	if (Vmajor==4)
	{
		isNav=true; pre='layers.'; suf='';
	}
	else if (Vmajor==5)	isW3C=true;
	else isNOT=true;
}
else if (browser=="Microsoft Internet Explorer") {
	if ( version.indexOf('MSIE 5.0; Macintosh;') != -1 )  {
		isExp=true;
		pre='all.';
		suf='.style';
	}
	// IE 4 to 5.5 return 4 as the version
	else if ( (Vmajor==4) ) {
		isExp=true;
		pre='all.';
		suf='.style';
	}
	else isNOT=true;
}

if (version.indexOf('Mac') != -1) isMac=true;

if (isNav && Vminor>4.08 ) {
 	document.captureEvents(Event.RESIZE);
 	window.onresize=resizeH;
}


function resizeH()
{
	window.location.reload();
	return true;
}

function Showlayer(which,how) {
	if (isNav || isExp) {
		eval ('document.'+pre+which+suf+'.visibility="'+how+'"');
		return;
	}
	else if (isW3C || isOpera) {
		obj=document.getElementById(which);
		obj.style.visibility=how;
	}
}

function Movelayer(which,x,y) {
	if (isExp)	{
		eval ('document.'+pre+which+suf+'.pixelLeft='+x);
		eval ('document.'+pre+which+suf+'.pixelTop='+y);
		return;
	}
	else if (isNav) {
		eval ('document.'+which+'.moveTo('+x+','+y+')');
		return;
	}
	else if (isW3C) {
		obj=document.getElementById(which);
		obj.style.left=x+'px';
		obj.style.top=y+'px';	
		return;
	}
	else if (isOpera) {
		obj=document.getElementById(which);
		obj.style.left=x;
		obj.style.top=y;	
	}
}

function getwindowWidth() {
	if (isExp) {
		return document.body.clientWidth;
	}
	else if (isNav || isW3C || isOpera) {
		return window.innerWidth;
	}
}

function getwindowHeight() {
	if (isExp) {
		return document.body.clientHeight;
	}
	else if (isNav || isW3C || isOpera) {
		return window.innerHeight;
	}
}

	

//---------------------------------------------------------------------------------------------------------
// menu

Menus=new Array(
	{x:231,y:61,w:118,h:209,name:'Info',bgcolor:'#99CC99'},
	{x:329,y:61,w:118,h:90,name:'Exhibits',bgcolor:'#CCCC66'},		
	{x:405,y:61,w:118,h:124,name:'Events',bgcolor:'#749EC8'},
	{x:464,y:61,w:118,h:226,name:'Collection',bgcolor:'#749EC8'},
	{x:544,y:61,w:118,h:124,name:'Education',bgcolor:'#79ACAC'},
	{x:626,y:61,w:118,h:124,name:'Contribute',bgcolor:'#CC9966'}
);

sectionN=0;
currentMenu=0;
currentSelection=-1;
currentSection=-1;
currentPage=-1;
positioned=0;
highlightcode='';
artworkcode='';



if (currentSection!=-1) {
		highlightcode='<DIV ID="HighBar"><table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td bgcolor="'+Menus[sectionN].bgcolor+'"><img src="'+root+'images/ghost.gif" width="1" height="3" alt="" border="0"></td></tr></table></DIV>'+"\n";
		highlightcode+='<DIV ID="HighBlock"><table width="'+Menus[sectionN].w+'" cellspacing="0" cellpadding="0" border="0"><tr><td bgcolor="'+Menus[sectionN].bgcolor+'"><img src="'+root+'images/ghost.gif" width="1" height="5" alt="" border="0"></td></tr></table></DIV>'+"\n";
}
	
function positionMenus() {
	for(i=0; i<Menus.length; i++) {
		ax=Menus[i].x;
		Movelayer(Menus[i].name+'Gray',ax,Menus[i].y+25);
		Movelayer(Menus[i].name+'Black',ax,Menus[i].y+25);
		Movelayer(Menus[i].name+'Top',Menus[i].x,Menus[i].y);
		Movelayer(Menus[i].name+'Menu',ax,Menus[i].y+25);
	}
	if (currentSection!=-1) {
		Showlayer(currentSection+'Top','visible');
		Movelayer('HighBlock',Menus[sectionN].x,99);
	}
	positioned=1;
}
	
function menuOpen(which) {
	if (positioned==0) return;
	if (currentMenu==which) return;
	menuClose();
	currentMenu=which;
	currentSelection=0;
	Showlayer(currentMenu+'Black','hidden');
	Showlayer(currentMenu+'Gray','visible');
	Showlayer(currentMenu+'Menu','visible');			
	Showlayer(currentMenu+'Top','visible');			
}
	
function menuClose() {
	if (currentMenu) {
		Showlayer(currentMenu+'Black','hidden');
		Showlayer(currentMenu+'Gray','hidden');
		Showlayer(currentMenu+'Menu','hidden');			
		if (currentMenu != currentSection) Showlayer(currentMenu+'Top','hidden');			
	}
	currentMenu='';
}
	
function menuHighlight(menu,which) {
	if (Menus[menu].x2!=null) ax=Menus[menu].x2;
	else ax=Menus[menu].x;

	Movelayer(Menus[menu].name+'Black',ax,Menus[menu].y+which*17+30);
	Showlayer(Menus[menu].name+'Black','visible');
	currentSelection=which;
}
	
function menuOff() {
	currentSelection=-1;
	setTimeout('checkMenu()',1500);
}
	
function checkMenu() {
	if (currentSelection==-1) {
		menuClose();
	}
}
	

//---------------------------------------------------------------------------------------------------------
// document.writeln portion

// HIGHTLIGHT
document.writeln(highlightcode);

// MAIN BANNER	
document.writeln("\n"+'<div id="MenuMain"><table cellspacing="0" cellpadding="0" border="0" width="100%"><tr valign="top"><td width="749"><img src="'+root+'images/col_header.gif" width="760" height="86" alt="" border="0" usemap="#mainmap"></td>'+"\n"+'<td width="100%" background="'+root+'images/col_nav_bkg.gif">&nbsp;</td></tr></table><map name="mainmap"><area alt="The Dayton Art Institute | Home"  coords="0,0,760,60" href="'+root+'index.html" onMouseOver="menuOff()" shape="RECT">'+"\n"+'<area href="javascript:void(0)" onMouseOver="javascript:menuClose()" coords="0,74,94,99" shape="RECT">'+"\n"+'<area alt="Info" href="javascript:void(0)" onMouseOver="menuOpen(\'Info\')" coords="230,62,309,84" shape="RECT">'+"\n"+'<area alt="Exhibits" href="javascript:void(0)" onMouseOver="menuOpen(\'Exhibits\')" coords="322,62,392,84" shape="RECT">'+"\n"+'<area alt="Events" href="javascript:void(0)" onMouseOver="menuOpen(\'Events\')" coords="405,62,451,84" shape="RECT">'+"\n"+'<area alt="Collection" href="javascript:void(0)" onMouseOver="menuOpen(\'Collection\')" coords="462,62,534,84" shape="RECT">'+"\n"+'<area alt="Contribute" href="javascript:void(0)" onMouseOver="menuOpen(\'Contribute\')" coords="621,62,693,84" shape="RECT">'+"\n"+'<area alt="Education" href="javascript:void(0)" onMouseOver="menuOpen(\'Education\')" coords="543,62,609,84" shape="RECT"></map></div>'+"\n");

// INFO
document.writeln('<div id="InfoGray" class="menuItem" ><img src="'+root+'images/gray.gif" width="118" height="209" alt="" border="0"></div>'+"\n"+'<div id="InfoBlack" class="menuItem"><img src="'+root+'images/pixel_visit.gif" width="118" height="16" alt="" border="0"></div>'+"\n"+'<div id="InfoTop" class="menuItem" ><A HREF="javascript:void(0)" onMouseOver="menuOpen(\'Info\')"><img src="'+root+'images/info_on.gif" width="77" height="27" alt="" border="0"></A></div>'+"\n"+'<div id="InfoMenu" class="menuItem"><img src="'+root+'images/info_drop.gif" width="118" height="209" alt="" border="0" usemap="#infoMap"></div>'+"\n"+'<map name="infoMap">'+"\n"+'<area alt="Museum History" href="'+root+'info/history.html" onMouseOver="menuHighlight(0,0)" onMouseOut="menuOff()" coords="0,5,118,21" shape="rect">'+"\n"+'<area alt="General Information" href="'+root+'info/general.html" onMouseOver="menuHighlight(0,1)" onMouseOut="menuOff()" coords="0,22,104,38" shape="rect">'+"\n"+'<area alt="Tours" href="'+root+'info/tours.html" onMouseOver="menuHighlight(0,2)" onMouseOut="menuOff()" coords="0,39,104,55" shape="rect">'+"\n"+'<area alt="Membership" href="'+root+'info/membership.html" onMouseOver="menuHighlight(0,3)" onMouseOut="menuOff()" coords="0,56,104,72" shape="rect">'+"\n"+'<area alt="Volunteering" href="'+root+'info/volunteering.html" onMouseOver="menuHighlight(0,4)" onMouseOut="menuOff()" coords="0,73,118,89" shape="rect">'+"\n"+'<area alt="Rental" href="'+root+'info/rental.html" onMouseOver="menuHighlight(0,5)" onMouseOut="menuOff()" coords="0,90,118,106" shape="rect">'+"\n"+'<area alt="News" href="'+root+'info/news.html" onMouseOver="menuHighlight(0,6)" onMouseOut="menuOff()" coords="0,107,118,123" shape="rect">'+"\n"+'<area alt="Jobs" href="'+root+'info/jobs.html" onMouseOver="menuHighlight(0,7)" onMouseOut="menuOff()" coords="0,124,118,140" shape="rect">'+"\n"+'<area alt="Questions" href="'+root+'info/questions.html" onMouseOver="menuHighlight(0,8)" onMouseOut="menuOff()" coords="0,141,118,157" shape="rect">'+"\n"+'<area alt="Contacts" href="'+root+'info/contacts.html" onMouseOver="menuHighlight(0,9)" onMouseOut="menuOff()" coords="0,158,118,174" shape="rect">'+"\n"+'<area alt="Contacts" href="'+root+'info/report.html" onMouseOver="menuHighlight(0,10)" onMouseOut="menuOff()" coords="0,175,118,192" shape="rect">'+"\n"+'<area alt="Board of Trustees" href="'+root+'info/Board_of_trustees.html" onMouseOver="menuHighlight(0,11)" onMouseOut="menuOff()" coords="0,193,118,209" shape="rect"></map>'+"\n");

// EXHIBITS
document.writeln('<div id="ExhibitsGray" class="menuItem"><img src="'+root+'images/gray.gif" width="118" height="90" alt="" border="0"></div>'+"\n"+'<div id="ExhibitsBlack" class="menuItem"><img src="'+root+'images/pixel_visit.gif" width="118" height="16" alt="" border="0"></div>'+"\n"+'<div id="ExhibitsTop" class="menuItem"><A HREF="javascript:void(0)" onMouseOver="menuOpen(\'Exhibits\')"><img src="'+root+'images/exhibits_on.gif" width="68" height="27" alt="" border="0"></A></div>'+"\n"+'<div id="ExhibitsMenu" class="menuItem"><img src="'+root+'images/exhibits_drop.gif" width="118" height="90" alt="" border="0" usemap="#exhibitsMap"></div>'+"\n"+'<map name="exhibitsMap">'+"\n"+'<area alt="Exhibitions" href="'+root+'exhibits/current.html" onMouseOver="menuHighlight(1,0)" onMouseOut="menuOff()" coords="0,5,118,21" shape="rect"><area alt="Special Projects" href="'+root+'exhibits/special_projects.html" onMouseOver="menuHighlight(1,1)" onMouseOut="menuOff()" coords="0,22,118,38" shape="rect">'+"\n"+'<area alt="Gallery Changes" href="'+root+'exhibits/gallery_changes.html" onMouseOver="menuHighlight(1,2)" onMouseOut="menuOff()" coords="0,39,118,55" shape="rect">'+"\n"+'<area alt="Experiencenter" href="'+root+'exhibits/experiencenter.html" onMouseOver="menuHighlight(1,3)" onMouseOut="menuOff()" coords="0,56,118,72" shape="rect">'+"\n"+'<area alt="Tickets" href="'+root+'exhibits/tickets.html" onMouseOver="menuHighlight(1,4)" onMouseOut="menuOff()" coords="0,73,118,89" shape="rect"></map>'+"\n");

// EVENTS
document.writeln('<div id="EventsGray" class="menuItem"><img src="'+root+'images/gray.gif" width="118" height="124" alt="" border="0"></div>'+"\n"+'<div id="EventsBlack" class="menuItem"><img src="'+root+'images/pixel_visit.gif" width="118" height="16" alt="" border="0"></div>'+"\n"+'<div id="EventsTop" class="menuItem"><A HREF="javascript:void(0)" onMouseOver="menuOpen(\'Events\')"><img src="'+root+'images/events_on.gif" width="49" height="27" alt="" border="0"></A></div>'+"\n"+'<div id="EventsMenu" class="menuItem"><img src="'+root+'images/events_drop.gif" width="118" height="124" alt="" border="0" usemap="#eventsMap"></div>'+"\n"+'<map name="eventsMap">'+"\n"+'<area alt="Calendar" href="'+root+'events/calendar.html" onMouseOver="menuHighlight(2,0)" onMouseOut="menuOff()" coords="0,5,118,21" shape="rect"><area alt="Oktoberfest" href="'+root+'events/oktoberfest.html" onMouseOver="menuHighlight(2,1)" onMouseOut="menuOff()" coords="0,22,118,38" shape="rect">'+"\n"+'<area alt="Art Ball" href="'+root+'events/artball.html" onMouseOver="menuHighlight(2,2)" onMouseOut="menuOff()" coords="0,39,118,55" shape="rect">'+"\n"+'<area alt="Vanguard" href="'+root+'events/vanguard.html" onMouseOver="menuHighlight(2,3)" onMouseOut="menuOff()" coords="0,56,118,72" shape="rect">'+"\n"+'<area alt="Music at the Museum" href="'+root+'events/music.html" onMouseOver="menuHighlight(2,4)" onMouseOut="menuOff()" coords="0,73,118,89" shape="rect">'+"\n"+'<area alt="Films at the Museum" href="'+root+'events/films.html" onMouseOver="menuHighlight(2,5)" onMouseOut="menuOff()" coords="0,90,118,106" shape="rect">'+"\n"+'<area alt="Special Events" href="'+root+'events/specialevents.html" onMouseOver="menuHighlight(2,6)" onMouseOut="menuOff()" coords="0,107,118,123" shape="rect"></map>'+"\n");

// COLLECTION
document.writeln('<div id="CollectionGray" class="menuItem"><img src="'+root+'images/gray.gif" width="118" height="226" alt="" border="0"></div>'+"\n"+'<div id="CollectionBlack" class="menuItem"><img src="'+root+'images/pixel_visit.gif" width="118" height="16" alt="" border="0"></div>'+"\n"+'<div id="CollectionTop" class="menuItem"><A HREF="javascript:void(0)" onMouseOver="menuOpen(\'Collection\')"><img src="'+root+'images/collection_on.gif" width="68" height="27" alt="" border="0"></A></div>'+"\n"+'<div id="CollectionMenu" class="menuItem"><img src="'+root+'images/collection_drop.gif" width="118" height="226" alt="" border="0" usemap="#collectionMap"></div>'+"\n"+'<map name="collectionMap">'+"\n"+'<area alt="African" href="'+root+'collection/african.html" onMouseOver="menuHighlight(3,0)" onMouseOut="menuOff()" coords="0,5,118,21" shape="rect">'+"\n"+'<area alt="American" href="'+root+'collection/american.html" onMouseOver="menuHighlight(3,1)" onMouseOut="menuOff()" coords="0,22,118,38" shape="rect">'+"\n"+'<area alt="Ancient Art" href="'+root+'collection/ancient.html" onMouseOver="menuHighlight(3,2)" onMouseOut="menuOff()" coords="0,39,118,55" shape="rect">'+"\n"+'<area alt="Asian" href="'+root+'collection/asian.html" onMouseOver="menuHighlight(3,3)" onMouseOut="menuOff()" coords="0,56,118,72" shape="rect">'+"\n"+'<area alt="European" href="'+root+'collection/european.html" onMouseOver="menuHighlight(3,4)" onMouseOut="menuOff()" coords="0,73,118,89" shape="rect">'+"\n"+'<area alt="Glass" href="'+root+'collection/glass.html" onMouseOver="menuHighlight(3,5)" onMouseOut="menuOff()" coords="0,90,118,106" shape="rect">'+"\n"+'<area alt="Native American" href="'+root+'collection/nativeamerican.html" onMouseOver="menuHighlight(3,6)" onMouseOut="menuOff()" coords="0,107,118,123" shape="rect">'+"\n"+'<area alt="Oceanic" href="'+root+'collection/oceanic.html" onMouseOver="menuHighlight(3,7)" onMouseOut="menuOff()" coords="0,124,118,140" shape="rect">'+"\n"+'<area alt="Photography" href="'+root+'collection/photography.html" onMouseOver="menuHighlight(3,8)" onMouseOut="menuOff()" coords="0,141,118,157" shape="rect">'+"\n"+'<area alt="Pre-Columbian" href="'+root+'collection/precolumbian.html" onMouseOver="menuHighlight(3,9)" onMouseOut="menuOff()" coords="0,158,118,174" shape="rect">'+"\n"+'<area alt="New Acquisitions" href="'+root+'collection/newacquisitions.html" onMouseOver="menuHighlight(3,10)" onMouseOut="menuOff()" coords="0,175,118,191" shape="rect">'+"\n"+'<area alt="Access Art" href="'+root+'collection/accessart.html" onMouseOver="menuHighlight(3,11)" onMouseOut="menuOff()" coords="0,192,118,208" shape="rect">'+"\n"+'<area alt="Outdoor Sculpture" href="'+root+'collection/outdoor_sculpture.html" onMouseOver="menuHighlight(3,12)" onMouseOut="menuOff()" coords="0,209,118,226" shape="rect"></map>'+"\n");

// EDUCATION
document.writeln('<div id="EducationGray" class="menuItem"><img src="'+root+'images/gray.gif" width="118" height="124" alt="" border="0"></div>'+"\n"+'<div id="EducationBlack" class="menuItem"><img src="'+root+'images/pixel_visit.gif" width="118" height="16" alt="" border="0"></div>'+"\n"+'<div id="EducationTop" class="menuItem"><A HREF="javascript:void(0)" onMouseOver="menuOpen(\'Education\')"><img src="'+root+'images/education_on.gif" width="68" height="27" alt="" border="0"></A></div>'+"\n"+'<div id="EducationMenu" class="menuItem"><img src="'+root+'images/education_drop.gif" width="118" height="124" alt="" border="0" usemap="#educationMap"></div>'+"\n"+'<map name="educationMap">'+"\n"+'<area alt="Youth and Family" href="'+root+'education/family.html" onMouseOver="menuHighlight(4,0)" onMouseOut="menuOff()"  coords="0,5,118,21" shape="rect">'+"\n"+'<area alt="Adult Programs" href="'+root+'education/adult.html" onMouseOver="menuHighlight(4,1)" onMouseOut="menuOff()" coords="0,22,118,38" shape="rect">'+"\n"+'<area alt="Educator" href="'+root+'education/educator.html" onMouseOver="menuHighlight(4,2)" onMouseOut="menuOff()" coords="0,39,118,55" shape="rect">'+"\n"+'<area alt="Reference Library" href="'+root+'education/library.html" onMouseOver="menuHighlight(4,3)" onMouseOut="menuOff()" coords="0,56,118,72" shape="rect">'+"\n"+'<area alt="Plan a Tour" href="'+root+'education/plantour.html" onMouseOver="menuHighlight(4,4)" onMouseOut="menuOff()" coords="0,73,118,89" shape="rect">'+"\n"+'<area alt="Special Opportunities" href="'+root+'education/special.html" onMouseOver="menuHighlight(4,5)" onMouseOut="menuOff()" coords="0,90,118,106" shape="rect">'+"\n"+'<area alt="Education Department" href="'+root+'education/edudept.html" onMouseOver="menuHighlight(4,6)" onMouseOut="menuOff()" coords="0,107,118,123" shape="rect"></map>'+"\n");

// CONTRIBUTE
document.writeln('<div id="ContributeGray" class="menuItem"><img src="'+root+'images/gray.gif" width="118" height="124" alt="" border="0"></div>'+"\n"+'<div id="ContributeBlack" class="menuItem"><img src="'+root+'images/pixel_visit.gif" width="118" height="16" alt="" border="0"></div>'+"\n"+'<div id="ContributeTop" class="menuItem"><A HREF="javascript:void(0)" onMouseOver="menuOpen(\'Contribute\')"><img src="'+root+'images/support_on.gif" width="73" height="27" alt="" border="0"></A></div>'+"\n"+'<div id="ContributeMenu" class="menuItem"><img src="'+root+'images/support_drop.gif" width="118" height="124" alt="" border="0" usemap="#contributeMap"></div>'+"\n"+'<map name="contributeMap">'+"\n"+'<area alt="Membership" href="'+root+'support/membership.html" onMouseOver="menuHighlight(5,0)" onMouseOut="menuOff()" coords="0,5,118,21" shape="rect"><area alt="Annual Fund" href="'+root+'support/annualfund.html" onMouseOver="menuHighlight(5,1)" onMouseOut="menuOff()" coords="0,22,118,38" shape="rect">'+"\n"+'<area alt="Corporate Membership" href="'+root+'support/corporate.html" onMouseOver="menuHighlight(5,2)" onMouseOut="menuOff()" coords="0,39,118,55" shape="rect">'+"\n"+'<area alt="Sponsorship" href="'+root+'support/sponsorship.html" onMouseOver="menuHighlight(5,3)" onMouseOut="menuOff()" coords="0,56,118,72" shape="rect">'+"\n"+'<area alt="Planned Giving" href="'+root+'support/planned.html" onMouseOver="menuHighlight(5,4)" onMouseOut="menuOff()" coords="0,73,118,89" shape="rect">'+"\n"+'<area alt="Young Friends" href="'+root+'support/youngfriends.html" onMouseOver="menuHighlight(5,5)" onMouseOut="menuOff()" coords="0,90,118,106" shape="rect">'+"\n"+'<area alt="Donor Privacy Policy" href="'+root+'support/donorprivacy.html" onMouseOver="menuHighlight(5,6)" onMouseOut="menuOff()" coords="0,107,118,123" shape="rect"></map>'+"\n");

// SEARCH
document.writeln('<div id="searchblock">');
document.writeln('<form action="http://daytonartinstitute.org/searchresults.html" id="cse-search-box">');
document.writeln('  <div>');
document.writeln('    <input type="hidden" name="cx" value="partner-pub-8678114043129666:hkevc0j7np3" />');
document.writeln('    <input type="hidden" name="cof" value="FORID:9" />');
document.writeln('    <input type="hidden" name="ie" value="ISO-8859-1" />');
document.writeln('    <input type="text" name="q" size="18" />');
document.writeln('    <input type="submit" name="sa" value="Search" />');
document.writeln('  </div>');
document.writeln('</form>');

document.writeln('<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=en"></script>');

document.writeln('</div>');

document.writeln("<script language=\"Javascript\">\n document.onLoad=positionMenus();\n</script>\n");
//-->
