<!-- Start Image RollOver -->
if (document.images) {
// preload active images.
nav2on = new Image();
nav2on.src = "elements/nav2on.gif";
nav3on = new Image();
nav3on.src = "elements/nav3on.gif";
nav4on = new Image();
nav4on.src = "elements/nav4on.gif";
nav5on = new Image();
nav5on.src = "elements/nav5on.gif";
nav6on = new Image();
nav6on.src = "elements/nav6on.gif";
nav7on = new Image();
nav7on.src = "elements/nav7on.gif";
nav8on = new Image();
nav8on.src = "elements/nav8on.gif";
nav9on = new Image();
nav9on.src = "elements/nav9on.gif";
nav10on = new Image();
nav10on.src = "elements/nav10on.gif";

//preload inactive images.
nav2off = new Image();
nav2off.src = "elements/nav2off.gif";
nav3off = new Image();
nav3off.src = "elements/nav3off.gif";
nav4off = new Image();
nav4off.src = "elements/nav4off.gif";
nav5off = new Image();
nav5off.src = "elements/nav5off.gif";
nav6off = new Image();
nav6off.src = "elements/nav6off.gif";
nav7off = new Image();
nav7off.src = "elements/nav7off.gif";
nav8off = new Image();
nav8off.src = "elements/nav8off.gif";
nav9off = new Image();
nav9off.src = "elements/nav9off.gif";
nav10off = new Image();
nav10off.src = "elements/nav10off.gif";
}

// function to hiLite images.
function hiLite(imgDoc,imgName) {
if (document.images) {
document.images[imgDoc].src = eval(imgName + ".src");
}
}
<!-- End Image RollOver -->

<!-- Animation 1-->
var timer = null
var counter = 1

function slideshow1() {
	counter++;
	timer=setTimeout("slideshow1()", 2000);

		if (counter >= 3) 
		counter = 1;
	document.ani1.src = pic1[counter].src;
}

if (document.images) {

var pic1 = new Array();

	pic1[1] = new Image(114, 94);
	pic1[1].src = "elements/animphoto7.jpg";

	pic1[2] = new Image(114, 94);
	pic1[2].src = "elements/animphoto2.jpg";
}
<!-- End Animation -->

<!-- Animation 2-->
var timer = null
var counter = 1

function slideshow2() {
	counter++;
	timer=setTimeout("slideshow2()", 3000);

		if (counter >= 3) 
		counter = 1;
	document.ani2.src = pic2[counter].src;
}

if (document.images) {

var pic2 = new Array();

	pic2[1] = new Image(114, 94);
	pic2[1].src = "elements/animphoto1.jpg";

	pic2[2] = new Image(114, 94);
	pic2[2].src = "elements/animphoto5.jpg";
}
<!-- End Animation -->

<!-- Animation 3-->
var timer = null
var counter = 1

function slideshow3() {
	counter++;
	timer=setTimeout("slideshow3()", 2500);

		if (counter >= 3) 
		counter = 1;
	document.ani3.src = pic3[counter].src;
}

if (document.images) {

var pic3 = new Array();

	pic3[1] = new Image(114, 94);
	pic3[1].src = "elements/animphoto3.jpg";

	pic3[2] = new Image(114, 94);
	pic3[2].src = "elements/animphoto8.jpg";
}
<!-- End Animation -->

//-->