// This scripts available from - http://www.viewsource.dk
// LOts of free Java Applets, DHTML and Javascript

// *****   This goes in the head section   *****

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

// CREDITS:
// Slideshow with unique image-dissolving transition effect 
// 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
// 7/21/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 'image' and download 
// the full-version of this script as ZIP-file containing the sample images and the 
// script-file with step-by-step instructions for non-programmers.

// the URL of your images. Add as many images as you like
var imgsname = new Array()
imgsname[0]="samplepicA.jpg"
imgsname[1]="samplepicB.jpg"
imgsname[2]="samplepicC.jpg"

// the the links of your images
var imgsurl = new Array()
imgsurl[0]="http://www.yahoo.com"
imgsurl[1]="http://www.altavista.com"
imgsurl[2]="http://www.excite.com"

// the target of your links. Accepted values: '_blank', '_self', '_top'
// '_parent' or the name of your window
var linktarget="_blank"

// standstill of each image(seconds)
var pause=3

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

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

// do not edit the variables below
var contentimage=""
var i_image=0
var i_stepwave=0
var i_maxstepwave=40
var imgpreload=new Array()
for (i=0;i<=imgsname.length-1;i++) {
	imgpreload[i]=new Image()
	imgpreload[i].src=imgsname[i]
}
pause=pause*1000

function initiate() {
      contentimage="<a href='"+imgsurl[i_image]+"' target='"+linktarget+"'><img src='"+imgsname[i_image]+"' border='0'></a>"
    if (document.all) {
		waveimage.innerHTML=contentimage
		waveimage.style.posLeft=posleft
		waveimage.style.posTop=postop
		enlargewave()
    }
    if (document.layers) {
        document.waveimage.left=posleft
		document.waveimage.top=postop
        changeimage()
    }
}

function enlargewave() {
    if (i_stepwave<=i_maxstepwave) {
	    waveimage.filters.wave.phase=i_stepwave
	    waveimage.filters.wave.strength=i_stepwave
        waveimage.filters.wave.lightstrength=i_stepwave
	    waveimage.filters.wave.freq=i_stepwave
        i_stepwave++
	    var timer=setTimeout("enlargewave()",50)
    }
    else {
        clearTimeout(timer)
        changeimage()
    }
}

function reducewave() {
    if (i_stepwave>0) {
	    waveimage.filters.wave.phase=i_stepwave
	    waveimage.filters.wave.strength=i_stepwave
	    waveimage.filters.wave.lightstrength=i_stepwave
	    waveimage.filters.wave.freq=i_stepwave
        i_stepwave--
	    var timer=setTimeout("reducewave()",50)
    }
    else {
        clearTimeout(timer)
        var timer=setTimeout("enlargewave()",pause)
    }
}

function changeimage() { 
    i_image++
    if (i_image>=imgsname.length) {i_image=0}
    contentimage="<a href='"+imgsurl[i_image]+"' target='"+linktarget+"'><img src='"+imgsname[i_image]+"' border='0'></a>"
 
    if (document.all) { 
        waveimage.innerHTML=contentimage
        reducewave()
    }
    
    if (document.layers) {
        document.waveimage.document.write(contentimage)
        document.waveimage.document.close()
        var timer=setTimeout("changeimage()",pause)
    }
    
}

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

// *****   This goes in the body section   *****

<body bgcolor="#003399" onLoad="initiate()">

<DIV ID="waveimage" style="position:absolute; filter:wave();"> </DIV>

