var JMenu = new Class({
	initialize: function(el)
	{
		var elements = $(el).getElements('li');
		var nested = null;
		for (var i=0; i<elements.length; i++)
		{	
		
			var element = elements[i];

			element.addEvent('mouseover', function(){
				this.addClass('sfhover');
				this.setAttribute('overattr', 1);
				if($(this.getFirst('ul'))){
					$(this.getFirst('ul')).setStyle('visibility', 'visible');	
				}
			});
			element.addEvent('mouseout', function(){
				toggleMenuOff(this, 0);							  	
				//this.removeClass('sfhover');
				if($(this.getFirst('ul'))){
					//$(this.getFirst('ul')).setStyle('visibility', 'hidden');	
				}
			});

			//find nested UL
			nested = $('ul', element);
			if(!nested) {
				continue;
			}

			//declare width
			var offsetWidth  = 0;

			//find longest child
			for (k=0; k < nested.childNodes.length; k++) {
				var node  = nested.childNodes[k]
				if (node.nodeName == "LI")
					offsetWidth = (offsetWidth >= node.offsetWidth) ? offsetWidth :  node.offsetWidth;
			}

			//match longest child
			for (l=0; l < nested.childNodes.length; l++) {
				var node = nested.childNodes[l]
				if (node.nodeName == "LI") {
					$(node).setStyle('width', offsetWidth+'px');
				}
			}

			$(nested).setStyle('width', offsetWidth+'px');
		}
	},
	setFooter:function () {
            var myCentre = document.getElementById('centre');
            var hauteurCentre = myCentre.offsetHeight;
            var myFooter = document.getElementById('newFooter');
            hauteurFooter = myFooter.offsetHeight;
            var hauteurFinal = 110 + hauteurCentre;
            myFooter.style.top = hauteurFinal+'px';
            
        }
        
    
});

function toggleMenuOff(el, second)
{
    if(!second)
	{
        setTimeout(function(){this.toggleMenuOff(el, 1);}, 20);
        el.setAttribute('overattr', 0);
        return;
    }
    if(el.getAttribute('overattr') == 1) return;
	el.removeClass('sfhover');
        //el.className = el.className.replace(/ sfhover/gi, '');      
}

window.addEvent('domready',function(){
	/*var menu = new JMenu($('menu'));*/
	var leftMenu = new JMenu($('nav'));
});