function selectSidebarDiv( div )
{
    // deselect other navs
    $('.sidebar-nav.selected').removeClass('selected');
    // select current.
    $(div).addClass('selected');
}

function deselectSidebarOver()
{
    $('.sidebar-nav.selected').removeClass('selected');
}

/**
 * Places a yellow border around list items. 
 * @param div
 */
function selectListItem( div )
{
    // deselect other navs
    $('.list-item-wrapper.selected').find('.list-item').removeClass('hover');
    $('.list-item-wrapper.selected').removeClass('selected');
    // select current.
    $(div).addClass('selected');
    $(div).find('.list-item').addClass('hover');
}
function deselectListItem()
{
    $('.list-item-wrapper.selected').find('.list-item').removeClass('hover');
    $('.list-item-wrapper.selected').removeClass('selected');
}

function openLink( url )
{
    window.location = url;
}

var lastMenu, timer;
function menuover( thisDiv )
{
    var submenu = $(thisDiv).find('.submenu');
    if ( timer ) clearTimeout( timer );
    if ( lastMenu )
    {
        if ( lastMenu.length > 0 )
        {
            $(lastMenu).hide();
        }
        lastMenu = null;
    }

    // center the menu and show it
    var submenuX = $(thisDiv).width() * .5 - $(submenu).width() * .5;
    $(submenu).css( 'margin-left', submenuX );
    $(submenu).css( 'background-position', $(submenu).width() * .5 + "px 0" );
    $(submenu).show();
}

function menuout( thisDiv )
{
    timer = setTimeout( checkHover, 250 );
    lastMenu = $(thisDiv).find('.submenu');
}

function checkHover()
{
    if ( lastMenu )
    {
        if ( lastMenu.length > 0 )
        {
    
            $(lastMenu).hide();
            lastMenu = null;
        }
    }
    timer = null;
}