$(document).ready(function() {
				
	$('#picHolder ul.pic li').hide();
	
	var images = new Array;
	var currentImageNr = 0;
	var counter;
	var preloadImage = new Image();
		
	$("#picHolder ul.pic li").each(function(i)
	{
		images.push($(this).attr('id'));
	});
	
	$('#'+images[currentImageNr]).show();
	var counter = "1 / "+images.length;
	$(".counter").html(counter);
	
	if(images.length >= 2) {
		$('.dida').after('<div id="galleryNav"><a class="navPrev" href="#">&#60;</a><a class="navNext" href="#">&#62;</a></div>');
		$('a.navPrev').hide();
		$('a.navNext').before('<div class="navPrevDisabled" href="#">&#60;</div>');
	};		
		
	$("a.navPrev").click(function(e) {
			prevImage();
			return false;
	});
						
	$("a.navNext").click(function(e) {
			nextImage();
			return false;
	});
						
	function loadImage() {
		$('#'+images[currentImageNr]).show('normal');
		var dida = $("#pic_"+currentImageNr+" img").attr("alt");
		$("#didascalia p").find("em").html(dida);
	    var counter = currentImageNr+1+" / "+images.length;
	    $(".counter").html(counter);
		if(currentImageNr == 0) {
			$('a.navPrev').hide();
			$('a.navNext').before('<div class="navPrevDisabled" href="#">&#60;</div>');
		} else {
			$('a.navPrev').show();
			$('div.navPrevDisabled').remove();
		}
		if(currentImageNr >= images.length - 1) {
			$('a.navNext').hide();
			$('a.navPrev').after('<div class="navNextDisabled" href="#">&#62;</div>');
		} else {
			$('a.navNext').show();
			$('div.navNextDisabled').remove();
		}
		
	};
	
	function prevImage()
	{
		$('#picHolder ul.pic li').hide('normal');
			if(currentImageNr <= 0) {
				currentImageNr == 0;
			} else {
				currentImageNr == currentImageNr--;
				counter == counter--;
			}
			loadImage();

	};
				
	function nextImage()
	{
		$('#picHolder ul.pic li').hide('normal');
			if(currentImageNr >= images.length - 1) {
				currentImageNr == images.length - 1;
			} else {
				currentImageNr == currentImageNr++;
				counter == counter++;
			}
			loadImage();
	};	

});