$(function(){
	/**
	 * Setup Variables for gallery
	 */
	var imagelayers = [ $('<img>').appendTo('#gallery_image').css({opacity:0}) , $('<img>').appendTo('#gallery_image').css({opacity:0})],
			links = $('#gallery a');
			curImage = 0,
			curLink = 0,
			zIndex = 2,
			galleryFade = 800;
			
	var setImageSrc = function(){
		if(links.length) $(imagelayers[curImage]).attr('src', links[curLink].href);
	}
					 
	$('#navigation a').click(function(){
		curLink = this.id == 'next'? curLink+1 : curLink-1;
		curLink = curLink<0? links.length-1 : curLink == links.length? 0 : curLink;
		curImage = curImage==1? 0 : 1;
		setImageSrc();
		return false;
	});
	
	$(imagelayers).each( function(){
		$(this).bind('load', function(){
			var c = curImage==1? 0 : 1;
			imagelayers[c].animate({opacity:0},galleryFade);
			setTimeout(function(){
				imagelayers[c].hide();
				imagelayers[curImage].show();
				imagelayers[curImage].animate({opacity:1},galleryFade);
			}, galleryFade);
		});
	});

	setImageSrc();

});