var image	=	null;
var src		=	null;
	
$(document).ready(function() {
	
	$('a.teaser').click(function (e) {
		
		var image_ID	=	this.id.split('-')[1];
		var src			=	serverpath + '/cms/media/thumbnail_' + image_ID + '_w_760_h_500.jpg';
		
		
		$('#gallery-image').animate({
			'opacity': 0
		}, 600, function () {
			image.src = src;
		});
		
		
		image		=	new Image();
		image.onload	=	function ( ) {
			$('#gallery-image').attr('src', src);
			showImage();
		}
								
		
		$('a.teaser').removeClass('active');
		$(this).addClass('active');
			
		return false;
	});

	  		
	// Only preload within the portfolio
	if (nodes_ID != 2) {
		return;
	}
	
	// Make content invisible
	$('#wrapper').css('display', 'none');
		
	// Load preloader
	$('#preloader').css('display', 'block');
	
	// Preload
	var image		=	new Image();
	var	mms			=	new Date();
	image.onload	=	function ( ) {
		var	mms2	=	new Date();
		
		if (mms2.getMilliseconds() - mms.getMilliseconds() < 50) {
			$('#preloader').css('display', 'none');
			$('#wrapper').css('display', 'block');
			return;
		}

		hidePreloader();	
	};	

	image.src	=	$('#gallery-image').attr('src');
	
		
	// Hide opreloader
	function hidePreloader ( ) {		
		$('#preloader').animate({
			'opacity':	0	
		}, 600,
		function () {
			showContent();
		});
	}	
});

function showImage ( ) {
	
	if ($('#gallery-image').css('opacity') > 0) {
		window.setTimeout("showImage()", 100);
		return;
	}
	
	$('#gallery-image').animate({
		'opacity':	1
	}, 600);
}

// Make content visible again
function showContent ( ) {	
	$('#wrapper').css('opacity', 0);
	$('#wrapper').css('display', 'block');
	$('#wrapper').animate({
		'opacity':	1
	}, 600);
}