// main menuitem onmouseover
function DevMenu1MainMenuItemOnMouseOver(menuID, mainMenuItemID, bActive, cssActive)
{
    // if this is not the active main menuitem
    if (!bActive)
    {
        // change menuitem td, link
        var oTD = getObject('DevMenu1_mainmenuitem_' + menuID + '_' + mainMenuItemID + '_td');    
        var oLink = getObject('DevMenu1_mainmenuitem_' + menuID + '_' + mainMenuItemID + '_link');    
        oTD.className = cssActive;
        oLink.className = cssActive;

        // change tab images
        $('DevMenu1_mainmenuitem_image_left_' + mainMenuItemID).src = 'images/tabs/tab_active_left.png';
        $('DevMenu1_mainmenuitem_image_right_' + mainMenuItemID).src = 'images/tabs/tab_active_right.png';
        $('DevMenu1_mainmenuitem_image_center_' + mainMenuItemID).style.backgroundImage = 'url(\'images/tabs/tab_active_bg.png\')';

    }
}

// main menuitem onmouseout
function DevMenu1MainMenuItemOnMouseOut(menuID, mainMenuItemID, bActive, cssInactive)
{
    // if this is not the active main menuitem
    if (!bActive)
    {
        // change menuitem td, link
        var oTD = getObject('DevMenu1_mainmenuitem_' + menuID + '_' + mainMenuItemID + '_td');    
        var oLink = getObject('DevMenu1_mainmenuitem_' + menuID + '_' + mainMenuItemID + '_link');    
        oTD.className = cssInactive;
        oLink.className = cssInactive;

        // change tab images
        $('DevMenu1_mainmenuitem_image_left_' + mainMenuItemID).src = 'images/tabs/tab_inactive_left.png';
        $('DevMenu1_mainmenuitem_image_right_' + mainMenuItemID).src = 'images/tabs/tab_inactive_right.png';
        $('DevMenu1_mainmenuitem_image_center_' + mainMenuItemID).style.backgroundImage = 'url(\'images/tabs/tab_inactive_bg.png\')';

    }
}

// submenuitem onmouseover
function DevMenu1SubMenuItemOnMouseOver(menuID, subMenuItemID, bActive, cssActive)
{
    // if this is not the active submenuitem
    if (!bActive)
    {
        // change submenuitem td, link
        var oTD = getObject('DevMenu1_submenuitem_' + menuID + '_' + subMenuItemID + '_td');    
        var oLink = getObject('DevMenu1_submenuitem_' + menuID + '_' + subMenuItemID + '_link');    
        oTD.className = cssActive;
        oLink.className = cssActive;
    }
}

// submenuitem onmouseout
function DevMenu1SubMenuItemOnMouseOut(menuID, subMenuItemID, bActive, cssInactive)
{
    // if this is not the active submenuitem
    if (!bActive)
    {
        // change submenuitem td, link
        var oTD = getObject('DevMenu1_submenuitem_' + menuID + '_' + subMenuItemID + '_td');    
        var oLink = getObject('DevMenu1_submenuitem_' + menuID + '_' + subMenuItemID + '_link');    
        oTD.className = cssInactive;
        oLink.className = cssInactive;
    }
}