//set length of display array
//
var vl = 11;
var cu = 0;
var vi = [];

$(document).ready(function() {
	positionContent();
	$(window).resize(positionContent);
	$('body').addClass('js');

	//Gallery
	$('#thumbs a').click(function() {
		var href = $(this).attr('href'), rel = $(this).attr('rel'), istr = '<img src="' + href + '" alt="" rel="' + rel + '" />';
		$('#big_image').html(istr);
		return false;
	})
	$('#prev_foto').click(function() {
		var rel = $('#big_image img').attr('rel'), istr = getPrevImage(rel);
		if(istr != '') {
			$('#big_image').html(istr);
		}
		return false;
	})
	$('#next_foto').click(function() {
		var rel = $('#big_image img').attr('rel'), istr = getNextImage(rel);
		if(istr != '') {
			$('#big_image').html(istr);
		}
		return false;
	})
	//Gallery thumbnail update
	//
	$('#thumbs > div').each(function(index) {
		var tn = $(this);
		var pos = index;

		tn.data('position', pos);
		tn.addClass('invisiblethumb');
		vi.push(tn);
	});
	// If gallery is not needed, put thumbnails visible
	//
	if(vi.length <= vl) {
		$('#thumbs > div').each(function(index) {
			$(this).removeClass('invisiblethumb');
		});
	} else {
		$('#thumbs').prepend('<div id="ngg-image-prev" class="invisiblethumb"><div class="thumb-previous"></div></div>');
		$('#thumbs').append('<div id="ngg-image-next" class="visiblethumb"><div class="thumb-next"></div></div>');
		$('#ngg-image-prev').click(iPrev);
		$('#ngg-image-next').click(iNext);
		uVisible();
	}
});
function iPrev(event) {
	cu -= vl;
	if(cu <= vl) {
		cu = 0;
		$('#ngg-image-prev').removeClass('visiblethumb').addClass('invisiblethumb');
		vl = 11;
	}
	uVisible();
}

function iNext(event) {
	cu += vl;
	uVisible();
}

function uVisible() {
	if(vi.length != 0) {
		if(cu != 0) {
			$('#ngg-image-prev').removeClass('invisiblethumb').addClass('visiblethumb');
			$('#ngg-image-next').removeClass('invisiblethumb').addClass('visiblethumb');
			vl = 10;
		}
		var en = cu + vl;
		if(en >= vi.length) {
			vl = 11;
			cu = vi.length - vl;
			en = vi.length;
			$('#ngg-image-next').removeClass('visiblethumb').addClass('invisiblethumb');
		}
		for(var i = 0; i < vi.length; i++) {
			vi[i].removeClass('visiblethumb').addClass('invisiblethumb');
		}
		for(var i = cu; i < en; i++) {
			vi[i].removeClass('invisiblethumb').addClass('visiblethumb');
		}
	}
}

function getPrevImage(id) {
	var as = $('#thumbs a').get(), i, lim, rel, href, istr = '';

	for( i = 0, lim = as.length; i < lim; i++) {
		rel = $(as[i]).attr('rel');
		if(rel == id) {
			if(i > 0) {
				href = $(as[i - 1]).attr('href');
				rel = $(as[i - 1]).attr('rel');
				istr = '<img src="' + href + '" alt="" rel="' + rel + '" />';
			}
			break;
		}
	}
	return istr;
}

function getNextImage(id) {
	var as = $('#thumbs a').get(), i, lim, rel, href, istr = '';

	for( i = 0, lim = as.length; i < lim; i++) {
		rel = $(as[i]).attr('rel');
		if(rel == id) {
			if(i < as.length - 1) {
				href = $(as[i + 1]).attr('href');
				rel = $(as[i + 1]).attr('rel');
				istr = '<img src="' + href + '" alt="" rel="' + rel + '" />';
			}
			break;
		}
	}
	return istr;
}

function positionContent() {

	var fullHeight = $("#header").outerHeight(true) + $("#footer").outerHeight(true) + $("#content").outerHeight(true);
	var posContent = (($(window).height() - $("#header").outerHeight(true) - $("#footer").outerHeight(true)) / 2) - ($("#content").height() / 2);

	if(posContent > 80) {
		$("#content").css('margin-top', posContent);
	}

	if(fullHeight > $(window).height()) {
		$("#footer").css({
			position : 'relative',
			bottom : 'auto'
		});
	} else {
		$("#footer").css({
			position : 'absolute',
			bottom : '0'
		});
	}
}