window.addEvent('domready',function(){

	/* affichage bloc video */
	function loadVideo()
	{
		$('video').effects({
			duration:1000,
			transition:Fx.Transitions.Back.easeOut
		}).start({top:0});
	}
	loadVideo.delay(1000);
	/* animation bloc video */
	/*function moveVideo()
	{
		$('video').effects({
			duration:450,
			transition:Fx.Transitions.Expo.easeOut
		}).start({top:5}).chain(function(){
			$('video').effects({
				duration:900,
				transition:Fx.Transitions.Expo.easeOut
			}).start({top:0})
		});
	}
	moveVideo.periodical(3000);*/

	var active = $('zInc1');
	var ef = new Array();
	$('mosaik').getElements('a').each(function(el,i){
		var number = el.getProperty('id').toString().substr(3);
		if (i>0) {
			$('zInc'+number).setStyles({opacity:0,display:'none'/*,height:0*/});
		}
		new Element('div',{
			id:'title'+number
		}).setStyles({
			position:'absolute',
			width:41,
			height:41,
			top:0,
			left:0,
			overflow:'hidden',
			border:'0px solid #fff',
			opacity:0
		}).setText('').injectAfter(el.getFirst());

		el.addEvent('mouseenter',function(){
			if (!el.hasClass('active')) {
				$('title'+number).effects({duration:200}).start({opacity:0.5,width:33,height:33,'border-width':4});
			}
		});
		el.addEvent('mouseleave',function(){
			if (!el.hasClass('active')) {
				$('title'+number).effects({duration:200}).start({opacity:0,width:41,height:41,'border-width':0});
			}
		});

		el.addEvent('click',function(e){
			new Event(e).stop();
			$('mosaik').getElements('a').each(function(elem){
				if (elem!=el) {
					elem.removeClass('active');
					elem.getLast().setStyles({opacity:0,width:41,height:41,'border-width':0});
				}
			});
			el.addClass('active');

			$('title'+number).effects({duration:200}).start({
				opacity:0.5,width:11,height:11,'border-width':15
			}).chain(function(){
				$('title'+number).effects({duration:200}).start({
					opacity:0.7,width:33,height:33,'border-width':4
				});
			});

			active.effects({duration:200}).start({
				opacity:0
			}).chain(function(){
				active.setStyle('display','none');
				active = $('zInc'+number);
				active.setStyle('display','block');
				$('zInc'+number).effects({duration:200}).start({
					opacity:1
				})
			});
		});
	});

	/* scroll horinzontale */
	new Fx.Scroll('cMosaik',{duration:0}).toLeft();
	var sens = 'left';
	if ($('fleche'))
	{
		var imgF = $('fleche').getFirst();
		$('fleche').addEvent('click',function(e){
			new Event(e).stop();
			$('fleche').effects().start({opacity:0});
			if (sens=='left') {
				new Fx.Scroll('cMosaik').toRight().chain(function(){
					imgF.setProperty('src','img/global/flecheL.gif');
					//$('fleche').injectInside($('mosaik'));
					$('fleche').effects().start({opacity:1});
				});
				sens = 'right';
			} else {
				new Fx.Scroll('cMosaik').toLeft().chain(function(){
					imgF.setProperty('src','img/global/fleche.gif');
					//$('fleche').injectInside($('cMosaik'));
					$('fleche').effects().start({opacity:1});
				});
				sens = 'left';
			}
		});
	}
});
