playupImage = new Image();
playupImage.src = "../images/playup.gif";
playdownImage = new Image();
playdownImage.src = "../images/playdown.gif"
playnormalImage = new Image();
playnormalImage.src = "../images/play.gif";

stopupImage = new Image();
stopupImage.src = "../images/stopup.gif";
stopdownImage = new Image();
stopdownImage.src = "../images/stopdown.gif";
stopnormalImage = new Image();
stopnormalImage.src = "../images/stop.gif";

pauseupImage = new Image();
pauseupImage.src = "../images/pauseup.gif";
pausedownImage = new Image();
pausedownImage.src = "../images/pausedown.gif"
pausenormalImage = new Image();
pausenormalImage.src = "../images/pause.gif";

stepfupImage = new Image();
stepfupImage.src = "../images/sforwardup.gif";
stepfdownImage = new Image();
stepfdownImage.src = "../images/sforwarddown.gif"
stepfnormalImage = new Image();
stepfnormalImage.src = "../images/sforward.gif";

stepbupImage = new Image();
stepbupImage.src = "../images/sbackup.gif";
stepbdownImage = new Image();
stepbdownImage.src = "../images/sbackdown.gif"
stepbnormalImage = new Image();
stepbnormalImage.src = "../images/sback.gif";

playupImage2 = new Image();
playupImage2.src = "../images/playup.gif";
playdownImage2 = new Image();
playdownImage2.src = "../images/playdown.gif"
playnormalImage2 = new Image();
playnormalImage2.src = "../images/play.gif";

stopupImage2 = new Image();
stopupImage2.src = "../images/stopup.gif";
stopdownImage2 = new Image();
stopdownImage2.src = "../images/stopdown.gif";
stopnormalImage2 = new Image();
stopnormalImage2.src = "../images/stop.gif";

pauseupImage2 = new Image();
pauseupImage2.src = "../images/pauseup.gif";
pausedownImage2 = new Image();
pausedownImage2.src = "../images/pausedown.gif";
pausenormalImage2 = new Image();
pausenormalImage2.src = "../images/pause.gif";

stepfupImage2 = new Image();
stepfupImage2.src = "../images/sforwardup.gif";
stepfdownImage2 = new Image();
stepfdownImage2.src = "../images/sforwarddown.gif"
stepfnormalImage2 = new Image();
stepfnormalImage2.src = "../images/sforward.gif";

stepbupImage2 = new Image();
stepbupImage2.src = "../images/sbackup.gif";
stepbdownImage2 = new Image();
stepbdownImage2.src = "../images/sbackdown.gif"
stepbnormalImage2 = new Image();
stepbnormalImage2.src = "../images/sback.gif";

playupImage3 = new Image();
playupImage3.src = "../images/playup.gif";
playdownImage3 = new Image();
playdownImage3.src = "../images/playdown.gif";
playnormalImage3 = new Image();
playnormalImage3.src = "../images/play.gif";

stopupImage3 = new Image();
stopupImage3.src = "../images/stopup.gif";
stopdownImage3 = new Image();
stopdownImage3.src = "../images/stopdown.gif";
stopnormalImage3 = new Image();
stopnormalImage3.src = "../images/stop.gif";

pauseupImage3 = new Image();
pauseupImage3.src = "../images/pauseup.gif";
pausedownImage3 = new Image();
pausedownImage3.src = "../images/pausedown.gif";
pausenormalImage3 = new Image();
pausenormalImage3.src = "../images/pause.gif";

stepfupImage3 = new Image();
stepfupImage3.src = "../images/sforwardup.gif";
stepfdownImage3 = new Image();
stepfdownImage3.src = "../images/sforwarddown.gif"
stepfnormalImage3 = new Image();
stepfnormalImage3.src = "../images/sforward.gif";

stepbupImage3 = new Image();
stepbupImage3.src = "../images/sbackup.gif";
stepbdownImage3 = new Image();
stepbdownImage3.src = "../images/sbackdown.gif"
stepbnormalImage3 = new Image();
stepbnormalImage3.src = "../images/sback.gif";

playupImage4 = new Image();
playupImage4.src = "../images/playup.gif";
playdownImage4 = new Image();
playdownImage4.src = "../images/playdown.gif";
playnormalImage4 = new Image();
playnormalImage4.src = "../images/play.gif";

