function enableMainNavEffects()
{
    // set style effect of main menu item on mouse in/mouse out of link
    var element;
    if(element = document.getElementById("nav_main_link1"))
    {
        element.onmouseover = function() { onMouseInMenueItem('nav_main_link1'); }
        element.onmouseout = function() { onMouseOutMenueItem('nav_main_link1'); }
    }
    if(element = document.getElementById("nav_main_link2"))
    {
        element.onmouseover = function() { onMouseInMenueItem('nav_main_link2'); }
        element.onmouseout = function() { onMouseOutMenueItem('nav_main_link2'); }
    }
    if(element = document.getElementById("nav_main_link3"))
    {
        element.onmouseover = function() { onMouseInMenueItem('nav_main_link3'); }
        element.onmouseout = function() { onMouseOutMenueItem('nav_main_link3'); }
    }
    if(element = document.getElementById("nav_main_link4"))
    {
        element.onmouseover = function() { onMouseInMenueItem('nav_main_link4'); }
        element.onmouseout = function() { onMouseOutMenueItem('nav_main_link4'); }
    }
    if(element = document.getElementById("nav_main_link5"))
    {
        element.onmouseover = function() { onMouseInMenueItem('nav_main_link5'); }
        element.onmouseout = function() { onMouseOutMenueItem('nav_main_link5'); }
    }
    if(element = document.getElementById("nav_main_link6"))
    {
        element.onmouseover = function() { onMouseInMenueItem('nav_main_link6'); }
        element.onmouseout = function() { onMouseOutMenueItem('nav_main_link6'); }
    }
    if(element = document.getElementById("nav_main_link7"))
    {
        element.onmouseover = function() { onMouseInMenueItem('nav_main_link7'); }
        element.onmouseout = function() { onMouseOutMenueItem('nav_main_link7'); }
    }
    if(element = document.getElementById("nav_main_link8"))
    {
        element.onmouseover = function() { onMouseInMenueItem('nav_main_link8'); }
        element.onmouseout = function() { onMouseOutMenueItem('nav_main_link8'); }
    }
    
    
    // set style effect of main menu item on mouse in/mouse out of subUl
    var uls = document.getElementsByTagName('ul');
    for(i = 0; i < uls.length; i++)
    {
        if(uls[i].className && uls[i].className.search(/\bnav_main1_subUl\b/) >= 0)
        {
            uls[i].onmouseover = function() { onMouseInMenueItem('nav_main_link1'); }
            uls[i].onmouseout = function() { onMouseOutMenueItem('nav_main_link1'); }
        }
        else if(uls[i].className && uls[i].className.search(/\bnav_main2_subUl\b/) >= 0)
        {
            uls[i].onmouseover = function() { onMouseInMenueItem('nav_main_link2'); }
            uls[i].onmouseout = function() { onMouseOutMenueItem('nav_main_link2'); }
        }
        else if(uls[i].className && uls[i].className.search(/\bnav_main3_subUl\b/) >= 0)
        {
            uls[i].onmouseover = function() { onMouseInMenueItem('nav_main_link3'); }
            uls[i].onmouseout = function() { onMouseOutMenueItem('nav_main_link3'); }
        }
        else if(uls[i].className && uls[i].className.search(/\bnav_main4_subUl\b/) >= 0)
        {
            uls[i].onmouseover = function() { onMouseInMenueItem('nav_main_link4'); }
            uls[i].onmouseout = function() { onMouseOutMenueItem('nav_main_link4'); }
        }
        else if(uls[i].className && uls[i].className.search(/\bnav_main5_subUl\b/) >= 0)
        {
            uls[i].onmouseover = function() { onMouseInMenueItem('nav_main_link5'); }
            uls[i].onmouseout = function() { onMouseOutMenueItem('nav_main_link5'); }
        }
        else if(uls[i].className && uls[i].className.search(/\bnav_main6_subUl\b/) >= 0)
        {
            uls[i].onmouseover = function() { onMouseInMenueItem('nav_main_link6'); }
            uls[i].onmouseout = function() { onMouseOutMenueItem('nav_main_link6'); }
        }
        else if(uls[i].className && uls[i].className.search(/\bnav_main7_subUl\b/) >= 0)
        {
            uls[i].onmouseover = function() { onMouseInMenueItem('nav_main_link7'); }
            uls[i].onmouseout = function() { onMouseOutMenueItem('nav_main_link7'); }
        }
        else if(uls[i].className && uls[i].className.search(/\bnav_main8_subUl\b/) >= 0)
        {
            uls[i].onmouseover = function() { onMouseInMenueItem('nav_main_link8'); }
            uls[i].onmouseout = function() { onMouseOutMenueItem('nav_main_link8'); }
        }
    }
    

    
    // set style effect of main menu item on mouse in/mouse out of main li
    var lis = document.getElementsByTagName('li');
    for(i = 0; i < lis.length; i++)
    {
        if(lis[i].className && lis[i].className.search(/\bnav_main1\b/) >= 0)
        {
            lis[i].onmouseover = function() { onMouseInMenueItem('nav_main_link1'); }
            lis[i].onmouseout = function() { onMouseOutMenueItem('nav_main_link1'); }
        }
        else if(lis[i].className && lis[i].className.search(/\bnav_main2\b/) >= 0)
        {
            lis[i].onmouseover = function() { onMouseInMenueItem('nav_main_link2'); }
            lis[i].onmouseout = function() { onMouseOutMenueItem('nav_main_link2'); }
        }
        else if(lis[i].className && lis[i].className.search(/\bnav_main3\b/) >= 0)
        {
            lis[i].onmouseover = function() { onMouseInMenueItem('nav_main_link3'); }
            lis[i].onmouseout = function() { onMouseOutMenueItem('nav_main_link3'); }
        }
        else if(lis[i].className && lis[i].className.search(/\bnav_main4\b/) >= 0)
        {
            lis[i].onmouseover = function() { onMouseInMenueItem('nav_main_link4'); }
            lis[i].onmouseout = function() { onMouseOutMenueItem('nav_main_link4'); }
        }
        else if(lis[i].className && lis[i].className.search(/\bnav_main5\b/) >= 0)
        {
            lis[i].onmouseover = function() { onMouseInMenueItem('nav_main_link5'); }
            lis[i].onmouseout = function() { onMouseOutMenueItem('nav_main_link5'); }
        }
        else if(lis[i].className && lis[i].className.search(/\bnav_main6\b/) >= 0)
        {
            lis[i].onmouseover = function() { onMouseInMenueItem('nav_main_link6'); }
            lis[i].onmouseout = function() { onMouseOutMenueItem('nav_main_link6'); }
        }
        else if(lis[i].className && lis[i].className.search(/\bnav_main7\b/) >= 0)
        {
            lis[i].onmouseover = function() { onMouseInMenueItem('nav_main_link7'); }
            lis[i].onmouseout = function() { onMouseOutMenueItem('nav_main_link7'); }
        }
        else if(lis[i].className && lis[i].className.search(/\bnav_main8\b/) >= 0)
        {
            lis[i].onmouseover = function() { onMouseInMenueItem('nav_main_link8'); }
            lis[i].onmouseout = function() { onMouseOutMenueItem('nav_main_link8'); }
        }
    }
}


