<!-- IMAGES IN PRELOAD ARRAY -->
var pics = new Array("images/cloudy2.jpg","images/cam3.gif","images/serv3.gif","images/click2.gif","images/lens.gif", "images/iris.gif", "images/valid_xhtml.gif", "images/camservtext5.gif", "images/camservtext3.gif", "images/2120x.jpg", "images/mic1_nav.jpg", "images/2400small.jpg");

<!-- URL TO GO TO AFTER PRELOAD -->
var url = "intro.htm";

<!--DON'T EDIT BEYOND THIS POINT-->

var imgObjs = new Array(pics.length);
var loaded = 0;
var total = pics.length;
var cPercent = 0;

var barLayer = null;
var percentLayer = null;
var statLayer = null;
var doneMsgLayer = null;


function getLayer(layerID) {
if (document.getElementById)
	return document.getElementById(layerID);
else if (document.all)
	return document.all[layerID];
else 
	return null;
}


function updateBar() {
statLayer.innerHTML = "<font face=\"Arial\" color=\"#000000\"><B>" +loaded+ "/" +total+ "</B></font>";
var percent = Math.round(loaded/total * 100);
if (cPercent != percent)
	{
	cPercent = percent;
	barLayer.style.width = (cPercent*3) +"px";
	percentLayer.innerHTML = "<font color=\"#ffffff\"><B>" +cPercent+ "%</B></font>";
	}
if (loaded == total)
	{
	
		done();
	}
}




function startLoading() {
if (document.getElementById || document.all)
	{
	barLayer = getLayer("bar");
	percentLayer = getLayer("percent");
	statLayer = getLayer("stat");
	doneMsgLayer = getLayer("doneMsg");
	
	for (i=0; i<pics.length; i++)
		{
		imgObjs[i] = new Image();
		imgObjs[i].onload = imgLoaded;
		imgObjs[i].onerror = imgFailed;
		imgObjs[i].src = pics[i];
		}
	}
else
	{

	window.location.replace(url);
	}
}




function done() {
parent.window.location.replace(url);
}



function imgFailed() {
alert("The following image failed to load:\n" +this.src+ "\nThe program will skip this file now.");
loaded++;
updateBar();
}

function imgLoaded() {
loaded++;
if (loaded>pics.length)
return
updateBar();
}
// End-->