/////////----------------------------------
/// ------ IMAGE PRELOADING--------------
/////////---------------------------------

///////////////////////////////////////////////////
// ENTER URL TO GOTO AFTER IT FINSHES PRELOADING //
///////////////////////////////////////////////////
var url = "index.php";

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

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


////////////////////////////////////////////////////////////////////////////////////
//------------YOU ARE DONE, DON'T EDIT ANYTHING BEYOND THIS POINT-----------------//
////////////////////////////////////////////////////////////////////////////////////


var loaded = 0;
var total = imageLocations.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=\"#FFFFFF\"><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=\"#BBBB00\"><B>" +cPercent+ "%</B></font>";
}
if (loaded == total)
{
	doneMsgLayer.innerHTML = "<a href=\"javascript:done()\"><font face=\"Arial\" color=\"#FFCC00\" size=\"2\"><B>Done (Click Here)</B></font></a>";
	done();
}

}


function startLoading() {


if (document.getElementById || document.all)
	{
	barLayer = getLayer("bar");
	percentLayer = getLayer("percent");
	statLayer = getLayer("stat");
	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<imageLocations.length; i++)
		{
		imageArray[i] = new Image();
		imageArray[i].onload = imgLoaded;
		imageArray[i].onerror = imgFailed;
		imageArray[i].src = imageLocations[i];
		}
	}
else
	{

	window.location.replace(url);
	}
}




function done()
{

document.getElementById("slideShowPic").innerHTML= "<a href = 'http://" + textLinkArray[0] + "' ><img id='rImage' name = 'rImage'  src='' ></a>"; 
document['rImage'].src = imageLocations[0];
document.getElementById("slideShowText").innerHTML=textArray[0];
document.getElementById("slideShowOverlay").innerHTML=textOverlayArray[0];
document.getElementById("slideShowOverlayDetail").innerHTML=textDetailArray[0];

FadeObject1.start();
FadeObject1.fadeIn(0);
}



function imgFailed() 
{
//alert("failed");
loaded++;
updateBar();
}

function imgLoaded() 
{
loaded++;
if (loaded>imageLocations.length)
return
updateBar();
}

window.onload=startLoading


/////////----------------------------------
/// ------ END OF IMAGE PRELOADING--------------
/////////---------------------------------