var startImage = 1;
	var numberOfImages = 5;
	var cycleInterval = 8000;
	var fadeDuration = 1000;
	var fadeOffset = 400;
	
	window.addEvent('domready', init);
	
	function init()
	{
		(function(){cycleImage()}).periodical(cycleInterval);
		cycleImage();
	}
	
	function cycleImage()
	{
		startImage++;
		if(startImage>numberOfImages) startImage=1;
		
		var fadeDirection = Math.floor(Math.random()*4+1);
		
		var newImg = new Asset.image('/images/homePageBanner'+startImage+'.jpg', {onload:function()
			{
			newImg.set('morph',{duration:fadeDuration, transition:Fx.Transitions.Sine.easeOut, onComplete:function()
				{
					$$('.banner')[0].setStyle('background','url(/images/homePageBanner'+startImage+'.jpg)');
				}
			});
			newImg.setStyles({'opacity':0, 'position':'absolute'});
			if(fadeDirection==1) newImg.setStyles({'top':-1*fadeOffset});
			if(fadeDirection==2) newImg.setStyles({'top':fadeOffset});
			if(fadeDirection==3) newImg.setStyles({'left':-1*fadeOffset});
			if(fadeDirection==4) newImg.setStyles({'left':fadeOffset});
	
			$$('.banner')[0].empty();
			newImg.inject($$('.banner')[0]);
			newImg.morph({'opacity':1, 'left':0, 'top':0});
			}
		});		
	}