document.write("<link href=\"/system/modules/org.opencms.frontend.photoalbum2/resources/css/galleria.css\" rel=\"stylesheet\" type=\"text/css\" />");
document.write("<script type=\"text/javascript\" src=\"/system/modules/org.opencms.frontend.photoalbum2/resources/jquery_lightbox/js/jquery.lightbox.js\"></script>");
document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"/system/modules/org.opencms.frontend.photoalbum2/resources/jquery_lightbox/css/jquery.lightbox.css\" media=\"screen\" />");

$(function() {
	$('#img_galleria li a').lightBox();
});

$(document).ready(function(){
var perpag = eval($("#perpag").val());
var start=0;

if(perpag!=0 && perpag<$('#img_galleria li').length){
pager(start, perpag)
	$('#img_galleria').append("<a href=\"#\" id=\"galindietro\">Indietro</a>")
	$('#img_galleria').append("<a href=\"#\" id=\"galavanti\">Avanti</a>")
}

function pager(start){
	checkState();
	$('#img_galleria li').hide();
		for (i=start; i<start+perpag; i++){
		       $('#img_galleria li:eq('+i+')').fadeIn();
                }
}

$("#galindietro").click(function(){
	if(start>=perpag){
		start-=perpag;
		pager(start)
	}
})

$("#galavanti").click(function(){
	if((start+perpag)<$('#img_galleria li').length){
		start+=perpag;
		pager(start)
	}
})
function checkState(){
	if(start==0){$("#galindietro").addClass('off')}
	if(start>=($('#img_galleria li').length-perpag)){$("#galavanti").addClass('off')}
}


});