// JavaScript Document
window.addEvent('domready', function(){

////////////////////////////////////////////////////
/////////// Menu déroulant /////////////////////////
////////////////////////////////////////////////////

function deroulant(title, content, container){
	var title=$(title);
	var content=$(content);
	var container=$(container);
	
	var effet =  new Fx.Slide(content,{
		link: 'cancel',
		duration: 750,
	});
	effet.hide();
	
	var couleur = new Fx.Morph(title, {
		link: 'cancel',
		duration: 750,
		transition: 'back:out'
	});
	
	title.addEvent('click', function(){
		effet.toggle();
	});
	
	container.addEvent('mouseleave', function(){
		effet.slideOut();
	});

}

deroulant('titre_equipe', 'contenu_equipe', 'equipe');
deroulant('titre_media', 'contenu_media', 'media');
deroulant('titre_club', 'contenu_club', 'club');

////////////////////////////////////////////////////
/////////// Infos défilant /////////////////////////
////////////////////////////////////////////////////

var container=$('info');
var content=$('content');
	
var pos=(content.getStyle('height').toInt())-(container.getStyle('height').toInt());
var vitesse_defilement=(content.getStyle('height').toInt())*30;

var defilement = new Fx.Morph(content, {
	link: 'cancel',
	duration: vitesse_defilement,
	transition: 'linear',
	onComplete: function(){
		defilement.start({
			'margin-top':[0, -pos],
		});
	}
});
	

var defile = function(){
	this.start({
		'margin-top':[0, -pos],
	});
}
var arret = function(){
	this.pause();
}
	
var reprise = function(){
	this.resume();
}
					 
content.addEvent('domready', defile.bind(defilement));
content.addEvent('mouseenter', arret.bind(defilement));
content.addEvent('mouseleave', reprise.bind(defilement));



////////////////////////////////////////////////////
/////////// Slider /////////////////////////////////
////////////////////////////////////////////////////

/*var container=$('conteneur');
var dessus=$('fleche_dessus');
var dessous=$('fleche_dessous');

dessus.addEvent('click', function(event){
    event.preventDefault();
});

	
var Obj=new Fx.Morph(container, {
	link: 'cancel',
	duration: 750,
	transition: 'back:out'
});
	
var precedent = function(){
			
	pos=container.getStyle('margin-top').toInt()+200;
	
	if (pos<=0){
		this.start({
			'margin-top':pos,
		});
	}
}
	
var suivant = function(){
	
	maximum=((container.getStyle('height').toInt())-200);
	pos=container.getStyle('margin-top').toInt()-200;
	
	if(pos>=-maximum){
		this.start({
			'margin-top':pos,
		});
	}
}
	
dessus.addEvent('click', precedent.bind(Obj));
dessous.addEvent('click', suivant.bind(Obj));*/

///////////////// Hauteur de page ////////////////////////////

if ($('main_content').getStyle('height').toInt()>455){
	var hauteur=740+(($('main_content').getStyle('height').toInt())-520);
	$('page').set('styles', {
		'height': hauteur
	});
	
}
else{
	$('page').set('styles', {
		'height':740
	});
}

	

});