// JavaScript for Genoa National Fish Hatchery, US Fish and Wildlife Service
// Author: Susan L. Bolander, Webworks7, except where otherwise noted

// Prevent this site from being framed

if (self != top)
{
  top.location = self.location
}


//---------- Verify that page has loaded --------------------------------

// This function is called when the pages have completely loaded, which prevents the MouseOver event from triggering before the groups have been defined (this had been a problem when using Netscape)

var ready = "no";

function done()
{
  ready = "yes";
}

//------------- Pop-Up Menus -----------------------------

var submenus = " "

// ------------------------------
submenus += "<table width='570'  border='0' align='center'><tr><td>"

submenus += "<div align='center' id='menu1' class='nav' style='position: absolute; top: 50px; visibility: hidden;'>"

submenus += "<p align='center'><a href='staff.html' class='NAV'>Staff<\/a> | <a href='volun.html' class='NAV'>Volunteers<\/a> | <a href='friends.html' class='NAV'>Friends<\/a> | <a href='history.html' class='NAV'>History<\/a> | <a href='contact.html' class='NAV'>Contact Us<\/a> | <a href='factsheet.html' class='NAV'>Fact Sheet<\/a> | <a href='news_pubs.html' class='NAV'>News and Publications<\/a><img src='images/empty.gif' height='1' width='1' alt='' \/><\/p><\/div>"

submenus += "</td></tr></table>"

// ------------------------------

submenus += "<table width='570'  border='0' align='center'><tr><td>"

submenus += "<div id='menu2' class='nav' style='position: absolute; top: 50px; visibility: hidden;'>"

submenus += "<p align='center'><a href='coaster_brook_trout.html' class='NAV'>Coaster Brook Trout<\/a> | <A HREF='lake_sturgeon.html' class='NAV'>Lake Sturgeon<\/a> | <a href='mussel_recovery.html' class='NAV'>Endangered Mussel Recovery<\/a><br \/><img src='images/empty.gif' height='1' width='1' alt='' \/><a href='great_lakes_fish.html' class='NAV'>Great Lakes Fish Restoration<\/a> | <a href='sport_fish.html' class='NAV'>Sport Fish Restoration<\/a> | <A HREF='fish_production.html' class='NAV'>Aquatic Species Production<\/a><img src='images/empty.gif' height='1' width='1' alt='' \/><\/p><\/div>"

submenus += "</td></tr></table>"

<!------------------------------------------------------------------------------>

submenus += "<table width='600'  border='0' align='center'><tr><td>"

submenus += "<div id='menu3' class='nav' style='position: absolute; top: 50px; visibility: hidden;'>"

submenus += "<p><a href='location.html' class='NAV'>Location - Climate<\/a> | <A HREF='driving_directions.html' class='NAV'>Driving Directions<\/a> | <a href='events.html' class='NAV'>Kids' Fishing Day<\/a> | <a href='75th_anniversary.html' class='NAV'>75th Anniversary Celebration<\/a><img src='images/empty.gif' height='1' width='1' alt='' \/><\/p><\/div>"

submenus += "</td></tr></table>"

<!------------------------------------------------------------------------------>

submenus += "<table width='370'  border='0' align='center'><tr><td>"

submenus += "<div id='menu4' class='nav' style='position: absolute; top: 50px; visibility: hidden;'>"

submenus += "<p><a href='links.html#agencies' class='NAV'>Government Agencies<\/a> | <A HREF='links.html#org' class='NAV'>Organizations<\/a> | <a href='links.html#software' class='NAV'>Free Software<\/a><img src='images/empty.gif' height='1' width='1' alt='' \/><\/p><\/div>"

submenus += "</td></tr></table>"

<!------------------------------------------------------------------------------>

submenus += "<table width='570'  border='0' align='center'><tr><td>"

submenus += "<div id='menu5' class='nav' style='position: absolute; top: 50px; visibility: hidden;'>"

submenus += "<p> <img src='images/empty.gif' height='1' width='1' alt='' \/></p><img src='images/empty.gif' height='1' width='1' alt='' \/><\/p><\/div>"

submenus += "</td></tr></table>"

<!------------------------------------------------------------------------------>

