///////////////////////////////////////////////
// PUT ALL IMAGES IN AN ARRAY FOR PRELOADING //
///////////////////////////////////////////////
// pics in pages.js

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() {
	var percent = Math.round(loaded/total * 100);
	if (cPercent != percent)
		{
		cPercent = percent;
		// had to put in following 2 lines because percentage was going over 100%!?
		if ((cPercent>100) && (loaded<total)) { cPercent = 99; }
		else if ((cPercent>100) && (loaded>=total)) { cPercent = 100; }
		barLayer.style.width = (cPercent*1.5) + 'px';
		percentLayer.innerHTML = '<p>' + cPercent + '%</p>';
		}
	if (loaded == total) {
		done();
	}
}

function startLoading() {
if (document.getElementById || document.all)
	{
	barLayer = getLayer("bar");
	percentLayer = getLayer("percent");
	for (i=0; i<pics.length; i++)
		{
		imgObjs[i] = new Image();
		imgObjs[i].onload = imgLoaded;
		imgObjs[i].onerror = imgFailed;
		imgObjs[i].src = 'assets/images/pages/'+pics[i];
		}
	}
else
	{
	document.getElementById('loadingtitle').style.display = 'none';
	document.getElementById('bar').style.display = 'none';
	document.getElementById('percent').style.display = 'none';
	}
}

function done() {
	document.getElementById('loadingtitle').innerHTML = 'Finished!';
	document.getElementById('offers').style.display = 'block';
//	setText('link');
//	document.getElementById('bar').style.display = 'none';
//	document.getElementById('percent').style.display = 'none';
}

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 skip() {
	if(document.getElementById) {
		document.getElementById("skip").innerHTML = '<p>[Skip] Go ahead and click the top of the magazine to start browsing - the pages will continue loading in the background</p>';
	}
}