
window.addEvent('domready', function(){
	var Tips1 = new Tips($$('.Tips1'), {
		initialize:function(){
			//this.toolTip.setStyle('margin-left','200px');
			this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
			
		},
		onShow: function(toolTip) {
			this.fx.start(1);
		},
		onHide: function(toolTip) {
			this.fx.start(0);
		}
	});
	var Tips2 = new Tips($$('.Tips2'), {
		initialize:function(){
			this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
		},
		onShow: function(toolTip) {
			this.fx.start(1);
		},
		onHide: function(toolTip) {
			this.fx.start(0);
		}
	});	

	
	$("img0").effects({duration: 1000, transition: Fx.Transitions.Quart.easeInOut}).start({ 'opacity':[0,1],  'top':'190px', 'left': ['0px','170px'] });
	$("img1").effects({fps: 25, duration: 1000, transition: Fx.Transitions.Quart.easeInOut}).start({ 'opacity':[0,1],  'top':'190px', 'left': ['1020px','770px'] })
	.chain(function(){
		$("img0").effects({fps: 25, duration: 1000, transition: Fx.Transitions.Quart.easeInOut}).start({  'top': ['190px', '295px']});
		$("img1").effects({fps: 25, duration: 1000, transition: Fx.Transitions.Quart.easeInOut}).start({  'top':['190px', '295px']  });
		$("img2").effects({fps: 25, duration: 1000, transition: Fx.Transitions.Quart.easeInOut}).start({ 'opacity':[0,1],  'top':'190px', 'left': ['0px','170px']});
		$("img3").effects({fps: 25, duration: 1000, transition: Fx.Transitions.Quart.easeInOut}).start({ 'opacity':[0,1],  'top':'190px', 'left': ['1020px','770px']}) 	
	    .chain(function(){
			$("img2").effects({fps: 25, duration: 1000, transition: Fx.Transitions.Quart.easeInOut}).start({ 'top': ['190px', '245px']});
			$("img3").effects({fps: 25, duration: 1000, transition: Fx.Transitions.Quart.easeInOut}).start({ 'top':['190px', '245px']  });
			$("img4").effects({fps: 25, duration: 1000, transition: Fx.Transitions.Quart.easeInOut}).start({ 'opacity':[0,1],  'top':'190px', 'left': ['0px','170px']});
			$("img5").effects({fps: 25, duration: 1000, transition: Fx.Transitions.Quart.easeInOut}).start({ 'opacity':[0,1],  'top':'190px', 'left': ['1020px','770px'] });
		});		
	});
	
	//$("img1").effects().start({ 'opacity':[0,1], 'top':'300px' })
});


