var ChainExample = new Class({
  		Implements: [Chain]
 	});

window.addEvent('domready', function() {
	//implement chain class

	
	var image =  new Array;
	var fadeRate = 200;
	var bgPosition = 0;
	var displayTime = 7000;
	var bgImage = 1;
	var numPhotos = 6;
	//Load Image divs
	for(var i=1; i <= 6; ++i){
		image[i] = $('logoImage' + i).set('opacity', 0);
		image[i].setStyle('background', 'url(img/mri'+bgImage+'.jpg)'+bgPosition+'px top no-repeat');
		image[i].setStyle('height', 1);
		image[i].set('morph',{
			duration: fadeRate,
			transition: Fx.Transitions.Sine.easeOut,
			link: 'chain'
		});
		image[i].set('tween',{
			duration: fadeRate/2,
			transition: 'sine:out',
			link:'chain'
		});
		fadeRate += 150;

	}
	$('logoAll').addEvent('mouseenter',function(){
		for(var i = 1; i<=6; ++i){
			image[i].tween('height',100).tween('height',165)
		}
	})
	
	
	
	var fadeIn = function() {
		for(var i = 1; i <= 6; ++i){
			image[i].setStyle('background', 'url(img/mri'+bgImage+'.jpg)'+bgPosition+'px top no-repeat');
			image[i].setStyle('width', 30);
			image[i].setStyle('height', 1);
			image[i].setStyle('margin-left', 0);
			bgPosition -= 35;
			moveTo = $random(100, 165);
			var opacity = (7-i)/10;
			image[i].morph({
				'opacity': opacity,
				'height': 165
			});
		}
		

	};
	var fadeOut = function() {
		bgPosition = 0;	
		bgImage = $random(1,6);
		for(var i=1; i<=6; ++i){
			image[i].morph({
				'opacity':0,
				'width':1,
				'margin-left':30 
			});
		}


	};
	var logoFades = function(){
			fadeIn.run();
			fadeOut.delay(displayTime);
	}
	logoFades.run();
	logoFades.periodical(displayTime + 2000);

	
});