/*  MoveMenu ne marche pas avec safari... */

var MoveMenu = new Class({
						 
	//opened : false,
						 
	initialize: function(){
		var mainmenus   = $$('.mainmenu li a');
		var mainmenus_s = $$('.mainmenu li.s a');
		
		var menus       = $$('.mainmenu li.s li a');
		var menus_s     = $$('.mainmenu li.s li.s a');
		
		//////// substract the list of its parent list ////// 
	/*
		mainmenus_s.each(function(element){
			mainmenus.destroy(element);
		});
		menus.each(function(element){
			mainmenus_s.destroy(element);
		});
		menus_s.each(function(element){
			menus.destroy(element);
		});*/
		
		
		
		//////// actions  ////////////////////////////////////////////////
		
		mainmenus.each(function(element) {
		 
			var fx = new Fx.Morph(element, {duration:200, wait:false});
		 
			element.addEvent('mouseenter', function(){
				fx.start({
					'padding-right': 10,
					'color': '#1ea7b7'
				});
			});
		 
			element.addEvent('mouseleave', function(){
				fx.start({
					'padding-right': 6,
					'color': '#481d29'
				});
			});
		 
		});
		
		
		
		mainmenus_s.each(function(element) {
		 
			var fx = new Fx.Tween(element, {duration:200, wait:false});
		 
			element.addEvent('mouseenter', function(){
				fx.start({
					'padding-right': 16
				});
			});
		 
			element.addEvent('mouseleave', function(){
				fx.start({
					'padding-right': 12
				});
			});
		 
		});
		
		
		
		menus.each(function(element) {
		 
			var fx = new Fx.Morph(element, {duration:200, wait:false});
		 
			element.addEvent('mouseenter', function(){
				fx.start({
					'padding-right': 10,
					'color': '#666'
				});
			});
		 
			element.addEvent('mouseleave', function(){
				fx.start({
					'padding-right': 6,
					'color': '#1ea7b7'
				});
			});
		 
		});
		
		
		
		
		
		
		
		
	}						 
						 
						 
						 
}); // end MoveMenu;





///////////////////////////////////////////////////////////////////////////////////////////////////////////////////


var myAccordion = new Class({
						 
						 
	initialize: function(container){
		
		//this.target = $('events'); 
		
		container = $(container);
		
		this.togglers = $$('.opener');  
		
		
		this.togglers.setStyle('cursor','pointer');
		this.elements = $$('div.accordion');  
		
		//console.log("els"+this.elements);
		
		
		var accordion = new Accordion(this.togglers, this.elements, {
			opacity: true,
			alwaysHide: true,
			show: 0
			/*onActive: function(this.togglers, this.elements){
				toggler.setStyle('color', '#ff3300');
			},
		 
			onBackground: function(toggler, element){
				toggler.setStyle('color', '#222');
			}*/
		});
		
	}
					 
						 
						 
						 
}); // end class;




///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


var HighlightSearch = new Class({
	initialize: function(target) {
		this.target = target;
		this.input = $('clientinput');
		this.firsttext = this.input.value;
		
		this.cache = new Element('div').injectInside(this.target).addClass('hidesearch').setStyle('opacity',0.4); 
		
		this.showing = new Fx.Tween(this.cache, {
			duration: 300,
			transition: Fx.Transitions.Quad.easeOut,
			wait: true,
			onComplete: function(cache){cache.setStyle('display','none')}
		});
 
		this.hiding = new Fx.Tween(this.cache, {
			duration: 600,
			transition: Fx.Transitions.Quad.easeOut,
			onStart: function(cache){cache.setStyle('display','')}
		});
		
		this.input.addEvent('focus',function(){this.input.value = ''}.bind(this));
 
		this.input.addEvent('blur',function(){
			if(this.input.value == '') this.input.value=this.firsttext
			this.hiding.start({'opacity':0.4});
		}.bind(this));
 
		this.cache.addEvent('mouseover', function(){
			this.showing.start({'opacity':0.1});	
		}.bind(this));
	} //end constructor
}); // end class