//Gestor de menus

//Creo la clase Menu
var Menu = new Class({
 	initialize: function (id)
 	{
		this.id = id;
	},
    despliega: function (p)
    {
     	lp =	'l'+this.id;
		if(!p)
		{
			p = lp;
		}
		
		$M(this.id).cierrap(lp);
		if($(p).getStyle('display') == 'none') 
		{
			$(p).setStyle('display','block'); 
		} 
		else 
		{
			$(p).setStyle('display','none'); 
		}
	},
	cierrap: function(p)
	{
		$ES('#'+p+' ul').each(function(el) {
			el.setStyle('display', 'none');
		});		
	},
	pos: function(el) //Devuelbe los etilos CSS de posicion absoluta para una sublista, dando el elemento al que se subordina
	{
		if(!$(el))
		{
			sist.error('Error en Pos de Menu...');
		}
		else
		{
			var left = $(el).getStyle('left').toInt();
			var top = $(el).getStyle('top').toInt();
			var width = $(el).getStyle('width').toInt();
			
			var ntop = top+10;
			var nleft = left + width + 4;
			return 'top: '+ top +'; left: '+ left; // ancho? ... no.. mejor se define en cada plantilla, no?
		}
	}
	
});
function $M(id)
{
	var menu = new Menu(id);
	return menu;
}