var progress = 0;

function loadImages() {
	//if(document.all)document.getElementById("progressIndicator").style.height = 13;
	mHTML = "";
	rowTrack=0;
	
	for(i=0;i<imageArray.length;i++) {
		mHTML+='<img onload="incrementProgress();" src="images/folio/' + imageArray[i] + '" />'
		rowTrack++;
		if(rowTrack>=3){ rowTrack=0; }
	}
	document.getElementById("mContainer").innerHTML = mHTML;
}

function incrementProgress() {
	progress++;
	document.getElementById("progressIndicator").style.width = ((progress/imageArray.length)*100) + "%";
	if(progress>=imageArray.length)showImages();
}

function showImages() {
	/* for(i=0;i<document.images.length;i++)if(document.images[i].className == "mImg")document.images[i].style.visibility="visible"; */
	document.getElementById("progressText").innerHTML = "Loading complete.";
	document.images['folioSpace'].src = "images/folio/" + imageArray[0];
	setTimeout("document.getElementById('progressBar').style.visibility='hidden'",1000);
}
function switchFolio(imgNum) {
  document.images['folioSpace'].src = "images/folio/" + imageArray[imgNum];
}