// JavaScript Document

function thumbOver(img) {
	img.style.border = "2px solid #0099FF";
}

function thumbOut(img) {
	img.style.border = "2px solid #999999";
}

function loadImage(index) {
var pic = document.getElementById("pic");
	pic.innerHTML = '<img src="assets/gallery/pic'+index+'.jpg" width="650" height="430" class="galleryThumbnail"/>';
}

function populateThumbs() {
var thumbs = document.getElementById("thumbs");

for(i = 1; i <= 8; i++) {
	thumbs.innerHTML += '<a href="javascript:loadImage('+i+')"><img src="assets/gallery/pic'+i+'_thumb.jpg" width="50" height="33" class="galleryThumbnail" onMouseOver="thumbOver(this)" onMouseOut="thumbOut(this)" /></a>';
}

}