var Site = {
	start: function() {
		Site.effects();
		Site.afficheLabel();
		Site.AnimStart();
		//$$('.project_bandeau').fade(0,1);
	},

	afficheLabel:function(idLabel){
		var list = $$('.project');
		list.each(function(element) {
 			
 			bandeau_el = element.getElement('.project_bandeau');
 			roll_el = element.getElement('.project_banner_rollover');
 			//bandeau_el = element.getElementsByName('project_bandeau');
 			//bandeau_el = element
			var bandeau_fx = new Fx.Styles(bandeau_el, {duration:300, wait:false});
			var roll_fx = new Fx.Styles(roll_el, {duration:600, wait:false});
 
			element.addEvent('mouseenter', function(){
				bandeau_fx.start({
					'width': '2500px',
					color: '#972359',
					opacity:1
				});
				roll_fx.start({
					opacity: 1
				});
		});
 	
		element.addEvent('mouseleave', function(){
			bandeau_fx.start({
				'width': '0px',
				'color': '#481e0e',
				opacity:0
			});
			roll_fx.start({
				opacity: 0
			});
		});
	 
	});
	
	
	},
	
	
	
	
	
	
	
	
	
	
	
	
	
	AnimStart:function(){
	
	
	var bloc_droit = $('bloc_droit'), portfolio = $('portfolio'), deco_fabrique = $('deco_fabrique'), bloc_droite_fil = $('bloc_droite_fil');
	var fx = bloc_droit.effects({duration: 1000, transition: Fx.Transitions.Quart.easeOut});
	var portfolio_fx = portfolio.effects({duration: 1000, transition: Fx.Transitions.Quart.easeOut});
	var deco_fabrique_fx = deco_fabrique.effects({duration: 1000, transition: Fx.Transitions.Quart.easeOut});
	var bloc_droite_fil_fx = bloc_droite_fil.effects({duration: 1000, transition: Fx.Transitions.Quart.easeOut});
 
	portfolio_fx.start({
		'margin-left': -500
	}).chain(function(){
		this.start({
			'margin-left': 0
		});
	});
	
	fx.start({
		'margin-left': 230
	}).chain(function(){
		this.start({
			'margin-left': 730
		});
	});
	
	deco_fabrique_fx.start({
		'left': 400
	}).chain(function(){
		this.start({
			'left': 900
		});
	});
	
	bloc_droite_fil_fx.start({
		'left': 236
	}).chain(function(){
		this.start({
			'left': 736
		});
	});
	
	
	
	
	
	
	},
	
	
	
	
	
	
	
	
	
	
	

	effects: function(chargeMoiCa) {
		var timer = 0;
		var fx = [];
		var toggler = $$('.project_banner');
		var target = $$('.project_medias');
		var project = $$('.project');
		
		var scroll = new Fx.Scroll(window, {duration: 800, transition: Fx.Transitions.Cubic.easeInOut});
		
		
		var importFlash = function (baliseId,variablesFlash){
		var url = "scripts/importFlash.php";
		new Ajax(url, {
		  	postBody:'variablesflash='+variablesFlash+'baliseid='+baliseId,
			method: 'get',
			update: $(baliseId)
		}).request();
		}
		
		toggler.each(function(el, i){
			el.effect = new Fx.Styles(el, {duration: 250});

			fx[i] = new Fx.Styles(el, {duration: 250});
			
			el.addEvent('mouseenter', function(){
				if(!el.hasClass('selected')){
					el.setStyle('cursor','pointer');
				}
			});
			el.addEvent('mouseleave', function(){
				if(!el.hasClass('selected')){
					el.setStyle('cursor','pointer');
				}
			});
		});

		var myAccordion = new Accordion(
			toggler, target, {
				onActive: function(tog,targ){
					togParent = tog.getParent();


					
					tog.setStyle('height', '0px');
					targ.setStyle('height', '375px');
					tog.addClass('selected');
					
					(function() {scroll.scrollTo(0,tog.getTop()-10);}).bind(tog).delay(500);
					
					togParent.setStyle('height', '375px');
					
				},
				onBackground: function(tog,targ){
				
					tog.setStyle('height', '130px');
					targ.setStyle('height', '0px');
					tog.removeClass('selected');
				
					togParent = tog.getParent();	
					togParent.setStyle('height', '130px');
					//targ.write('');
				},
				start: 'all-close',
				duration: 250,
				alwaysHide: true
			}
		);
	}
}

window.addEvent('domready', Site.start);