
 
    /* Function that changes the source for an image. */
    function swapImage(id, newSrc) {
      var theImage = findImage(document, id);
      if (theImage) {
        theImage.src = newSrc ;
      }
    }

    /* Functions that finds the image by name in the document.images array. */
    function findImage(doc, name) {
      var theImage = false;
      if (doc.images) {
        theImage = doc.images[name];
      }
      if (theImage) {
        return theImage;
      }
      return (false);
    }

/* js snippets for slideshow and prgress bar js

<script type="text/javascript">
var i
function prog()
{
  document.getElementById("d1").innerHTML="";	document.getElementById("d2").style.width=0;  i=0;
  timedProg(); 
}

function timedProg()
{
   if (i<=(300))
   {
	    if (i>40){document.getElementById("d1").innerHTML=parseInt(i/3)+"%";}
      document.getElementById("d2").style.width=i+"px";
      // simulates some lengthy processing
      var j=0;		
      while (j<=100)
       	j++;  
        setTimeout("timedProg();", 20);
        i++;   
   }
}
</script>


<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
  return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

<script type="text/javascript">
var rotate_delay = 2000; 
current = 0;
function next() {
if (document.forms[0].slide[current+1]) {
document.images.show.src = document.forms[0].slide[current+1].value;
document.forms[0].slide.selectedIndex = ++current;
   }
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.forms[0].slide[current-1].value;
document.forms[0].slide.selectedIndex = --current;
   }
else last();
}
function first() {
current = 0;
document.images.show.src = document.forms[0].slide[0].value;
document.forms[0].slide.selectedIndex = 0;
}
function last() {
current = document.forms[0].slide.length-1;
document.images.show.src = document.forms[0].slide[current].value;
document.forms[0].slide.selectedIndex = current;
}
function ap(text) {
document.forms[0].slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.forms[0].slide.selectedIndex;
document.images.show.src = document.forms[0].slide[current].value;
}
function rotate() {
if (document.forms[0].slidebutton.value == "Stop") {
current = (current == document.forms[0].slide.length-1) ? 0 : current+1;
document.images.show.src = document.forms[0].slide[current].value;
document.forms[0].slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
   }
}

</script>

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-124811-1";
urchinTracker();
</script>
<script type="text/javascript" src="../../~hans-kuipers2/ie-style/special1.js"></script>
<script type="text/javascript" src="../../~hans-kuipers2/ie-style/special2.js"></script>
</HEAD>
<BODY>
<center><h1>A slide show using javascript ( js ) and HTML ( DHTML ).</h1>
<script type="text/javascript" src="../../~hans-kuipers2/ie-style/header1.js"></script>
<script type="text/javascript" src="../../~hans-kuipers2/ie-style/header2.js"></script>
<h2>
<script type="text/javascript" src="../../~hans-kuipers2/ie-style/html40.js"></script>
Slideshow demonstration.</h2>
<fieldset><legend>Related links</legend>
<a class="sp" href="../../~hans-kuipers4/html/weekplanner.htm">HTML : Weekly planner</a>
<a class="sp" href="calendar.htm">JS : Calendar</a>
<a class="sp" href="calculator.htm">JS : Calculator</a>
<a class="sp" href="progressbar.htm">JS : Progress bar</a>
<a class="sp" href="../../~hans-kuipers3/filttrans/filters1.htm">IE : Image filtering</a>
<a class="sp" href="../../~hans-kuipers3/effects/clip.htm">HTML : Clip an image</a>
<a class="sp" href="../../~hans-kuipers3/anim/rotating-image.htm">IE : Rotate an image</a>
<a class="sp" href="../prop/zoom.htm">JS : Enlarge an image</a>
</fieldset>
<form action="#">
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="white" width=400 height=200>
<img alt="style" src="../graphics/col_grey.gif" id="show">
</td>
</tr>

<tr>
<td align=center bgcolor="#C0C0C0">

<select style="background-color:#c0c0c0;color:steelblue" name="slide" onChange="change();">
<option value="../graphics/col_grey.gif" selected>Number 1
<option value="../graphics/col_red.gif">Number 2
<option value="../graphics/col_yellow.gif">Number 3
<option value="../graphics/col_green.gif">Number 4
<option value="../graphics/col_violet.gif">Number 5
<option value="../graphics/col_brown.gif">Number 6
<option value="../graphics/col_blue.gif">Number 7
</select>
<input type=button onClick="first();" value="|<<" title="Beginning">
<input type=button onClick="previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td></tr></table></form></center><br>
<script type="text/javascript" src="../../~hans-kuipers2/ie-style/bottom1.js"></script>
<script type="text/javascript" src="../../~hans-kuipers2/ie-style/bottom2.js"></script>

</body></html>

<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;

function SymOnUnload()
{
  window.open = SymWinOpen;
  if(SymRealOnUnload != null)
     SymRealOnUnload();
}

function SymOnLoad()
{
  if(SymRealOnLoad != null)
     SymRealOnLoad();
  window.open = SymRealWinOpen;
  SymRealOnUnload = window.onunload;
  window.onunload = SymOnUnload;
}

SymRealOnLoad = window.onload;
window.onload = SymOnLoad;

//-->
</script>
*/
