$(document).ready(function() {
    $('#menu li').each(function() {

        $(this).hover(
        function() {
            //alert(1);
            showDiv(this);
        },

        function() {
            hideDiv(this);
        });
    });
});

function showDiv(obj) {
    $(obj).children('div.submenu').css("left", "0px");
    $(obj).children('div.submenu').show();
    if (childShowType == "Horizontal") {
        var len = $(obj).children('div.submenu').children("span").length;

        if (len > 1) {
            var left = $(obj).children('div.submenu').css("left");
            left = left.replace("px", "");
            left = (left - (len - 1) * 80) / 2;
            $(obj).children('div.submenu').css("left", left);
            $(obj).children('div.submenu').css("width", len * 80);
        }
    }
    $(obj).children('div.submenu').children("span").each(function() {
        $(this).unbind();
        $(this).hover(
        function() {
            showDiv(this);
            movePosition(this);
        },
        function() {
            hideDiv(this);
        });
    });
}

function hideDiv(obj) {
    $(obj).children('div.submenu').hide();
}

function movePosition(obj) {
    $(obj).children('div.submenu').css("left", $(obj).width());
    $(obj).children('div.submenu').css("top", $(obj).position().top);
}