<!--

var countImage;
var imageNumber;
var returnString;
var nav;
var navLast;
var navNext;
var imageArray;
var imageArray = new Array();
imageArray[0] = ["helicat.gif", "Helicat!"]
imageArray[1] = ["unipeng.gif", "The amazing unicycling penguin"]
imageArray[2] = ["birdattack.gif", "Bird attack!"]
imageArray[3] = ["fishtank.gif", "Not the brightest fish in the bowl..."]
imageArray[4] = ["rocketsheep.gif", "One giant leap for sheepkind"]
imageArray[5] = ["bouncybouncy.gif", "A squirrel on a spacehopper"]
imageArray[6] = ["pigdrill.gif", "A pig on a drill"]


function startUp() {
countImage = 0;
imageNumber = imageArray.length - 1;
returnImages();
}

function advance(){
countImage++;
returnImages();
}

function retreat(){
countImage--;
returnImages();
}

function createNav(){
createLast();
createNext();
nav = navLast + navNext;
}

function createLast() {
if (countImage == 0) {
navLast = "<img src='si/back-fade.gif' alt='back'/>";
} 
else 
{
navLast = "<img src='si/back.gif' alt='back' onClick='retreat()' style='cursor:hand'/>";
}
}

function createNext() {
if (countImage == imageNumber) {
navNext = "<img src='si/next-fade.gif' alt='next'/>";
} 
else
{
navNext = "<img src='si/next.gif' alt='next' onClick='advance()' style='cursor:hand'/>";
}
}

function getImage() {
imageHold = "<img src='images/" + imageArray[countImage][0] + "' alt='" + imageArray[countImage][1] + "'>"
}

function returnImages() {
getImage();
createNav();
imageHold = nav + "<br/><br/><i>Image " + (countImage + 1) + " of " + (imageNumber + 1) + ": <b>" + imageArray[countImage][1] + "</b></i><br/>" + imageHold + "<br/><br/>" + nav;
document.getElementById("images").innerHTML = imageHold;
}

// -->
