var image	=	null;
var src		=	null;

window.addEvent('domready', function (e) {
		
	
	$$('a.teaser').addEvent('click', function (e) {
		
		var image_ID	=	this.id.split('-')[1];
		src				=	serverpath + '/cms/media/thumbnail_' + image_ID + '_w_760_h_500.jpg';
		
		$('gallery-image').fade(0);
		
		image		=	new Image();
		image.onload	=	function ( ) {
			$('gallery-image').src	=	src;
			showImage();
		}
		
		window.setTimeout("image.src = src;", 500);
				
		
		$$('a.teaser').removeClass('active');
		this.addClass('active');
			
		e.stop();
	});
	
});

function showImage ( ) {
	if ($('gallery-image').getStyle('opacity') > 0) {
		window.setTimeout("showImage()", 100);
		return;
	}
	
	$('gallery-image').fade(1);
}