<html>
<head>
<link rel="shortcut icon" href="picture1.jpg"/>
<script language="JavaScript">
var i = 1
images = new Array
images[1] = "picture1.jpg"
images[2] = "picture2.jpg"
images[3] = "picture3.jpg"
images[4] = "picture4.jpg"
images[5] = "picture5.jpg"
images[6] = "picture6.jpg"
function gallery(){
if (i == 1){
document.gallery.previous.value=" "}
}
function previmg(){
if (i != 1) {
i --
document.img.src = images[i]
document.gallery.next.value = "Next"}
if (i == 1) {
document.gallery.previous.value=" "}
}
function nextimg(){
if (i != 6) {
i ++
document.gallery.previous.value="Previous"
image = images[i]
document.img.src = image}
if (i == 6){
document.gallery.next.value=" ";}
}
function pickrand(){
var imagenumber = 6 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1;
var randimage = images[rand1]
document.img.src = randimage
i = rand1
if (i == 1){
document.gallery.previous.value=" ";}
else {
document.gallery.previous.value="Previous";}
if (i == 6){
document.gallery.next.value=" ";}
else {
document.gallery.next.value="Next";}
}
function firstimg(){
i = 1
document.img.src = images[i];
document.gallery.previous.value=" ";
document.gallery.next.value="Next"
}
function lastimg(){
i = 6
document.img.src = images[i];
document.gallery.next.value=" "
document.gallery.previous.value="Previous"
}
</script>
</head>
<body onLoad="gallery();">
<IMG SRC="YOUR FIRST IMAGE" name="img" border=0>
<form name="gallery">
<input type=button value="Previous" name="previous" onClick="previmg();">
<input type=button value="First" name="first" onClick="firstimg();">
<input type=button value="Random" name="random" onClick="pickrand();">
<input type=button value="Last" name="last" onClick="lastimg();">
<input type=button value="Next" name="next" onClick="nextimg();">
</form>
</body>
</html>
