var timeout = 500;
var closetimer = 5;
var ddmenuitem = 0;

function jsddm_open() {
    jsddm_canceltimer();
    jsddm_close();
    ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');
    toggleTabImage($(this).find('img'),true);
}

function jsddm_close()
{ if (ddmenuitem) ddmenuitem.css('visibility', 'hidden'); }

function jsddm_timer() {
    closetimer = window.setTimeout(jsddm_close, timeout);
    toggleTabImage($(this).find('img'), false); 
    }

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

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

var active;
function toggleTabImage(tab, state) 
{

    var src = tab.attr('src');
    if ( src.indexOf('down') > -1){
        active = src;
    }

    if (state) {
        src = src.replace('.gif', '_over.gif');
    }
    else {
        src = src.replace('_over.gif', '.gif');
    }
    if (active != null) {
        src = active.replace('_over.gif', '_down.gif');
        active = null;
    }
    tab.attr('src',src);
}