//COLOR DE LOS ITEMS PRINCIPALES
var COLOR_ITEMS = "";
var COLOR_RESALTADOR = "";
var COLOR_SELECTEDITEM = "";
var ARRAY_ITEMS;
function Menu(Id, Class, Height, ColorItems, Resaltador){

  var MenuItems = new Array();
  this.Id = Id;
  this.Class = Class;
  this.Height = Height;
  this.GetId = GetId;
  this.AddMenuItem = AddMenuItem;
  this.GetMenuHTML = GetMenuHTML;
  COLOR_RESALTADOR = Resaltador;
  COLOR_ITEMS = ColorItems;
    
  function GetId(){
    return this.Id;
  }
  
  function AddMenuItem(MenuItem){
	MenuItems.push(MenuItem);
	ARRAY_ITEMS = MenuItems.reverse().sort();
  }

  function GetMenuHTML(){
    var dvMenu = document.createElement('div');
	var dvEspacio = dvMenu.appendChild(document.createElement('div'));
	dvEspacio.style.Height = this.Height;
	dvMenu.className=this.Class;
    for (i in MenuItems){
       var Item = MenuItems[i];  
       var aItem;  
       var aSubItem;
       if (Item.IdPadre == 0){
           aItem = dvMenu.appendChild(document.createElement('a'))
           aItem.href = "JavaScript:void(0);"
           aItem.id = "aItem" + Item.Id;
           aItem.className = Item.Class;
           aItem.innerText = Item.Text;
           aItem.onclick = Item.OnClick;
		   aItem.style.backgroundColor = COLOR_ITEMS;
           dvMenu.appendChild(document.createElement('br'))
       }else{
           var aSubItem = dvMenu.appendChild(document.createElement('a'))
           aSubItem.href = "JavaScript:void(0);"
           aSubItem.id = "aSubItem" + Item.Id;
           aSubItem.dataSrc = Item.IdPadre;
           aSubItem.className = Item.Class;
           aSubItem.style.display='none';
           aSubItem.innerText = Item.Text;
           aSubItem.onclick = Item.OnClick;
           aSubItem.onmouseover = "ChangeBackgroundColor(this,COLOR_RESALTADOR);";
           aSubItem.onmouseout = "ChangeBackgroundColor(this,COLOR_SELECTEDITEM);";           
       }
    }
    return dvMenu.innerHTML;
  }
}
 
function ChangeBackgroundColor(obj,color){
    COLOR_SELECTEDITEM = obj.style.backgroundColor;
    obj.style.backgroundColor = color;
}

function GetSubItems(Id){
	var elementos = document.getElementsByTagName("a");
	var SubItems = "";
	for (i in elementos){
		if (elementos[i].dataSrc == Id) {
			SubItems += elementos[i].id + ',';		
		}
	}
	SubItems = SubItems.substr(0,SubItems.length-1);
	return SubItems;
}

function DisplayMenuItems(MenuItemId, SubMenuItemId, ColorA, ColorI){
  //VALIDO QUE EXISTA EL ELEMENTO
  if (isNaN(MenuItemId)) {return false;}

  //AQUI OCULTO TODOS LOS QUE NO SEAN MenuItemId SELECCIONADO
  /*for (x in ARRAY_ITEMS){
    var SubItem = ARRAY_ITEMS[x];
    if (SubItem.IdPadre >0){
        document.getElementById("aSubItem" + SubItem.Id).style.display=='none'
    }
  }*/

  try{  
    //SI RETORNA VALORES
    //if (GetSubItems(MenuItemId).length>0){
        //AQUI CAMBIO EL BACKGROUNDCOLOR DEL PRIMER ITEM (PADRE ITEM)
        var aMenuItem = document.getElementById("aItem" + MenuItemId);
        if (aMenuItem.style.backgroundColor==ColorA){
            aMenuItem.style.backgroundColor=COLOR_ITEMS;
        }else{
            aMenuItem.style.backgroundColor=ColorA;
        }
        //AQUI CAMBIO EL BACKGROUND COLOR DE LOS SUBITEMS
        var SubItems = GetSubItems(MenuItemId).split(",");
        for (i in SubItems){
	        var aSubMenuItem = document.getElementById(SubItems[i]);
	        if (aSubMenuItem.style.display=='none'){
				aSubMenuItem.style.backgroundColor=ColorI;				
				aSubMenuItem.style.color=ColorA;
	            Fade(SubItems[i], "block");
	        }
	        else{
	            Fade(SubItems[i], "none");
	        }
        }
    //}
	if (SubMenuItemId!=""){
		document.getElementById(SubMenuItemId).style.backgroundColor="white";
		
	}  
  }catch(error){
	alert(error.description);
  }
}

function Fade(objname, display){
    var objholder = document.getElementById(objname)
    objholder.filters[0].apply();
    objholder.style.display = display;
    objholder.filters[0].play();
}

function MenuItem(IdPadre,Id,Text,Class,OnClick){
    this.IdPadre = IdPadre;
	this.Id = Id;
	this.Text = Text;
	this.Class = Class;
	this.OnClick = OnClick;
}

function Goto(url, Item, SubItem, ColorA, ColorI){
	document.location.href = url+"?Opc="+Item+"&sOpc="+SubItem+"&colorA="+ColorA+"&colorI="+ColorI;;
}

function ChangeURL(iframe, URL){
	document.getElementById(iframe).src = URL;	
}

function GetQueryString(ji){
	hu = window.location.search.substring(1);
	gy = hu.split("&");
	for (i=0;i<gy.length;i++) {
		ft = gy[i].split("=");
		if (ft[0] == ji) {
		return ft[1];
		}
	}
}