submenus += "<table width='570'  border='0' align='center'><tr><td>"

submenus += "<div id='menu6' class='nav' style='position: absolute; top: 50px;  visibility: hidden;'>"

submenus += "<p> <img src='images/empty.gif' height='1' width='1' alt='' \/></p><img src='images/empty.gif' height='1' width='1' alt='' \/><\/p><\/div>"

submenus += "</td></tr></table>"

<!------------------------------------------------------------------------------>

submenus += "<table width='570'  border='0' align='center'><tr><td>"

submenus += "<div id='menu7' class='nav' style='position: absolute; top: 50px; visibility: hidden;'>"

submenus += "<p> <img src='images/empty.gif' height='1' width='1' alt='' \/></p><img src='images/empty.gif' height='1' width='1' alt='' \/><\/p><\/div>"

submenus += "</td></tr></table>"

<!------------------------------------------------------------------------------>


function ShowIt(thingtoshow)
{
if (ready == "yes")
  {
    HideAll()
    if(document.layers)
    {
      eval('document.' + thingtoshow + '.visibility="visible"')
    }
    if(document.all)
    {
      eval('document.all.' + thingtoshow + '.style.visibility="visible"')
    }
    if(!document.all && document.getElementById)
    {
    document.getElementById(thingtoshow).style.visibility="visible";
    }
  }
}
	
function HideAll()
{
if(document.layers)
  {
    document.menu1.visibility="hidden"
    document.menu2.visibility="hidden"
    document.menu3.visibility="hidden"
    document.menu4.visibility="hidden"
    document.menu5.visibility="hidden"
    document.menu6.visibility="hidden"
  }
if(document.all)
  {
    document.all.menu1.style.visibility="hidden"
    document.all.menu2.style.visibility="hidden"
    document.all.menu3.style.visibility="hidden"
    document.all.menu4.style.visibility="hidden"
    document.all.menu5.style.visibility="hidden"
    document.all.menu6.style.visibility="hidden"
  }
if(!document.all && document.getElementById)
  {
    document.getElementById('menu1').style.visibility="hidden"
    document.getElementById('menu2').style.visibility="hidden"
    document.getElementById('menu3').style.visibility="hidden"
    document.getElementById('menu4').style.visibility="hidden"
    document.getElementById('menu5').style.visibility="hidden"
    document.getElementById('menu6').style.visibility="hidden"
  }
}

<!-------------Slide Show---------------------->

<!-- Original:  CodeLifter.com (support@codelifter.com) -->
<!-- Web Site:  http://www.codelifter.com -->
<!-- Modified by Susan L. Bolander, Webworks7, to run three slide shows simultaneously -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

// Slide show #1 is the far left position, #2 is the middle, and #3 is the far right position

// Set slideShowSpeed (milliseconds)
var slideShowSpeed1 = 4000;
var slideShowSpeed2 = 5000;

// Duration of crossfade (seconds)
var crossFadeDuration1 = 3;
var crossFadeDuration2 = 2;

var Pic1 = new Array();
var Pic2 = new Array();

var t1;
var t2;

var j1 = 0;
var j2 = 0;

var preLoad1 = new Array();
var preLoad2 = new Array();

Pic1[0] = 'images/home10.jpg'
Pic1[1] = 'images/home11.jpg'
Pic1[2] = 'images/home27.jpg'
Pic1[3] = 'images/home13.jpg'
Pic1[4] = 'images/home14.jpg'
Pic1[5] = 'images/home15.jpg'
Pic1[6] = 'images/home12.jpg'


Pic2[0] = 'images/home20.jpg'
Pic2[1] = 'images/home21.jpg'
Pic2[2] = 'images/home22.jpg'
Pic2[3] = 'images/home23.jpg'
Pic2[4] = 'images/home24.jpg'
Pic2[5] = 'images/home25.jpg'
Pic2[6] = 'images/home26.jpg'

var p1 = Pic1.length;
var p2 = Pic2.length;

