var index = 1;
var totalImages = 0;

function initGallery(num) {
	var labelTotal = document.getElementById('totalnum');
		labelTotal.innerHTML = num;
		
	var labelIndex = document.getElementById('index');
		labelIndex.innerHTML = index;
		
	totalImages = num;
	
	checkButtons();
}

function getFull(path){
	return path.replace('_thumbs/', '');
}
function getThumb(path){
	return path.replace('uploads/images/', 'uploads/_thumbs/images/');
}

function prevImage() {
	if (index == 1 || totalImages == 1) {
		return;
	}
	
	index--;
	
	var holder = document.getElementById('flash');
	var thumbs = document.getElementById('thumbnails');
	var images = thumbs.getElementsByTagName('img');
	
	var path = images[index - 1].src;
	path = getFull(path);
	
	holder.style.backgroundImage = "url('" + path + "')"; // images[index - 1].src
	
	updateLabel();
	checkButtons();
}

function nextImage() {
	if (index == totalImages) {
		return;
	}
	
	index++;
	
	var holder = document.getElementById('flash');
	var thumbs = document.getElementById('thumbnails');
	var images = thumbs.getElementsByTagName('img');
	
	var path = images[index - 1].src;
	path = getFull(path);
	
	holder.style.backgroundImage = "url('" + path + "')"; // images[index - 1].src
	
	updateLabel();
	checkButtons();
}

function checkButtons() {
	var buttonPrev = document.getElementById('btnprev');
	var buttonNext = document.getElementById('btnnext');
	
	if (index == 1) {
		buttonPrev.className = 'btnprev-inactive';
		buttonNext.className = '';
	} else if (index > 1 && index < totalImages) {
		buttonPrev.className = '';
		buttonNext.className = '';
	} else if (index == totalImages) {
		buttonPrev.className = '';
		buttonNext.className = 'btnnext-inactive';
	}
}

function updateLabel() {
	var labelIndex = document.getElementById('index');
	var holder = document.getElementById('flash');
	var thumbs = document.getElementById('thumbnails');
	var images = thumbs.getElementsByTagName('img');

	for (var i = 0; i < images.length; i++) {
		var url1 = "url(" + images[i].src.substr(images[i].src.indexOf('images/uploads/images/galleri/'), images[i].src.length) + ")";
		var url2 = "url(" + holder.style.backgroundImage.substr(holder.style.backgroundImage.indexOf('images/uploads/images/galleri/'), holder.style.backgroundImage.length);
		
		if (url1 == url2) {
			labelIndex.innerHTML = (i + 1);
			index = (i + 1);
			break;
		}
	}
}

function changeImage(img) {
	console.log(img);
    document.getElementById('flash').style.backgroundImage = "url('images/uploads/images/galleri/" + img + "')";
    
    updateLabel();
    checkButtons();
}