var currentImage = 0;
var endImage;
var thumbs;
var captionArray = new Array();

function galleryInit() {
	if (document.getElementById) {
		var el = document.getElementById('gallery');
		thumbs = el.getElementsByTagName('div');
		endImage = thumbs.length;
		
		document.getElementById('main-image').style.display = 'none';
		captionArray = document.getElementById("caption").getElementsByTagName("span");

		gantigbr (0);
		
		for(var i = 0; i < thumbs.length; i++) {
			thumbs[i].firstChild.setAttribute('href', 'javascript:gantigbr(' + i + ')');
		}
	}
}

function gantigbr (i) {
	thumb_src = thumbs[i].getElementsByTagName('img')[0].getAttribute('src');
	image_src = thumb_src.substring(0,thumb_src.length-5) + '.jpg';
	document.getElementById('gallery-image').style.backgroundImage='url(' + image_src + ')'	
	changecaption(i);
	deselectThumb(currentImage);			
	selectThumb(i);
	currentImage = i;
}

function selectThumb (i) {
	thumbs[i].className = 'selected';
}

function deselectThumb (i) {
	thumbs[i].className = '';
}

function changecaption(i) {
	captionArray[currentImage].className = "";
	captionArray[i].className = "show";
}

function nextImage () {
	if (currentImage == (endImage - 1)){
		gantigbr(0);
	} else {
		gantigbr(currentImage + 1);
	}
}

function prevImage () {
	if (currentImage == 0){
		gantigbr(endImage - 1);
	} else {
		gantigbr(currentImage - 1);
	}
}