/* JS - CUSTOM */

var over_level_2 = false;
var over_level_3 = false;

/* 	Fonction pour le menu. Lors de la construction si il existe un sous menu, on ajoute uen classe highlightLEVEL
		pour chaque element de cette classe on affecte une classe over qui permet de simuler un li:hover
		le script fonctionne sous IE6 sans probleme.
		En fonction de ce LI:hover, on deplace les 2 bandes blanches et on afficvhe l'arriere plan du menu.
*/
window.addEvent('domready', function() {
	
	if ( $$('.highlight_2') != "" ) {
		$$('.highlight_2').each(function(toggler, i) {
			toggler.onmouseover = function() {
				this.addClass('sfhover');
				$('div_niveau_1').setStyle('width', '163px');
				$('div_niveau_2').setStyle('display', 'block');
				if ( over_level_3 != true ) {
					$('bande_niveau_1').setStyle('left', '349px');
					$('sb_niveau_1').setStyle('left', '362px');
				}
			}
			toggler.onmouseout = function() {
				this.toggleClass('sfhover');
				$('div_niveau_1').setStyle('width', '175px');
				$('div_niveau_2').setStyle('display', 'none');
				$('bande_niveau_1').setStyle('left', '185px');
				$('sb_niveau_1').setStyle('left', '198px');
			}
		});
	}
	if ( $$('.highlight_3') != "" ) {
		$$('.highlight_3').each(function(toggler, i) {
			toggler.onmouseover = function() {
				this.addClass('sfhover');
				$('div_niveau_2').setStyle('width', '163px');
				$('div_niveau_3').setStyle('display', 'block');
				over_level_3 = true;
				$('bande_niveau_1').setStyle('left', '512px');
				$('sb_niveau_1').setStyle('left', '525px');
			}
			toggler.onmouseout = function() {
				this.toggleClass('sfhover');
				$('div_niveau_2').setStyle('width', '175px');
				$('div_niveau_3').setStyle('display', 'none');
				over_level_3 = false;
				$('bande_niveau_1').setStyle('left', '319px');
				$('sb_niveau_1').setStyle('left', '362px');
			}
		});
	}
	
	if ( $$('.link_slider') != "" ) {
		var scroll = new Fx.Scroll(window, {
			wait: false,
			duration: 1000,
			transition: Fx.Transitions.Quad.easeInOut
		});
		
		$$('.link_slider').each(function(el){
			//alert(el);
			var tmp = new String(el);
			var whichOne = tmp.split('#');
			$('link-'+whichOne[1]).addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement(whichOne[1]);
			});
		});
		
	}
	
});


function showhide(rep)
{
	if(document.getElementById(rep).style.display=='none')
		document.getElementById(rep).style.display='block';
	else
		document.getElementById(rep).style.display='none';	
}