$(function() {  
    $('#qm').bind('mouseover', jsddm_open);
    $('#qm').bind('mouseout',  jsddm_timer);
    $('.scroll-pane').jScrollPane({scrollbarWidth:16, scrollbarMargin:0});
    $('#scroll').css('display', 'none');
});

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

function jsddm_open() {  
    jsddm_canceltimer();
    jsddm_close();
    $(document).find('#qm').css('height', '130px');
    ddmenuitem = $(this).find('#scroll').css('display', 'block');
}

function jsddm_close() {  
    if(ddmenuitem) {
        ddmenuitem.css('display', 'none');
    }
}

function jsddm_timer() {  
    $(document).find('#qm').css('height', '26px');
    closetimer = window.setTimeout(jsddm_close, timeout);
}

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

document.onclick = jsddm_close;