var divSubID = "";
var showMenuTimeOut;
var curent_a_menu_ID = "a_menu_0";
var curent_content = "";
var active_a_menu_ID;
var MaxWith = 960;

function ActiveMenu(str_activeID)
{
    active_a_menu_ID = str_activeID;
    for (var i = 0; i <= 100; i++)
    {
        var ctr_a_menu = document.getElementById("a_menu_" + i);
        if (ctr_a_menu)
        {
            ctr_a_menu.style.backgroundPosition = '0% 0px';
            var ctr_SpanLink = ctr_a_menu.children[0];
            ctr_SpanLink.style.color = '#333333';
            ctr_SpanLink.style.backgroundPosition = '100% 0px';
        }
        else
        {
            break;
        }
    }
    var active_a_menu = document.getElementById(str_activeID);
    if (active_a_menu)
    {
        active_a_menu.style.backgroundPosition = '0% -22px';
        var ctr_SpanLink = active_a_menu.children[0];
        ctr_SpanLink.style.color = '#FFFFFF';
        ctr_SpanLink.style.backgroundPosition = '100% -22px';
    }
}

function DeActive()
{
    for (var i = 0; i <= 100; i++)
    {
        var ctr_a_menu = document.getElementById("a_menu_" + i);
        if (ctr_a_menu)
        {
            ctr_a_menu.style.backgroundPosition = '0% 0px';
            var ctr_SpanLink = ctr_a_menu.children[0];
            ctr_SpanLink.style.color = '#333333';
            ctr_SpanLink.style.backgroundPosition = '100% 0px';
        }
        else
        {
            break;
        }
    }

    var current_a_menu = document.getElementById(curent_a_menu_ID);
    if (current_a_menu)
    {
        current_a_menu.style.backgroundPosition = '0% -22px';
        var ctr_SpanLink = current_a_menu.children[0];
        ctr_SpanLink.style.color = '#FFFFFF';
        ctr_SpanLink.style.backgroundPosition = '100% -22px';
    }
    
    MainMenuOver_NotActive(current_a_menu, curent_content);  
}

function MainMenuOver_NotActive(ctr_This, content)
{
    var div_Submenu = document.getElementById(divSubID);

    div_Submenu.style.top = "0px";
    div_Submenu.style.left = "0px";

    if (showMenuTimeOut)
        clearTimeout(showMenuTimeOut);

    if (content == "")
    {
        div_Submenu.innerHTML = "";
    }
    else
    {
        div_Submenu.innerHTML = content;
    }

    var div_Sub_Parent = div_Submenu.parentNode;

    var SubParent_l = $(div_Sub_Parent).offset().left;
    var SubParent_t = $(div_Sub_Parent).offset().top;
    var SubParent_w = div_Sub_Parent.offsetWidth;

    var Menu_t = $(ctr_This).offset().top;
    var Menu_l = $(ctr_This).offset().left;
    var Menu_w = ctr_This.offsetWidth;

    var Sub_w = div_Submenu.offsetWidth;
    var Sub_l = 0;
    var Sub_t = 0;


    if (Sub_w > MaxWith)
    {
        Sub_l = 30;
        Sub_t = 0;
    }
    else
    {
        Sub_l = parseInt(Menu_l + Menu_w / 2 - Sub_w / 2) - SubParent_l;

        if (Sub_l + Sub_w > MaxWith)
        {
            Sub_l -= (Sub_l + Sub_w) - (MaxWith);
           
        }
        if (Sub_l < 30)
            Sub_l = 30;
    }

    div_Submenu.style.left = Sub_l + "px";
    div_Submenu.style.top = Sub_t + "px";
}

