Uncle Jim's Web Designs: Thumbnail Navigation

COPY - Insert Between Head Tags: <HEAD></HEAD>

next1 = new Image (32,18);
next1.src = "next1.jpg";
next2 = new Image (32,18);
next2.src = "next2.jpg";

go1 = new Image (48,24);
go1.src = "go1.jpg";
go2 = new Image (48,24);
go2.src = "go2.jpg";

maxPic = 5;

p1 = new Image (144,96);
p1.src = "http://jdstiles.com/pic/chair.jpg";
link1 = "http://jdstiles.com/pic/chair.jpg";

p2 = new Image (144,96);
p2.src = "http://jdstiles.com/pic/ling.jpg";
link2 = "http://jdstiles.com/pic/ling.jpg";

p3 = new Image (144,96);
p3.src = "http://jdstiles.com/pic/tazz.jpg";
link3 = "http://jdstiles.com/pic/tazz.jpg";

p4 = new Image (144,96);
p4.src = "http://jdstiles.com/pic/chair.jpg";
link4 = "http://jdstiles.com/pic/chair.jpg";

p5 = new Image (144,96);
p5.src = "http://jdstiles.com/pic/wall.jpg";
link5 = "http://jdstiles.com/pic/wall.jpg";

count = 1;
function next() {
count++;
if (count > maxPic) {
count = 1;
}
eval("document.p.src=p" + count + ".src");
}
function back() {
count--;
if (count == 0) {
count = maxPic;
}
eval("document.p.src=p" + count + ".src");
}
function link() {
location.href=eval("link" + count);
}
//  End -->
</script>

COPY - Insert Inside Body: <BODY></BODY>