// Change images in the following lines.  
image1 = '<img src="/images/img_logobar/beaverdam.jpg" width="95" height="71" border="0" alt="Beaver Dam on Bench Creek, Idaho (uploaded by W. Wurtsbaugh)" title="Beaver Dam on Bench Creek, Idaho (uploaded by W. Wurtsbaugh)">';
image2 = '<img src="/images/img_logobar/alvinlaunch.jpg" width="95" height="71" border="0" alt="Launching the Alvin submersible from the R/V Atlantis (uploaded by M. Vardaro)" title="Launching the Alvin submersible from the R/V Atlantis (uploaded by M. Vardaro)">';
image3 = '<img src="/images/img_logobar/tintinnid.jpg" width="107" height="71" border="0" alt="Tintinnid ciliate from NW Mediterranean waters (uploaded by A. Calbet)" title="Tintinnid ciliate from NW Mediterranean waters (uploaded by A. Calbet)">';
image4 = '<img src="/images/img_logobar/twinlakes.jpg" width="107" height="71" border="0" alt="Twin Lakes, Idaho, in the scenic Sawtooth Wilderness Area (uploaded by W. Wurtsbaugh)" title="Twin Lakes, Idaho, in the scenic Sawtooth Wilderness Area (uploaded by W. Wurtsbaugh)">';  
image5 = '<img src="/images/img_logobar/winterpugetsound.jpg" width="95" height="71" border="0" alt="King County winter fieldwork on the RV Liberty on Puget Sound (uploaded by K. Li)" title="King County winter fieldwork on the RV Liberty on Puget Sound (uploaded by K. Li)">';
image6 = '<img src="/images/img_logobar/greenseaturtle.jpg" width="95" height="71" border="0" alt="Green sea turtle, Hanauma Bay, Oahu (uploaded by P. Kemp)" title="Green sea turtle, Hanauma Bay, Oahu (uploaded by P. Kemp)">';
image7 = '<img src="/images/img_logobar/healy_arctic.jpg" width="95" height="71" border="0" alt="View from the USCGC Healy in the Chukchi Sea (uploaded by vhill)" title="View from the USCGC Healy in the Chukchi Sea (uploaded by vhill)">';

// Don"t forget to adjust total length of image sequence in the lines below
output1280 = '<div id="LayerBldng" style="position:absolute; left:438px; top:0px; width:689px; z-index:1"><A HREF="http://www.aslo.org/education/library.html">';
output1024 = '<div id="LayerBldng" style="position:absolute; left:438px; top:0px; width:594px; z-index:1"><A HREF="http://www.aslo.org/education/library.html">';
output800 = '<div id="LayerBldng" style="position:absolute; left:438px; top:0px; width:499px; z-index:1"><A HREF="http://www.aslo.org/education/library.html">';
outputold = '<div id="LayerBldng" style="position:absolute; left:438px; top:0px; width:396px; z-index:1"><A HREF="http://www.aslo.org/education/library.html">';
outputother = '<div id="LayerBldng" style="position:absolute; left:438px; top:0px; width:594px; z-index:1"><A HREF="http://www.aslo.org/education/library.html">';

// The rest of this loads the logo layers in short strings to keep under 255 characters.  Note that the old Netscape browsers have a slightly different positioning of the search box, 1 pixel higher.

outputclose ='</a></div><div id="LayerLogo" style="position:absolute; left:0px; top:0px; width:437px; z-index:4"><A HREF="/"><IMG SRC="/images/img_main/newlogo.jpg" WIDTH="437" HEIGHT="70" BORDER="0" ALT="ASLO: Association for the Sciences of Limnology and Oceanography"></A></div>';
outputclose +='<div id="LayerMail" style="position:absolute; left:439px; top:72px; width:60px; z-index:1"><a href="mailto:webeditor@aslo.org"><img src="/images/img_portmain/pkmn_mail.gif" width="30" height="20" alt="Send us Mail" border="0"></a><a href="https://www.facebook.com/group.php?gid=6579841375"><img src="/images/img_portmain/fb.jpg" width="20" height="20" alt="Find Us On Facebook" border="0"></a></div>';

outputcloseold = outputclose+'<div id="LayerSearch" style="position:absolute; left:175px; top:72px; z-index:1"><A HREF="/search.html"><img src="/images/img_portmain/pk_search.gif" border="0" alt="Search Site"></A></div>';

outputclose +='<div id="LayerSearch" style="position:absolute; left:175px; top:72px; z-index:1"><A HREF="/search.html"><img src="/images/img_portmain/pk_search.gif" border="0" alt="Search Site"></A></div>';



// Finally, we check for browser version and screen size and write the appropriate logobar into the page
if (browser.isNS6up || browser.isIE5up) {
//six images for large screen with new browsers
	if (screen.width>='1280') {
		images = image1+image2+image3+image4+image5+image6+image7;
		output = output1280+images+outputclose;
		document.write(output);
	}
//five images for 1024 screen with new browsers
	if (screen.width>='1024') {
		images = image1+image2+image3+image4+image5+image6;
		output = output1024+images+outputclose;
		document.write(output);
	} 	
//four images for smaller screens but new browsers
	if (!(screen.width>='800')) {
		images = image1+image2+image3+image4;
		output = output800+images+outputclose;
		document.write(output);
	}
}
// for older and non-NS browsers
else {
// browser is netscape but v4.7 or earlier
	if (browser.isNS) {
//three images for old Netscape browsers, because of the image wrapping problem
			images = image1+image2+image3+image4;
			output = outputold+images+outputcloseold;
			document.write(output);
	 } else {
//five images for everything else (not netscape, not newer IE)
			images = image1+image2+image3+image4+image5+image6;
			output = outputother+images+outputclose;
			document.write(output);
	 }
}