function slideShow()
{
  for (i1 = 0; i1 < p1; i1++)
  {
    preLoad1[i1] = new Image();
    preLoad1[i1].src = Pic1[i1];
  }

  for (i2 = 0; i2 < p2; i2++)
  {
    preLoad2[i2] = new Image();
    preLoad2[i2].src = Pic2[i2];
  }

  runSlideShow1();
  runSlideShow2();
 
}

function runSlideShow1()
{
  if (document.all)
  {
    document.images.SlideShow1.style.filter="blendTrans(duration=2)";
    document.images.SlideShow1.style.filter="blendTrans(duration=crossFadeDuration1)";
    document.images.SlideShow1.filters.blendTrans.Apply();
  }
  document.images.SlideShow1.src = preLoad1[j1].src;
  if (document.all)
  {
    document.images.SlideShow1.filters.blendTrans.Play();
  }
  j1 = j1 + 1;
  if (j1 > (p1 - 1)) j1 = 0;
  t1 = setTimeout('runSlideShow1()', slideShowSpeed1);
}

function runSlideShow2()
{
  if (document.all)
  {
    document.images.SlideShow2.style.filter="blendTrans(duration=2)";
    document.images.SlideShow2.style.filter="blendTrans(duration=crossFadeDuration2)";
    document.images.SlideShow2.filters.blendTrans.Apply();
  }
  document.images.SlideShow2.src = preLoad2[j2].src;
  if (document.all)
  {
    document.images.SlideShow2.filters.blendTrans.Play();
  }
  j2 = j2 + 1;
  if (j2 > (p2 - 1)) j2 = 0;
  t2 = setTimeout('runSlideShow2()', slideShowSpeed2);
}

<!-------------Slide Show for Mussels Page ---------------------->

<!-- Original:  CodeLifter.com (support@codelifter.com) -->
<!-- Web Site:  http://www.codelifter.com -->
<!-- Modified by Susan L. Bolander, Webworks7, to run two slide shows simultaneously-->
<!-- and to display ALT tags for each image -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

// Set slideShowSpeed (milliseconds)

var slideShowSpeed3 = 4000;

// Duration of crossfade (seconds) This does not work in Netscape, slides just switch without a fade

var crossFadeDuration3 = 2;

var Pic3 = new Array();

var t3;

var j3 = 0;

var preLoad3 = new Array();

Pic3[0] = 'images/mussel_boat.jpg'
Pic3[1] = 'images/mussel_show_7.jpg'
Pic3[2] = 'images/mussel_show_3.jpg'
Pic3[3] = 'images/mussel_show_4.jpg'
Pic3[4] = 'images/mussel_show_5.jpg'
Pic3[5] = 'images/mussel_show_6.jpg'
Pic3[6] = 'images/mussel_show_2.jpg'
Pic3[7] = 'images/mussel_show_8.jpg'
Pic3[8] = 'images/mussel_show_1.jpg'

var p3 = Pic3.length;

function slideShow3()
{
  for (i3 = 0; i3 < p3; i3++)
  {
    preLoad3[i3] = new Image();
    preLoad3[i3].src = Pic3[i3];
  }

  runSlideShow3();
  
}

function runSlideShow3()
{
  if (document.all)
  {
    document.images.SlideShow3.style.filter="blendTrans(duration=2)";
    document.images.SlideShow3.style.filter="blendTrans(duration=crossFadeDuration3)";
    document.images.SlideShow3.filters.blendTrans.Apply();
  }

  document.images.SlideShow3.src = preLoad3[j3].src;
  
  if (document.all)
  {
    document.images.SlideShow3.filters.blendTrans.Play();
  }

  j3 = j3 + 1;
  if (j3 > (p3 - 1)) j3 = 0;
  t1 = setTimeout('runSlideShow3()', slideShowSpeed3);
}

<!-------------Slide Show for 75th Anniversary Page ---------------------->

<!-- Original:  CodeLifter.com (support@codelifter.com) -->
<!-- Web Site:  http://www.codelifter.com -->
<!-- Modified by Susan L. Bolander, Webworks7, to run two slide shows simultaneously-->
<!-- and to display ALT tags for each image -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

// Set slideShowSpeed (milliseconds)

var slideShowSpeed4 = 4000;

// Duration of crossfade (seconds) This does not work in Netscape, slides just switch without a fade

var crossFadeDuration4 = 2;

