// Implementation of the Class Site
Utilitaries.implement ({
	dynamiseNav: function(){
		var CSSelements = 'div#naviguation ul li a';
		var sideblocks = $$(CSSelements);
		
		sideblocks.each(function(el, i){
								 
			el.setHTML("<img src='style/blaiseduboux/star.png' /> " + el.innerHTML);
			el.title = "";
			
			var dad = el.getParent();
			var bros = dad.getChildren();
			bros.each(function (bro, i) {
				if(bro.getTag() == "ul" && bro.getStyle('display') != 'none') {
					//console.log(bro);
					var mySlider = new Fx.Slide(bro, {wait: false, duration: 500});
					
					mySlider.hide();
					
					var showSubNav = function() { mySlider.slideIn(); };
					var hideSubNav = function() { mySlider.slideOut(); };
					var slideInTimer;
					var slideOutTimer;

					dad.addEvent('mouseenter', function(e){
						e = new Event(e);
						slideOutTimer = $clear(slideOutTimer); // Cancels hideSubNav.
						slideInTimer = showSubNav.delay(200); // Waits 0.5 seconds then executes showSubNav.
						e.stop();
					});
					dad.addEvent('mouseleave', function(e){
						e = new Event(e);
						slideInTimer = $clear(slideInTimer); //Cancels showSubNav.
						slideOutTimer = hideSubNav.delay(1000); // Waits 2.0 seconds then executes hideSubNav.
						e.stop();
					});	
				}
			});
			
			var overfxs = new Fx.Styles(el, {wait: true, duration: 250, transition: Fx.Transitions.quadOut});
			
			
			var frompadding = el.getStyle('padding');		
			var topadding = '0 0 0 0px';
			var frombg = el.getStyle('background-color');		
			var tobg = '#fff';
			
			el.mouseouted = true;

			el.addEvent('mouseenter', function(e){
				el.setStyles({
					'padding': topadding,
				//	'background-color': tobg
				});
			});
			el.addEvent('mouseleave', function(e){
				overfxs.start({
					'padding': frompadding,
				//	'background-color': frombg
				});
			});


		}, this);

	}
});