$(document).ready(function() {
    $("li.menu-item").each(function() {
		initSubmenu($(this));
	});
	$("li.menu-item").mouseover(showSubmenu);
});
function initSubmenu(self) {
    var pos = self.position()
    pos.top = 100+parseInt(self.css("height"));
    pos.left -= 5;
	$("ul", self).css(pos);
}
function showSubmenu() {
	var self = $(this);
	$("img:first", self).addClass("menu-active");
	self.menuOver=false;
    self.unbind("mouseover");
    self.mouseover(function() {
        self.buttonOver = true;
    });
    self.mouseout(function() {
        self.buttonOver = false;
        hideSubmenu(self);
    });
    $("ul", self).show().mouseover(function() {
        self.menuOver = true;
    }).mouseout(function() {
        self.menuOver = false;
        hideSubmenu(self);
    });
}
function hideSubmenu(self) {
    setTimeout(function() {
        $("img:first", self).removeClass("menu-active");
        if (self.menuOver == false && self.buttonOver == false) {
            self.unbind("mouseout");
            $("ul", self).unbind("mouseover");
            $("ul", self).unbind("mouseout");
            $("ul", self).hide();
            self.mouseover(showSubmenu);
        }
    }, 100);
}