var Pic4 = new Array();
var Alt4 = new Array();

var t4;

var j4 = 0;

var preLoad4 = new Array();

Pic4[0] = 'images/75th_1.jpg'
Pic4[1] = 'images/75th_13.jpg'
Pic4[2] = 'images/75th_2.jpg'
Pic4[3] = 'images/75th_14.jpg'
Pic4[4] = 'images/75th_3.jpg'
Pic4[5] = 'images/75th_15.jpg'
Pic4[6] = 'images/75th_4.jpg'
Pic4[7] = 'images/75th_16.jpg'
Pic4[8] = 'images/75th_5.jpg'
Pic4[9] = 'images/75th_17.jpg'
Pic4[10] = 'images/75th_6.jpg'
Pic4[11] = 'images/75th_18.jpg'
Pic4[12] = 'images/75th_7.jpg'
Pic4[13] = 'images/75th_19.jpg'
Pic4[14] = 'images/75th_8.jpg'
Pic4[15] = 'images/75th_20.jpg'
Pic4[16] = 'images/75th_9.jpg'
Pic4[17] = 'images/75th_21.jpg'
Pic4[18] = 'images/75th_10.jpg'
Pic4[19] = 'images/75th_22.jpg'
Pic4[20] = 'images/75th_11.jpg'
Pic4[21] = 'images/75th_23.jpg'
Pic4[22] = 'images/75th_12.jpg'
Pic4[23] = 'images/75th_24.jpg'

Alt4[0] = 'Aerial photo of the hatchery in 1964'
Alt4[2] = 'Photo of people in a boat during the 1965 flood'
Alt4[4] = 'Photo of the Mississippi River in 1936'
Alt4[6] = 'Photo of a man trapping fish in a net'
Alt4[8] = 'Photo of different types of buttons that have been cut from a mussel shell'
Alt4[10] = 'Photo of hatchery workers stripping eggs from fish in 1970'
Alt4[12] = 'Historical photo of a fish transport truck'
Alt4[14] = 'Historical photo of a fish transport truck'
Alt4[16] = 'Photo of horses and heavy equipment being used to work on a dike in 1935'
Alt4[18] = 'Historical photo of the river bluffs near Genoa'
Alt4[20] = 'Photo of Dam #8 in 1935'
Alt4[22] = 'Photo of a man capturing fish in nets'
Alt4[1] = 'Photo of 75th Anniversary celebration events'
Alt4[3] = 'Photo of 75th Anniversary celebration events'
Alt4[5] = 'Photo of 75th Anniversary celebration events'
Alt4[7] = 'Photo of 75th Anniversary celebration events'
Alt4[9] = 'Photo of 75th Anniversary celebration events'
Alt4[11] = 'Photo of 75th Anniversary celebration events'
Alt4[13] = 'Photo of 75th Anniversary celebration events'
Alt4[15] = 'Photo of 75th Anniversary celebration events'
Alt4[17] = 'Photo of 75th Anniversary celebration events'
Alt4[19] = 'Photo of 75th Anniversary celebration events'
Alt4[21] = 'Photo of 75th Anniversary celebration events'
Alt4[23] = 'Photo of 75th Anniversary celebration events'


var p4 = Pic4.length;

function slideShow4()
{
  for (i4 = 0; i4 < p4; i4++)
  {
    preLoad4[i4] = new Image();
    preLoad4[i4].src = Pic4[i4];
  }

  runSlideShow4();
  
}

function runSlideShow4()
{
  if (document.all)
  {
    document.images.SlideShow4.style.filter="blendTrans(duration=2)";
    document.images.SlideShow4.style.filter="blendTrans(duration=crossFadeDuration4)";
    document.images.SlideShow4.filters.blendTrans.Apply();
  }

  document.images.SlideShow4.src = preLoad4[j4].src;
  document.images.SlideShow4.alt = Alt4[j4];
  
  if (document.all)
  {
    document.images.SlideShow4.filters.blendTrans.Play();
  }

  j4 = j4 + 1;
  if (j4 > (p4 - 1)) j4 = 0;
  t1 = setTimeout('runSlideShow4()', slideShowSpeed4);
}