var arrImg = new Array();
var theImg;
var spanImgLabel;
var spanImgNum;
var spanTotImg;
var currentImg = 0;
var imgLoaded = false; 
var anImage;
var strGalleryHome ="/images/gallery/";
var strGalleryPath;

function loadImg(intIn) {
    if ( strGalleryPath == null ) {
	  alert("Config Error - specify strGalleryPath");
	  return;
	}
    if (theImg == null)  theImg = findDOM('displayImg', false);
    if (spanImgLabel == null) spanImgLabel = findDOM('imgLabel', false);
    if (spanImgNum == null) spanImgNum = findDOM('imgNum', false);
    if (spanTotImg == null) spanTotImg = findDOM('imgTotal', false);

    var nextImg=0;
    if (arguments.length == 0) {
		var intIn=0;
		if (!imgLoaded) {
			// set text values
		    spanTotImg.innerHTML = arrImg.length;
		    spanImgLabel.innerHTML = "Loading Image";

			// prefetch images
			for (var i=0; i<arrImg.length; i++) {
			    spanImgNum.innerHTML = ""+i;
			    anImage = new Image();
			    anImage.src = strGalleryHome+strGalleryPath+"/"+arrImg[i];
			    document.images[document.images.length]=anImage;
			}
		    spanImgLabel.innerHTML = "Image";
			imgLoaded = true; 
		}		
	}
	
    nextImg = currentImg+intIn;
    if (nextImg < 0) nextImg = (arrImg.length-1);
    if (nextImg == arrImg.length) nextImg=0;
    
    theImg.src = strGalleryHome+strGalleryPath+"/"+arrImg[nextImg];
    spanImgNum.innerHTML = (nextImg+1);
    
    currentImg=nextImg;
}