function MainMenuOver(ctr_This, content)
{
    var div_Submenu = document.getElementById(divSubID);
    
    div_Submenu.style.top = "0px";
    div_Submenu.style.left = "0px";
        
    if (showMenuTimeOut)
        clearTimeout(showMenuTimeOut);

    ActiveMenu(ctr_This.id);

    if (content == "")
    {
        div_Submenu.innerHTML = "";
    }
    else
    {
        div_Submenu.innerHTML = content;
    }

    var div_Sub_Parent = div_Submenu.parentNode;

    var SubParent_l = $(div_Sub_Parent).offset().left;
    var SubParent_t = $(div_Sub_Parent).offset().top;
    var SubParent_w = div_Sub_Parent.offsetWidth;
    
    var Menu_t = $(ctr_This).offset().top;
    var Menu_l = $(ctr_This).offset().left;
    var Menu_w = ctr_This.offsetWidth;
    
    var Sub_w = div_Submenu.offsetWidth;
    var Sub_l = 0;
    var Sub_t = 0;
    
    
    if (Sub_w > MaxWith)
    {
        Sub_l = 30;
        Sub_t = 0;
    }
    else
    {
        Sub_l = parseInt(Menu_l + Menu_w / 2 - Sub_w / 2) - SubParent_l;

        if (Sub_l + Sub_w > MaxWith)
        {
            Sub_l -= (Sub_l + Sub_w) - (MaxWith);
            
        }
        if (Sub_l < 30)
            Sub_l = 30;
    }
    
    div_Submenu.style.left = Sub_l + "px";
    div_Submenu.style.top = Sub_t + "px";
}

function SlideMenuSup_Left()
{
   
    
    if (Interval_Slide)
        clearInterval(Interval_Slide);
    
    var div_Submenu = document.getElementById(divSubID);
    
    var Sub_w = div_Submenu.offsetWidth;
    var Sub_l = parseInt(div_Submenu.style.left);
    if (Sub_l < 35)
    {
        Interval_Slide = setInterval("SlideMenu(true)", 20);
    }
}
function SlideMenuSup_Right()
{
   
    if (Interval_Slide)
        clearInterval(Interval_Slide);

    var div_Submenu = document.getElementById(divSubID);

    var Sub_w = div_Submenu.offsetWidth;
    var Sub_l = parseInt(div_Submenu.style.left);

    if ((Sub_w - Math.abs(Sub_l)) >= MaxWith -40)
    {
        Interval_Slide = setInterval("SlideMenu(false)", 20);
    }
}
function StopSlideMenu()
{
    if (Interval_Slide)
    {
        clearInterval(Interval_Slide);
    }
}

var Interval_Slide;
var SlideFactor = 5;

function SlideMenu(IsLeft)
{
    var div_Submenu = document.getElementById(divSubID);
    
    var Sub_w = div_Submenu.offsetWidth;
    var Sub_l = parseInt(div_Submenu.style.left);
    var Sub_t = parseInt(div_Submenu.style.top);

    if (IsLeft)
    {
        if (Sub_l >= 35)
        {
            if (Interval_Slide)
                clearInterval(Interval_Slide);
            return;
        }
        else
        {
            Sub_l = Sub_l + SlideFactor;
        }
    }
    else
    {
        if ((Sub_w - Math.abs(Sub_l)) < MaxWith - 40)
        {
            if (Interval_Slide)
                clearInterval(Interval_Slide);
            return;
        }
        else
        {
            Sub_l = Sub_l - SlideFactor;
        }
    }
    div_Submenu.style.left = Sub_l + "px";
}

function MainMenuClear(divSubID)
{
    if (showMenuTimeOut)
        clearTimeout(showMenuTimeOut);
    else
        return;
    var div_Submenu = document.getElementById(divSubID);
    div_Submenu.innerHTML = "";
    DeActive();
}
function MainMenuOut(divSubID)
{
    showMenuTimeOut = setTimeout("MainMenuClear('" + divSubID + "')", 1000);
}
function UndoHideSubMenu()
{
    if (showMenuTimeOut)
        clearTimeout(showMenuTimeOut);
}


//Hiển thị 1 câu thông báo nào đó
function ShowMessage(mess)
{
    alert(mess);
    return false;
}

var CallbackBodyObload = function()
{

}