var curDiv = 1;
var curAutoImage = 1;
var autoLoadInterval;
var isAuto = true;

function manualLoad(url)
{
	clearInterval(autoLoadInterval);
	isAuto = false;
	loadImage(url);
}
function loadImage(url)
{
	clearInterval(autoLoadInterval);
	var loadedImage;
	new Asset.images(url, 
	{
			onProgress: function(i) 
			{
				loadedImage=this;
			},
			onComplete: function() 
			{
				$('imageHolder'+curDiv).innerHTML="";
/*				var imgEffect = $('imageHolder1').effect('opacity', {duration: 2000}).set(1-curDiv).start(1-curDiv,curDiv);*/
			
			$('imageHolder1').style.opacity = 1-curDiv;
/*			$('imageHolder1').morph({
			  'opacity': curDiv
			});*/
			
			var myEffect = new Fx.Morph('imageHolder1', {
				duration: 2000
//				transition: Fx.Transitions.Sine.easeOut
			});
			 
			myEffect.start({
				'opacity': curDiv
			});

				
 				loadedImage.inject($('imageHolder'+curDiv));
				curDiv=++curDiv%2;
				if( isAuto )
					autoLoadInterval=setInterval(goNext,6000);
			}
	});
}
function goAuto()
{	
	autoLoadInterval=setInterval(goNext,6000);
}
function goNext()
{
	loadImage(slikeArray[curAutoImage]);
	if (++curAutoImage>=slikeArray.length) curAutoImage=0;
}