var i = 0;
var imgnumb = 15;

function setupPage () {
	showThumbs();
	showImg('1');
}

function showThumbs() {
	var element = document.getElementById('thbs');
	var j = 1;
	var c = "";
	for (j=1; j<=imgnumb; j++) {
		c = c + "<a href=\"javascript:%20showImg('"+j+"');\" border=\"0\"><img src=\"Gallery/"+j+".jpg\" border=\"0\" height=\"47\" width=\"62\"></a>&nbsp;";
		if ((j >= 8) && ((j % 8) == 0)) {
			c = c + "<br>";
		}
	}
	element.innerHTML = c;
}

function showImg(numb) {
	i = numb;
 	insertImg("Gallery/" + numb + ".jpg");
}

function insertImg(img) {
   	var element = document.getElementById('framepic');
   	element.style.visibility = 'hidden';
 	element.innerHTML = "<img src='" + img + "' border='0' width='596' height='397'>";
 	element.style.visibility = 'visible';
}

   
function lightup(imgName)
 {
   if (document.images)
    {
      imgOn=eval(imgName + "on.src");
      document[imgName].src= imgOn;
    }
 }

function turnoff(imgName)
 {
   if (document.images)
    {
      imgOff=eval(imgName + "off.src");
      document[imgName].src= imgOff;
    }
 }
 
 function showPrevious () {
 	if (i > 1) {
 		i--;
 		showImg(i);
 	} else {
 		if (i != 1) {
 			showImg(1);
 		}
 	}
 }
 
 function showNext () {
 	if (i < 15) {
 		i++;
 		showImg(i);
 	} else {
 		if (i != 15) {
 			showImg(15);
 		}
 	}
 }


//on load
if (document.images)
   {
     pic1on= new Image(100,25);
     pic1on.src="ButtonPressed.gif";  

     pic1off= new Image(100,25);
     pic1off.src="ButtonNormal.gif";
     
     pic2on= new Image(100,25);
     pic2on.src="ButtonPressed.gif";  

     pic2off= new Image(100,25);
     pic2off.src="ButtonNormal.gif";
   }