var imageIndex = 0;

function showbigpicture (i){
	imageIndex = i;
	showpictureindex ();
	var e = document.getElementById('bigpictureoverlay');
	e.style.visibility = 'visible';
	e.style.width = '100%';
	e.style.height = '150%';
}

function shownextimage (i) {
	imageIndex += i;
	if (imageIndex < 0) imageIndex = arrImages.length - 1;
	if (imageIndex >= arrImages.length) imageIndex = 0;
	showpictureindex ();
}

function showpictureindex () {
	var imgBig = document.getElementById('galleryimage_big');
	var imgHolder = document.getElementById('galleryimage_big_holder');
	var textHolder = document.getElementById('gallerytext');
	
	//imgHolder.innerHTML = '<img src="' + arrImages[imageIndex][0] + '" />';
	if (arrImages[imageIndex][2].src == '') {
		imgBig.src = arrImages[imageIndex][0];
	} else {
		imgBig.src = arrImages[imageIndex][2].src;
	}
	textHolder.innerHTML = arrImages[imageIndex][1];
	var preloadIndex;
	for (i=0;i<5;i++) {
		preloadIndex = (arrImages.length + imageIndex + i - 2) % arrImages.length;
		if (preloadIndex != imageIndex) {
			//alert (imageIndex + ' - ' + preloadIndex);
			arrImages[preloadIndex][2].src = arrImages[preloadIndex][0];
		}
	}
	
}
	
function hidebigpicture (){
	var e = document.getElementById('bigpictureoverlay');
	e.style.visibility = 'hidden';
	e.style.width = '0%';
	e.style.height = '0%';
}