var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
var ddparent = 0;
var ddparent2 = 0;

function jsddm_open() {
    jsddm_canceltimer();
    jsddm_close();
    ddmenuitem = $(this).find('ul').css({ visibility: 'visible' });
    ddparent = $(this).find('ul').parent().css({ background: '#1A4473', color: '#ffffff' });
    ddparent2 = $(this).find('ul').parent().find('a.top_level').css({ color: 'white' });
}

function jsddm_close() {
    if (ddmenuitem) ddmenuitem.css('visibility', 'hidden');
    if (ddparent) ddparent.css({ background: 'transparent', color: '#CCCCCC' });
    if (ddparent2) ddparent2.css({ color: 'black' });
}


function jsddm_timer()
{ closetimer = window.setTimeout(jsddm_close, timeout); }

function jsddm_canceltimer() {
    if (closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

function test() {
    ddparent3 = $(this).find('a').css({ background: 'red' });
}

$(document).ready(function() {
    $('.jsddm > li').bind('mouseover', jsddm_open)
    $('.jsddm > li').bind('mouseout', jsddm_timer)
});

document.onclick = jsddm_close;