// JavaScript Document
var oRedMenu = new function(){

	//A
	this.analizarMenu = function(conf){
		var i;
		MENU[conf['id']] = new Object();
		MENU[conf['id']].conf = conf;
		
		var menu = $(conf['id']);
		var widthOrig = menu.offsetWidth-20;
		var widthTotal = 0;
		var moverSecciones = false;
		var arrTemp = new Array();
		for(i=0;i<menu.childNodes.length;i++){
			if(menu.childNodes[i].tagName && menu.childNodes[i].tagName.toLowerCase() == 'li'){
				if(!moverSecciones){
					if((widthTotal + menu.childNodes[i].offsetWidth) < widthOrig)widthTotal = widthTotal + menu.childNodes[i].offsetWidth;
					else{
						crearMenuMostrar(conf['id']);
						moverSecciones = true;
						arrTemp.push(menu.childNodes[i]);
					}
				}
				else{
					arrTemp.push(menu.childNodes[i]);
				}
			}
		}
		if(moverSecciones){
			for(i in arrTemp){
				MENU[conf['id']].ul.appendChild(arrTemp[i]);
			}
			MENU[conf['id']].flecha.style.marginLeft = (menu.offsetWidth - MENU[conf['id']].flecha.offsetWidth - 5) + 'px';
			MENU[conf['id']].menu.style.marginLeft = (menu.offsetWidth - MENU[conf['id']].menu.offsetWidth - 5) + 'px';			
			MENU[conf['id']].menu.style.display = 'none';
			MENU[conf['id']].menu.style.visibility = 'visible';
		}
	}	

	//C
	var crearMenuMostrar = function(id){
		MENU[id].menu = cTag('div',MENU[id].conf['classDiv']);
		MENU[id].ul = cTag('ul',MENU[id].conf['classUl']);
		MENU[id].menu.appendChild(MENU[id].ul);
		MENU[id].flecha = cTag('a',MENU[id].conf['classFlecha']);
		
		AddEvent(MENU[id].flecha,'click',function(){mostrarMenu(MENU[id].menu)});
		
		if($(id).nextSibling){
			$(id).parentNode.insertBefore(MENU[id].menu,$(id).nextSibling);
			$(id).parentNode.insertBefore(MENU[id].flecha,$(id).nextSibling);			
		}
		else{
			$(id).parentNode.appendChild(MENU[id].flecha);
			$(id).parentNode.appendChild(MENU[id].menu);
		}
	}
	var cTag = function(tag,clase){
		var dev = document.createElement(tag);
		if(clase)dev.className = clase;
		return dev;
	}
	
	//M
	var mostrarMenu = function(menu){
		if(menu.style.display == 'block')menu.style.display = 'none';
		else menu.style.display = 'block';
	}
	
	var MENU = new Array();
	
}