var CurrentImageNumber = 1;
var CurrentImageStatus = false;

var preloadImage       = new Image();
preloadImage.src = './images/loading.gif'; 

function ImageOnLoad(){
	$('bigImageLoading').hide({queue: 'front'});
	$('bigImageDiv' + CurrentImageNumber).appear({duration: 1.0, from: 0.0, to: 1.0, afterFinish: ChangeImageStatus, queue: 'end'});
}

function changeBig(src){
	if(!CurrentImageStatus){
		var show = 0;
		var hide = 0;
		
		ChangeImageStatus();
	
		if(CurrentImageNumber==1){show=2; hide=1;}
		else					 {show=1; hide=2;}
		
		$('bigImage' + show).src = './images/empty.gif';
		$('bigImage' + show).src = src;
		
		preloadImage		= null;
		preloadImage	    = new Image();
		preloadImage.src    = src;
		preloadImage.onload = ImageOnLoad;
		
		$('bigImageDiv' + hide).fade({duration: 1.0, from: 1.0, to: 0.0, queue: 'front'});
		
		$('bigImageLoading').show({queue: 'end'});
		
		CurrentImageNumber = show;
		
	}
}

function ChangeImageStatus(){
	CurrentImageStatus = !CurrentImageStatus;
} 
