window.addEvent('domready', function(){
	
	/* les scrollers*/
	
	if ($('urbaprojetsscroll')) {		
		var monscroll = $('urbaprojetsscroll');
		var scrollaction = $('urbaprojetsscrollaction');
		scrollers(monscroll, scrollaction);		
		
	}
	
	if ($('urbaqualscroll')) {
		var monscroll = $('urbaqualscroll');
		var scrollaction = $('urbaqualscrollaction');
		scrollers(monscroll, scrollaction);
	}
	
	if ($('urbadevdurscroll')) {
		var monscroll = $('urbadevdurscroll');
		var scrollaction = $('urbadevdurscrollaction');
		scrollers(monscroll, scrollaction);
	}
	
	//le jeu des vignettes et des fonds propre ŕ la rubrique archis	
	if ($$('.urbavignette')){
		var bulles = new Tips($$('.urbavignette'), {
			timeOut: 700,
			maxTitleChars: 50, 
			hideDelay: 200,
			offsets: {'x':5, 'y': -30},
			onShow: function(tip){ 
				tip.setStyle('opacity', '0.8'); 
			}
		});
	}
	
	//les changements de fond au click sur les vignettes
	if ($('urbaprojetsmain')) {
		var fondpage = $('urbaprojetsmain');
		new Asset.images(['../../img/urba/urbaprojetsfond.jpg', '../../img/urba/urbaprojetsfond2.jpg']);
		
		var pageurl = document.location.href;
			
		if (pageurl.contains("mozart") == true){
			fondpage.setStyle('background-image', 'url(../../img/urba/urbaprojetsfond2.jpg)');
		}
	}
	
	if (fondpage) {
		
		$$('.urbavignette').each(function(el, i) {
			el.addEvent('click', function(e){
				e = new Event(e).stop();
				var fond = this.getProperty('href');
				fondpage.setStyle('background-image', 'url('+fond+')');
			});
		});
	}
	
	//l'effet d'opacité sur les vignettes
	var legendes = $$('.legende');
	
	$$('.urbavignette').each(function(el, i) {
		
		var vigneffect = new Fx.Style(el, 'opacity', {wait: false, duration: 400})
		var legendeeffect = new Fx.Style(legendes[i], 'opacity', {wait: false, duration: 400})
		
		el.addEvents({
			'mouseenter': function(){ vigneffect.start(0.6); legendeeffect.start(0.6); },
			'mouseleave': function(){ vigneffect.start(0.6, 1); legendeeffect.start(0.6, 1); }
		});
	});
		
});