// GENERALES

function GetOffsetTop(obj)
{
    if (obj != null)
    {
        var GlobalOffset = 0;
        while (obj.parentNode)
        {
            if ((obj.tagName == "BODY") || (obj.tagName == "TABLE")|| (obj.tagName == "TR") || (obj.tagName == "IMG"))
                GlobalOffset += obj.offsetTop;
            obj = obj.parentNode;
        }
        return GlobalOffset;
    }
    else return 0;
}

function GetOffsetLeft(obj)
{
    if (obj != null)
    {
        var GlobalOffset = 0;
        while (obj.parentNode)
        {
            if ((obj.tagName == "BODY") || (obj.tagName == "TABLE") || (obj.tagName == "TR") || (obj.tagName == "TD") || (obj.tagName == "IMG"))
                GlobalOffset += obj.offsetLeft;
            obj = obj.parentNode;
        }
        return GlobalOffset;
    }
    else return 0;
}

// MENUS

var mnu_Selected = null;
var mnu_SelectedIndex = 0;

var Color_Menu = "#293064";
var Color_Menu_Selected = "#666A90";
var Color_Menu_Roll = "#3E6A91";
var Color_Menu_Roll_Selected = "#6690AD";

function InitMenus()
{
    mnu_1.className = "menu";
    mnu_2.className = "menu";
    mnu_3.className = "menu";
    mnu_4.className = "menu";
    mnu_5.className = "menu";

    mnu_1.style.backgroundColor = "";
    mnu_2.style.backgroundColor = "";
    mnu_3.style.backgroundColor = "";
    mnu_4.style.backgroundColor = "";
    mnu_5.style.backgroundColor = "";

    if (mnu_Selected != null) mnu_Selected.style.backgroundColor = Color_Menu_Selected;
}

function menuOnMouseOver(item)
{
    InitMenus();
    if (item == mnu_Selected) 
        item.style.backgroundColor = Color_Menu_Roll_Selected;
    else
        item.style.backgroundColor = Color_Menu_Roll;
}

function menuOnMouseOut(item)
{
    InitMenus();
}

function menuItemOnClick(item)
{
    InitMenus();
    item.className = "menuselected";
    mnu_Selected = item;
    mnu_selector.style.left = GetOffsetLeft(mnu_Selected) + 1;
    mnu_selector.style.display = "block";
    indexMenu = 0;
    if (item == mnu_1) indexMenu = 1; 
    else if (item == mnu_2) indexMenu = 2;
    else if (item == mnu_3) indexMenu = 3;
    else if (item == mnu_4) indexMenu = 4;
    else if (item == mnu_5) indexMenu = 5;
    mnu_SelectedIndex = indexMenu; 
    menuOnMouseOut(item);
    ShowSubMenu(indexMenu);
}

// SUBMENUS

var submnu_Selected = null;
var submnu_SelectedIndex = 0;

var Color_SubMenu = "#5E7A9B";
var Color_SubMenu_Selected = "#5C6189";
var Color_SubMenu_Roll = "#619AB5";
var Color_SubMenu_Roll_Selected = "#608AA9";

function InitSubMenus()
{
    for (i = 1; i < SubMenuArray.length; i++)
    {
        for (j = 1; j < SubMenuArray[i].length; j++)
        {
            submnuitem = document.getElementById(SubMenuArray[i][j]);
            submnuitem.className = "submenu";
            submnuitem.style.backgroundColor = "";
            if (submnu_Selected != null) submnu_Selected.style.backgroundColor = Color_SubMenu_Selected;
        }
    }
}

function ShowSubMenu(indexMenu)
{
    submnu_1.style.display = "none";
    submnu_2.style.display = "none";
    submnu_3.style.display = "none";
    submnu_4.style.display = "none";
    submnu_5.style.display = "none";

    submnu_Div = document.getElementById("submnu_" + indexMenu);
    submnu_Div.style.display = "block";

    switch (indexMenu)
    {
        case 1:
        case 2:
        case 3:
            if ((SubMenuArray[indexMenu] != null) && (SubMenuArray[indexMenu][1] != null))
            {
                submnuitem = document.getElementById(SubMenuArray[indexMenu][1]);
                submenuItemOnClick(submnuitem);
            }
            break;
        case 4:
            LoadPage("ListaNoticias.aspx");
            break;
        case 5:
            LoadPage("Contacto.aspx");
            break;
    }
    
}

function submenuOnMouseOver(item)
{
    InitSubMenus();
    
    submnu_Selected.style.backgroundColor = Color_Menu_Selected;
    if (item == submnu_Selected) 
        item.style.backgroundColor = Color_SubMenu_Roll_Selected;
    else
        item.style.backgroundColor = Color_SubMenu_Roll;
}

function submenuOnMouseOut(item)
{
    InitSubMenus();
}

function submenuItemOnClick(item)
{
    InitSubMenus();
    item.className = "submenuselected";
    submnu_Selected = item;
    indexSubMenu = 0;
    for (i = 1; i < SubMenuArray.length; i++)
    {
        for (j = 1; j < SubMenuArray[i].length; j++)
        {
            submnuitem = document.getElementById(SubMenuArray[i][j]);
            if (item == submnuitem) indexSubMenu = j; 
        }
    }
    submnu_SelectedIndex = indexSubMenu; 
    submenuOnMouseOut(item);
    LoadPage(PageArray[mnu_SelectedIndex][submnu_SelectedIndex]);
}

// PÁGINAS

function LoadPage(pageName)
{
    frame = document.getElementById("MainFrame");
    frame.src = pageName;
}

function bodyOnLoad()
{
    menuItemOnClick(mnu_1);
}

function bodyOnResize()
{
    mnu_selector.style.left = GetOffsetLeft(mnu_Selected) + 1;
    frame = document.getElementById("MainFrame");
    frame.style.height = document.body.clientHeight - GetOffsetTop(table_Frame);
}