var currentImage = 0;
var currentPage = -1;
var lighbox;
//TODO: change to 4
var perPage = 4;

var oldActiveThumb;

function initGallery() {
    currentImage = 0;
    currentPage = -1;
	if (mediumImages.length > 0) {
	    showGalleryPage(1);
    }
}


function showGalleryPage(offset) {
	
    var holder= $("thumbnails");
    holder.descendants().each(function (e) {
        Element.remove(e);
    });
    
    
    currentPage += offset;
     

	if (currentPage > 0) {
		Element.show("galleryprevious");
	} else {
		Element.hide("galleryprevious");
	}
	if (mediumImages.length > (currentPage+1) * perPage ) {
		Element.show("gallerynext");
	} else {
		Element.hide("gallerynext");
	}
	var i = 0;
	var image;
	$("gallery_nav").hide();
    
    for (var i = (currentPage * perPage); i < Math.min(smallImages.length, ((currentPage +1) * perPage)); i++) {
        //
        var li = document.createElement('li');
        li.setAttribute('id', 'gallery'+i);
        var a = document.createElement('a');
        a.setAttribute('href', "javascript:showGalleryImage("+i+")");
        var img = document.createElement('img');
        img.setAttribute('src', smallImages[i]);
        if (captions) {
            img.setAttribute('alt', captions[i]);
            img.setAttribute('title', captions[i]);
        }
        
        img.setAttribute('border', '0');
        a.appendChild(img);
        li.appendChild(a);
        holder.appendChild(li);

    
    }
    showGalleryImage(currentPage * perPage);
    
   
	$("gallery_nav").show();

}

function showGalleryLarge() {
	var div1 = document.createElement('div');
	div1.setAttribute('id', 'lighboxoverlay');
	$('container').insert({ before : div1});
    div1.onclick = hideGalleryLarge;
	var div = document.createElement('div');
	div.setAttribute('id', 'lightboxcontent');
	var a = document.createElement('a');
	a.setAttribute('href', 'javascript:hideGalleryLarge();');
	var img = document.createElement('img');
	img.setAttribute('src', largeImages[currentImage]);
    if (captions) {
        img.setAttribute('alt', captions[currentImage]);
        img.setAttribute('title', captions[currentImage]);
    }
	img.setAttribute('border', '0');
	a.appendChild(img);
	div.appendChild(a);
	$('container').insert({ before : div});
	
}


function hideGalleryLarge() {
	$('lighboxoverlay').remove();
	$('lightboxcontent').remove();
	
}

function showGalleryImage(nr) {
	$("galleryimage").src = mediumImages[nr];
	$("galleryimage").title = captions[nr];
	$("galleryimage").alt = captions[nr];
	if (oldActiveThumb) {
		oldActiveThumb.removeClassName("active");
	}
	currentImage = nr;
	oldActiveThumb = $("gallery"+nr);
    if (oldActiveThumb) {
	    oldActiveThumb.addClassName("active");
    }
}