<!-- <SCRIPT LANGUAGE="JavaScript"> -->
<!-- Beginning of JavaScript -

// CREDITS:
// SeaWave by Urs Dudli and Peter Gehrig 
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com.
// info@24fun.ch
// 6/29/2000

// IMPORTANT: 
// If you add this script to a script-library or script-archive 
// you have to add a link to http://www.24fun.com on the webpage 
// where the scrips will be running.

// CONFIGURATION:
// Go to www.24fun.com, open category 'animation' and download 
// the full-version of this script as ZIP-file containing the image as well as
// step-by-step instructions for non-programmers.

if (document.layers) {
	alert("This script does not work with Netscape Navigator.")
}

// the name of your image
var imgname="catoctin.jpg"

// width of the image (pixels)
var imgwidth=320

// height of the image (pixels)
var imgheight=240

// horizontal position of the image (distance to the left margin of the browser-window, pixels)
var posleft=259

// vertical position of the image (distance to the top margin of the browser-window, pixels)
var postop=247

// By assigning values to the variables WaveFromLeft, WaveToRight, WaveFromTop and
// WaveToBottom you can tell the script where the wave-effect within your image shall be applied.
// Trial and error will do it:

// horizontal start-position of the effect (distance to the left margin of the image, pixels)
var WaveFromLeft=0

// horizontal end-position of the effect (distance to the left margin of the image, pixels)
var WaveToRight=320

// vertical start-position of the effect (distance to the top margin of the image, pixels)
var WaveFromTop=120

// vertical end-position of the effect (distance to the top margin of the image, pixels)
var WaveToBottom=240

// change the strength of the effects by trial and error
// var i_lightstrength=0
var i_lightstrength=1
var i_freq=8
var i_phase=5
//var max_strength=4
var max_strength=3
var min_strength=2

// do not edit the varibles below
var i_step=1
var i_strength=min_strength

function initiate() {
    if (document.all) {
        stillimage.innerHTML="<img src="+imgname+">"
		stillimage.style.posLeft=posleft
		stillimage.style.posTop=postop
		waveimage.innerHTML="<img src="+imgname+">"
		waveimage.style.posLeft=posleft
		waveimage.style.posTop=postop
		var clipleft=WaveFromLeft
		var clipright=WaveToRight
		var cliptop=WaveFromTop
		var clipbottom=WaveToBottom
		document.all.waveimage.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
		setInterval("i_strength=i_strength+i_step;if (i_strength>max_strength)   {i_step=i_step*(-1)}; if (i_strength<min_strength) {i_step=i_step*(-1)}",2000)
		makewave()
    }
	
	 if (document.layers) {
        document.stillimage.document.write("<img src="+imgname+">")
		document.stillimage.document.close()
    }
}

function makewave() {
	waveimage.filters.wave.phase+=i_phase
	waveimage.filters.wave.strength=i_strength
	waveimage.filters.wave.lightstrength=i_lightstrength
	waveimage.filters.wave.freq=i_freq
	var timer=setTimeout("makewave()",80)
}

// - End of JavaScript - -->
<!-- </SCRIPT> -->