window.addEvent('domready', function() {

//TOOLTIPS (Infobulles sur images
	//store titles and text
	$$('a.tipz').each(function(element,index) {
		var content = element.get('title').split('::');
		element.store('tip:title', content[0]);
		element.store('tip:text', content[1]);
	});
	
	//create the tooltips
	var tipz = new Tips('.tipz',{
		className: 'custom_tipz',
		fixed: false,
		hideDelay: 50,
		showDelay: 50
	});

tipz.addEvents({
	'show': function(tip) {
		tip.fade('in');
	},
	'hide': function(tip) {
		tip.fade('out');
	}
});


//SLIDES VERTICAUX
	var status = {
					'true': '-',
					'false': '+'
				};

	//selectionne les DIV dont le ID se termine par '_slide'
	var VerticalSlide=$$('div[id$=_slide]');
	var myVerticalSlide = [];
	VerticalSlide.each(function(el,i){
								  		myVerticalSlide[i] = new Fx.Slide(el);

										$(el.id.split("_")[0]+'_toggle').addEvent('click', function(e){
											// ??
											e.stop();
											//si le calque etait ouvert au moment du clic... , sinon fadeIn
											if(myVerticalSlide[i].open) 
											{ 
												//...alors fadeOut et afficher l'icone de réouverture du calque,...
												el.fade(0); 
												$(el.id.split("_")[0]+'_status').set('html', status[false]);
											} 
											else 
											{ 
												//...sinon fadeIn et afficher l'icone de refermeture du calque
												el.fade(1); 
												$(el.id.split("_")[0]+'_status').set('html', status[true]);
											};
											// au moment du clic, le calque s'ouvre/ferme
											myVerticalSlide[i].toggle();
										});	
									});
//ONGLETS	
	//Initialisation des differents contenus de calques en les cachant
	var ongletsContent=$$('div[id^=onglets_content]');
	
	//fonction qui cache le contenu des onglets
	var hideOngletContent = function() {
										ongletsContent.each(function(el,i){	el.setStyle('display', 'none');		});
										}
	//cache les contenus des onglets dès le chargement de la page
	hideOngletContent();

	var showOngletContent = function() {
										
											//cache les autres contenus
											hideOngletContent();
										 
											//recupere le n° du bouton pour cibler puis afficher son calque de contenu correspondant
											$('onglets_content'+this.id.split("onglet_bouton")[1]).setStyle('display', 'block');
										
										//this.setStyle('display', 'block');
										/*	this.start({
											'display': ['none', 'block'],
											'background-color': ['#fff', '#999'],
											'font-size': ['16px', '25px']
											});*/
										}

 //creation d'un tableau pour passer à Fx.elements
	var morphElements = $$('div[id=onglets_content]');
 
 //creation d'un nouvel objet Fx.Element
	var elementEffects = new Fx.Elements(morphElements, {
														 //définition de l'option "link" pour annuler
															link: 'cancel'
														}); 

	var ongletBouton=$$('li[id^=onglet_bouton]');
	ongletBouton.each(function(el,i){
										el.addEvent('click', showOngletContent.bind(el));
										//el.addEvent('click', showOngletContent.bind(elementEffects));
										//el.addEvent('click', function() { alert(el.id); } );
							   		});

});

//SLIDESHOW
	  window.addEvent('domready', function(){
	    var data = {
	      'slideshowindx_1.jpg': { caption: 'Place Remoiville vue de nuit' }, 
	      'slideshowindx_2.jpg': { caption: 'Villiers-sur-Marne, Ville fleurie' },
	      'slideshowindx_3.jpg': { caption: 'Marché de Villiers' }		  
	    };
	    var myShow = new Slideshow('show', data, {controller: false, height: 60, hu: '../../images/index/', thumbnails: false, width: 300});
	  });
	  

//SCROLLER
window.addEvent('domready', function(){
var scroll2 = new Scroller('flashinfo_content', {area: 200, velocity: .1});
//scroll2.start();
$('flashinfo_content').addEvent('mouseover', function() { scroll2.start(); });
});

//MULTIBOXES
	window.addEvent('domready', function(){
		var villiers94mapMB = new multiBox('villiers94map_mb', {	overlay: new overlay(),	descClassName: 'villiers94map_mbDesc', showControls: false} );
		var publicationsMB = new multiBox('publications_mb', {	overlay: new overlay(),	descClassName: 'publications_mbDesc'} );
		var galerieMB = new multiBox('galerie_mb', {	overlay: new overlay(),	descClassName: 'galerie_mbDesc'} );

	});