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':'225px', 'left': ['0px','170px'] });
	$("img1").effects({fps: 25, duration: 1000, transition: Fx.Transitions.Quart.easeInOut}).start({ 'opacity':[0,1],  'top':'225px', 'left': ['1020px','770px'] })
	.chain(function(){
		$("img0").effects({fps: 25, duration: 1000, transition: Fx.Transitions.Quart.easeInOut}).start({  'top': ['225px', '325px']});
		$("img1").effects({fps: 25, duration: 1000, transition: Fx.Transitions.Quart.easeInOut}).start({  'top':['225px', '325px']  });
		$("img2").effects({fps: 25, duration: 1000, transition: Fx.Transitions.Quart.easeInOut}).start({ 'opacity':[0,1],  'top':'225px', 'left': ['0px','170px']});
		$("img3").effects({fps: 25, duration: 1000, transition: Fx.Transitions.Quart.easeInOut}).start({ 'opacity':[0,1],  'top':'225px', 'left': ['1020px','770px']}) 	
	    .chain(function(){
			$("img2").effects({fps: 25, duration: 1000, transition: Fx.Transitions.Quart.easeInOut}).start({ 'top': ['225px', '275px']});
			$("img3").effects({fps: 25, duration: 1000, transition: Fx.Transitions.Quart.easeInOut}).start({ 'top':['225px', '275px']  });
			$("img4").effects({fps: 25, duration: 1000, transition: Fx.Transitions.Quart.easeInOut}).start({ 'opacity':[0,1],  'top':'225px', 'left': ['0px','170px']});
			$("img5").effects({fps: 25, duration: 1000, transition: Fx.Transitions.Quart.easeInOut}).start({ 'opacity':[0,1],  'top':'225px', 'left': ['1020px','770px'] });
		});		
	});
	
	//$("img1").effects().start({ 'opacity':[0,1], 'top':'300px' })
	$$(".filigrane").each(function(div){
			var thisId = div.getProperty('id');
			//var img = 'url("photos/'+thisId+'")';
			div.setStyles({		
				'display': 'block',
					'visibility' : 'visible',
					'opacity': 0.40 });
	});
});