var currentImage = 1;
var numImages = 5;

jQuery(function($) {
	$('#gallery-controls a').click(
		function(){
			//arrows:
		    $('#gallery').children('img').hide();
		    
		    var isArrow = false;
		    if($(this).hasClass('next')){
		    	if(currentImage < numImages) {
		    		currentImage++;
		    	} else {
		    		currentImage = 1;
		    	}
		    	isArrow = true;
		    } else if($(this).hasClass('prev')) {
		    	if(currentImage > 1) {
		    		currentImage--;
		    	} else {
		    		currentImage = numImages;
		    	}
		    	isArrow = true;
		    }
		    
		    var filename = '';
		    
		    if(isArrow){
		    	filename = $('#gallery_link_'+currentImage).attr('href');
		    } else {
		    	currentImage = $(this).text();
		    	filename = $(this).attr('href');
		    }
		    
		    $('#gallery-controls').children('a').removeClass('active');
		    $('#gallery_link_'+currentImage).addClass('active');
		
			
			
			var img = new Image();
			$(img)
			.load(function () {
     			$(this).hide();
    			$('#gallery').html(this);
    			$(this).fadeIn();
    		})
    	    .error(function () {
		    	alert('Das Bild konnte nicht geladen werden.')
		    })
		    .attr('src', filename);
	});
		
});