var flag = new Array();

function onMouseInMenueItem(item)
{
    flag[item] = true;
    
    switch(item)
    {
    case "nav_main_link1":
        document.getElementById(item).style.color = "#b44d00";
        break;
    
    case "nav_main_link2":
        document.getElementById(item).style.color = "#840000";
        break;
    
    case "nav_main_link3":
        document.getElementById(item).style.color = "#006668";
        break;
        
    case "nav_main_link4":
        document.getElementById(item).style.color = "#1c1762";
        break;
        
    case "nav_main_link5":
        document.getElementById(item).style.color = "#611c00";
        break;
    
    case "nav_main_link6":
        document.getElementById(item).style.color = "#3f7f03";
        break;
        
    default:
        document.getElementById(item).style.color = "#6b7a00";
    }

    document.getElementById(item).style.backgroundColor = "White";
    document.getElementById(item).style.marginTop = "3px";
    document.getElementById(item).style.marginBottom = "-2px";
    document.getElementById(item).style.padding = "5px 15px 0px 15px";
}


function onMouseOutMenueItem(item)
{
    flag[item] = false;
    setTimeout("onMouseOutMenueItem2('" + item + "')", 50);
}

function onMouseOutMenueItem2(item)
{
    if(!flag[item])
    {
        document.getElementById(item).style.color = "White";
        document.getElementById(item).style.backgroundColor = "#50535a";
        document.getElementById(item).style.marginTop = "3px";
        document.getElementById(item).style.marginBottom = "0px";
        document.getElementById(item).style.padding = "0 15px 3px 15px";
    }
}