/*** Menu ***
 *
 * TODO: Make this handle an arbitary level of menus.
 *
 */
Menu =function(){
	this.init=function()
	{
		//$('ul.nav a').each(this.setupEvents);
		$('ul.nav a').each(function(i){
			this.hoverElement = '#menu_'+ i +'_hover';//document.getElement('#menu_'+ item +'_hover');
			if(!$(this.hoverElement).length>0) {
				return;
			}
			$(this).bind('mouseover', function(e){

				var position = $('#nav').position();

				$(this.hoverElement).css({display:'block',left:position.left});
				$(this).addClass('hover');
				var hoverBg = document.getElementById("hoverBackground");
				if(hoverBg) {
					hoverBg.style.display="block";
					hoverBg.style.left = position.left;
					hoverBg.style.top = position.top+38;
				}
			});
			$(this).bind('mouseout', function(e){
				$(this.hoverElement).css({display:'none'});
					$(this).removeClass('hover');
					var hoverBg = document.getElementById("hoverBackground");
					if(hoverBg) {
						hoverBg.style.display="none";
					}
			});

			$(this.hoverElement).bind('mouseover', function(e){

				$(this).css({display:'block'});
				$(this).addClass('hover');
				var hoverBg = document.getElementById("hoverBackground");
				if(hoverBg) {
					hoverBg.style.display="block";
				}
			});
			$(this.hoverElement).bind('mouseout', function(e){

				$(this).css({display:'none'});
				$(this).removeClass('hover');
				var hoverBg = document.getElementById("hoverBackground");
				if(hoverBg) {
						hoverBg.style.display="none";
				}
			});

		});
	}
}