stopupImage4 = new Image();
stopupImage4.src = "../images/stopup.gif";
stopdownImage4 = new Image();
stopdownImage4.src = "../images/stopdown.gif";
stopnormalImage4 = new Image();
stopnormalImage4.src = "../images/stop.gif";

pauseupImage4 = new Image();
pauseupImage4.src = "../images/pauseup.gif";
pausedownImage4 = new Image();
pausedownImage4.src = "../images/pausedown.gif";
pausenormalImage4 = new Image();
pausenormalImage4.src = "../images/pause.gif";

stepfupImage4 = new Image();
stepfupImage4.src = "../images/sforwardup.gif";
stepfdownImage4 = new Image();
stepfdownImage4.src = "../images/sforwarddown.gif"
stepfnormalImage4 = new Image();
stepfnormalImage4.src = "../images/sforward.gif";

stepbupImage4 = new Image();
stepbupImage4.src = "../images/sbackup.gif";
stepbdownImage4 = new Image();
stepbdownImage4.src = "../images/sbackdown.gif"
stepbnormalImage4 = new Image();
stepbnormalImage4.src = "../images/sback.gif";

    function pchangeImage()
	{
	  document.images["playbutton"].src= playupImage.src;
	  return true;
	}
    function pchangeImageBack()
    {
      document.images["playbutton"].src = playnormalImage.src;
      return true;
    }
    function phandleMDown()
    {
      document.images["playbutton"].src = playdownImage.src;
      return true;
    }
    function phandleMUp()
    {
      pchangeImage();
      return true;
    }
    function schangeImage()
	{
	  document.images["stopbutton"].src= stopupImage.src;
	  return true;
	}
    function schangeImageBack()
    {
      document.images["stopbutton"].src = stopnormalImage.src;
      return true;
    }
    function shandleMDown()
    {
      document.images["stopbutton"].src = stopdownImage.src;
      return true;
    }
    function shandleMUp()
    {
      schangeImage();
      return true;
    }
    function puchangeImage()
	{
	  document.images["pausebutton"].src= pauseupImage.src;
	  return true;
	}
    function puchangeImageBack()
    {
      document.images["pausebutton"].src = pausenormalImage.src;
      return true;
    }
    function puhandleMDown()
    {
      document.images["pausebutton"].src = pausedownImage.src;
      return true;
    }
    function puhandleMUp()
    {
      puchangeImage();
      return true;
    }
    function sfchangeImage()
	{
	  document.images["stepfbutton"].src= stepfupImage.src;
	  return true;
	}
    function sfchangeImageBack()
    {
      document.images["stepfbutton"].src = stepfnormalImage.src;
      return true;
    }
    function sfhandleMDown()
    {
      document.images["stepfbutton"].src = stepfdownImage.src;
      return true;
    }
    function sfhandleMUp()
    {
      sfchangeImage();
      return true;
    }
    function sbchangeImage()
	{
	  document.images["stepbbutton"].src= stepbupImage.src;
	  return true;
	}
    function sbchangeImageBack()
    {
      document.images["stepbbutton"].src = stepbnormalImage.src;
      return true;
    }
    function sbhandleMDown()
    {
      document.images["stepbbutton"].src = stepbdownImage.src;
      return true;
    }
    function sbhandleMUp()
    {
      sbchangeImage();
      return true;
    }




    function pchangeImage2()
	{
	  document.images["playbutton2"].src= playupImage2.src;
	  return true;
	}
    function pchangeImageBack2()
    {
      document.images["playbutton2"].src = playnormalImage2.src;
      return true;
    }
    function phandleMDown2()
    {
      document.images["playbutton2"].src = playdownImage2.src;
      return true;
    }
    function phandleMUp2()
    {
      pchangeImage2();
      return true;
    }
    function schangeImage2()
	{
	  document.images["stopbutton2"].src= stopupImage2.src;
	  return true;
	}
    function schangeImageBack2()
    {
      document.images["stopbutton2"].src = stopnormalImage2.src;
      return true;
    }
    function shandleMDown2()
    {
      document.images["stopbutton2"].src = stopdownImage2.src;
      return true;
    }
    function shandleMUp2()
    {
      schangeImage2();
      return true;
    }
    function puchangeImage2()
	{
	  document.images["pausebutton2"].src= pauseupImage2.src;
	  return true;
	}
    function puchangeImageBack2()
    {
      document.images["pausebutton2"].src = pausenormalImage2.src;
      return true;
    }
    function puhandleMDown2()
    {
      document.images["pausebutton2"].src = pausedownImage2.src;
      return true;
    }
    function puhandleMUp2()
    {
      puchangeImage2();
      return true;
    }
    function sfchangeImage2()
	{
	  document.images["stepfbutton2"].src= stepfupImage2.src;
	  return true;
	}
    function sfchangeImageBack2()
    {
      document.images["stepfbutton2"].src = stepfnormalImage2.src;
      return true;
    }
    function sfhandleMDown2()
    {
      document.images["stepfbutton2"].src = stepfdownImage2.src;
      return true;
    }
    function sfhandleMUp2()
    {
      sfchangeImage2();
      return true;
    }
    function sbchangeImage2()
	{
	  document.images["stepbbutton2"].src= stepbupImage2.src;
	  return true;
	}
    function sbchangeImageBack2()
    {
      document.images["stepbbutton2"].src = stepbnormalImage2.src;
      return true;
    }
    function sbhandleMDown2()
    {
      document.images["stepbbutton2"].src = stepbdownImage2.src;
      return true;
    }
    function sbhandleMUp2()
    {
      sbchangeImage2();
      return true;
    }



    function pchangeImage3()
	{
	  document.images["playbutton3"].src= playupImage3.src;
	  return true;
	}
    function pchangeImageBack3()
    {
      document.images["playbutton3"].src = playnormalImage3.src;
      return true;
    }
    function phandleMDown3()
    {
      document.images["playbutton3"].src = playdownImage3.src;
      return true;
    }
    function phandleMUp3()
    {
      pchangeImage3();
      return true;
    }
    function schangeImage3()
	{
	  document.images["stopbutton3"].src= stopupImage3.src;
	  return true;
	}
    function schangeImageBack3()
    {
      document.images["stopbutton3"].src = stopnormalImage3.src;
      return true;
    }
    function shandleMDown3()
    {
      document.images["stopbutton3"].src = stopdownImage3.src;
      return true;
    }
    function shandleMUp3()
    {
      schangeImage3();
      return true;
    }
    function puchangeImage3()
	{
	  document.images["pausebutton3"].src= pauseupImage3.src;
	  return true;
	}
    function puchangeImageBack3()
    {
      document.images["pausebutton3"].src = pausenormalImage3.src;
      return true;
    }
    function puhandleMDown3()
    {
      document.images["pausebutton3"].src = pausedownImage3.src;
      return true;
    }
    function puhandleMUp3()
    {
      puchangeImage3();
      return true;
    }
    function sfchangeImage3()
	{
	  document.images["stepfbutton3"].src= stepfupImage3.src;
	  return true;
	}
    function sfchangeImageBack3()
    {
      document.images["stepfbutton3"].src = stepfnormalImage3.src;
      return true;
    }
    function sfhandleMDown3()
    {
      document.images["stepfbutton3"].src = stepfdownImage3.src;
      return true;
    }
    function sfhandleMUp3()
    {
      sfchangeImage3();
      return true;
    }
    function sbchangeImage3()
	{
	  document.images["stepbbutton3"].src= stepbupImage3.src;
	  return true;
	}
    function sbchangeImageBack3()
    {
      document.images["stepbbutton3"].src = stepbnormalImage3.src;
      return true;
    }
    function sbhandleMDown3()
    {
      document.images["stepbbutton3"].src = stepbdownImage3.src;
      return true;
    }
    function sbhandleMUp3()
    {
      sbchangeImage3();
      return true;
    }



    function pchangeImage4()
	{
	  document.images["playbutton4"].src= playupImage4.src;
	  return true;
	}
    function pchangeImageBack4()
    {
      document.images["playbutton4"].src = playnormalImage4.src;
      return true;
    }
    function phandleMDown4()
    {
      document.images["playbutton4"].src = playdownImage4.src;
      return true;
    }
    function phandleMUp4()
    {
      pchangeImage4();
      return true;
    }
    function schangeImage4()
	{
	  document.images["stopbutton4"].src= stopupImage4.src;
	  return true;
	}
    function schangeImageBack4()
    {
      document.images["stopbutton4"].src = stopnormalImage4.src;
      return true;
    }
    function shandleMDown4()
    {
      document.images["stopbutton4"].src = stopdownImage4.src;
      return true;
    }
    function shandleMUp4()
    {
      schangeImage4();
      return true;
    }
    function puchangeImage4()
	{
	  document.images["pausebutton4"].src= pauseupImage4.src;
	  return true;
	}
    function puchangeImageBack4()
    {
      document.images["pausebutton4"].src = pausenormalImage4.src;
      return true;
    }
    function puhandleMDown4()
    {
      document.images["pausebutton4"].src = pausedownImage4.src;
      return true;
    }
    function puhandleMUp4()
    {
      puchangeImage4();
      return true;
    }    
    function sfchangeImage4()
	{
	  document.images["stepfbutton4"].src= stepfupImage4.src;
	  return true;
	}
    function sfchangeImageBack4()
    {
      document.images["stepfbutton4"].src = stepfnormalImage4.src;
      return true;
    }
    function sfhandleMDown4()
    {
      document.images["stepfbutton4"].src = stepfdownImage4.src;
      return true;
    }
    function sfhandleMUp4()
    {
      sfchangeImage4();
      return true;
    }
    function sbchangeImage4()
	{
	  document.images["stepbbutton4"].src= stepbupImage2.src;
	  return true;
	}
    function sbchangeImageBack4()
    {
      document.images["stepbbutton4"].src = stepbnormalImage2.src;
      return true;
    }
    function sbhandleMDown4()
    {
      document.images["stepbbutton4"].src = stepbdownImage4.src;
      return true;
    }
    function sbhandleMUp4()
    {
      sbchangeImage4();
      return true;
    }



    // swap fields
    function swap(hideobj,hideobj2,hideobj3,showobj) {
	hide(hideobj)
	hide(hideobj2)
	hide(hideobj3)
	show(showobj)
    }

	// Show/Hide functions for non-pointer layer/objects

    function show(showObj) {
     if (document.getElementById) { // DOM3 = IE5, NS6
      document.getElementById(showObj).style.visibility = 'visible';

     } else {
      if (document.layers) { // Netscape 4
       document.layers[showObj].visibility = 'visible';

      } else { // IE 4
       eval("document.all."+showObj+".style.visibility = 'visible'");
      }
     }
    }

    function hide(showObj) {
     if (document.getElementById) { // DOM3 = IE5, NS6
      document.getElementById(showObj).style.visibility = 'hidden';

     } else {
      if (document.layers) { // Netscape 4
       document.layers[showObj].visibility = 'hidden';

      } else { // IE 4
       eval("document.all."+showObj+".style.visibility = 'hidden'");
      }
     }
    }   

    function popup(mylink, windowname)
    {
    if (! window.focus)return true;
    var href;
    if (typeof(mylink) == 'string')
       href=mylink;
    else
       href=mylink.href;
    window.open(href, windowname, 'width=600,height=425,scrollbars=yes');
    return false;
    }    
    
    
    ns4 = (document.layers)? true:false
    ie4 = (document.all)? true:false

    function init() {
    numImgAnim = new GifAnim('numDiv','numImg','hydroS',39,400)
    numImgAnim2 = new GifAnim('numDiv2','numImg2','wavesS',39,400)
    numImgAnim3 = new GifAnim('numDiv3','numImg3','hydroL',43,400)
    numImgAnim4 = new GifAnim('numDiv4','numImg4','wavesL',43,400)
    }

    function preload(imgObj,imgSrc) {
      eval(imgObj+' = new Image()')
	  eval(imgObj+'.src = "'+imgSrc+'"')
    }

    for (var i=0;i<=38;i++) preload('hydroS'+i,'rottoswim/hydroS'+i+'.png')
    for (var i=0;i<=38;i++) preload('wavesS'+i,'rottoswim/wavesS'+i+'.png')
    for (var i=0;i<=42;i++) preload('hydroL'+i,'rottoswim/hydroL'+i+'.png')
    for (var i=0;i<=42;i++) preload('wavesL'+i,'rottoswim/wavesL'+i+'.png')