window.addEvent('domready', function(){
	var aucunCinema = new Element('div',
			{'html':"Il n'y a aucun cinema de ce nom"});
	//hauteur totale des elements dans le container
	var heightElements = 0;
	
	if($('listeCinemas')){
		//makeScrollbar( $('listeCinemas'), $('scrollbar1'), $('handle1'), false, false, $('scrollbar_up'), $('scrollbar_down'), $('#containerScrollBar') );
		
		
		$$('#listeCinemas li').each(function(el){
			heightElements = heightElements + el.getHeight();
			el.anim = new Fx.Reveal(el, {
				duration: 500
			});
		});
		//alert(heightElements);
		makeScrollbar( $('listeCinemas'), $('scrollbar1'), $('handle1'), false, false, $('scrollbar_up'), $('scrollbar_down'), heightElements );
		
		$('rechercheCinema').addEvent('keyup',function (){
			var keyword = this.value;
			var lengthKeyword = keyword.length;
			//alert(lengthKeyword);
			if(lengthKeyword > 2){
				var regex = new RegExp("^.*"+keyword.toLowerCase()+".*$");
				var nbHide = 0;
				liste = $$('#listeCinemas ul li');
				
				liste.each(function(el){	
					titreCinema = el.getElement('.nomCinema').get('html').toLowerCase();
								
					if(titreCinema.match(regex)){
						el.anim.reveal();
					}else{
						el.anim.dissolve();
						nbHide = nbHide + 1;
					}
					
				});
				
				if($$('#listeCinemas ul li').length == nbHide){	
					aucunCinema.inject($('listeCinemas'));
					nbHide = 0;
				}else{
					aucunCinema.dispose();
				}
				//setTimeout("makeScrollbar( $('listeCinemas'), $('scrollbar1'), $('handle1'), false, false, $('scrollbar_up'), $('scrollbar_down')  )",500);	
			}else{
				$$('#listeCinemas ul li').each(function(el){	
					el.anim.reveal();
				});
				
				//setTimeout("makeScrollbar( $('listeCinemas'), $('scrollbar1'), $('handle1'), false, false, $('scrollbar_up'), $('scrollbar_down') )",500);
			}
		});
		
		$('rechercheCinema').addEvent('keypress',function (){
			setTimeout("$('rechercheCinema').fireEvent('keyup')",500);
		});	
	}
	if($('rechercheCinema')){
		new OverText($('rechercheCinema'));
	}
});