// PUT ALL IMAGES IN AN ARRAY FOR PRELOADING
var pics = new Array("indexImages/HomeRO.gif", "indexImages/what_new.gif", "indexImages/Learn_More.gif", "indexImages/SiteMap.gif", "indexImages/Links.gif" ,"indexImages/Definitions.gif", "indexImages/ContactUs.gif", "indexImages/Header1.jpg", "indexImages/Header2.jpg", "indexImages/Header3.jpg", "indexImages/header4.jpg", "indexImages/WhoWeAre.gif", "indexImages/Project.gif", "indexImages/OurCommitment.gif", "indexImages/Opportunities.gif", "indexImages/header_5.gif", "indexImages/IndexTitle.gif", "indexImages/WhatNewTitle.gif", "indexImages/Languages.gif", "indexImages/LogoImperialOil.gif", "indexImages/HomeRO.gif", "indexImages/what_newRO.gif", "indexImages/Learn_MoreRO.gif", "indexImages/SiteMapRO.gif", "indexImages/LinksRO.gif", "indexImages/DefinitionsRO.gif", "indexImages/ContactUsRO.gif", "indexImages/WhoWeAreRO.gif", "indexImages/ProjectRO.gif", "indexImages/OurCommitmentRO.gif", "indexImages/OpportunitiesRO.gif", "sharedImages/Header.jpg", "sharedImages/WhoWeAreRO.gif", "sharedImages/WhoWeAre.gif", "sharedImages/Opportunities.gif", "sharedImages/OpportunitiesRO.gif", "sharedImages/OurCommitment.gif", "sharedImages/OurCommitmentRO.gif", "sharedImages/Project.gif", "sharedImages/ProjectRO.gif");

// ASK USERS TO GO TO NEXT PAGE AFTER PRELOADING?
var doConfirm = true;

// ALLOW USER TO SKIP PRELOADING?
var canSkip = false;

var imgObjs = new Array(pics.length);
var loaded = 0;
var total = pics.length;
var cPercent = 0;

var barLayer = null;
var percentLayer = 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() {
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)
	{
	loadImages();
	doneMsgLayer.innerHTML = "<a href=\"javascript:done()\"><font face=\"Arial\" color=\"#FFCC00\" size=\"2\"><B>Done (Click Here)</B></font></a>";
	}
}

function startLoading() {
if (document.getElementById || document.all)
	{
	barLayer = getLayer("bar");
	percentLayer = getLayer("percent");
	doneMsgLayer = getLayer("doneMsg");
	if (canSkip)
		doneMsgLayer.innerHTML = "<a href=\"javascript:done()\"><font color=\"#FFCC00\" size=\"2\" face=\"Arial\">Skip Pre-Loading</font></a>";
	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
	{
	alert("You are running an old browser that does not support preloading.\n\nSelect ok to continue.");
	loadImages();
	}
}

function done() {
loadImages();
}

function imgFailed() {
alert("The following image failed to load, probably a broken link:\n" +this.src+ "\nPlease contact the webmaster of the site you are visiting about this.  The program will skip this file now.");
loaded++;
updateBar();
}

function imgLoaded() {
loaded++;
updateBar();
}

function loadImages() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('msg').style.visibility = 'hidden';
document.getElementById('bg').style.visibility = 'hidden';
document.getElementById('bar').style.visibility = 'hidden';
document.getElementById('percent').style.visibility = 'hidden';
document.getElementById('doneMsg').style.visibility = 'hidden';
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.msg.visibility = 'hidden';
document.bg.visibility = 'hidden';
document.bar.visibility = 'hidden';
document.percent.visibility = 'hidden';
document.doneMsg.visibility = 'hidden';
document.hidepage.visibility = 'hidden';
}
else { // IE 4
document.all.msg.style.visibility = 'hidden';
document.all.bg.style.visibility = 'hidden';
document.all.bar.style.visibility = 'hidden';
document.all.percent.style.visibility = 'hidden';
document.all.doneMsg.style.visibility = 'hidden';
document.all.hidepage.style.visibility = 'hidden';
}
}
}