var timeout = 500;
var fadeInTime = 300;
var fadeOutTime = 500;
var closetimer = 0;
var ddmenuitem = 0;
var ddmID = 0;

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

function jsddm_open() {
	jsddm_canceltimer();
	jsddm_close();
	
	ddmenuitem = $(this).find('ul').eq(0);
	if($(this).find("ul")[0]){
		if(ddmID != $(this).find("ul")[0].id){
			ddmenuitem.css({visibility: "visible", filter: "alpha(opacity=0)", "-moz-opacity": "0", opacity: "0"}).animate({opacity: 0.8}, fadeInTime);
		} else {
			ddmenuitem.css({visibility: "visible"});
		}
		ddmID = $(this).find("ul")[0].id;
	}
}

function jsddm_close() {
	if(ddmenuitem){
		if(closetimer == null){
			ddmenuitem.css({visibility: "hidden"});
		} else {
			ddmID = 0;
			ddmenuitem.animate({opacity: 0}, {duration: fadeOutTime, complete: function(){
					$(this).css({visibility: "hidden"})
				}
			});
			window.clearTimeout(closetimer);
			closetimer = null;
			window.setTimeout(jsddm_close, fadeOutTime);
		}
		ddmenuitem = 0;
	}
}

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

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

//document.onclick = jsddm_close;