﻿function DDMenu(parent, menu)
{
    var to;
    parent = '#' + parent;
    menu = '#' + menu;
    function showMenu()
    {
    	$(menu).css({ left: jqParent.position().left });
    	if (to) clearTimeout(to);
    	to = setTimeout(function() { $(menu).slideDown('fast'); }, 300);
        //$(menu).slideDown('fast');
    }
    function hideMenu()
    {
    	to = setTimeout("$('" + menu + "').slideUp('fast')", 300);
    }
    $(parent + ',' + menu).hover(showMenu, hideMenu);
    var jqParent = $(parent);
    var parentPos = jqParent.position();
    $(menu).css({ position: 'absolute', display: 'none', top: parentPos.top + jqParent.height() + 0, left: parentPos.left });
}
/*
function CategoryMenu(parent, menu)
{
    var to;
    var jqParent = $(parent);
    var jqMenu = $(menu);
    function showMenu()
    {
        if (to) clearTimeout(to);
        jqMenu.slideDown('fast');
    }
    function hideMenu()
    {
        to = setTimeout("$('" + menu + "').slideUp('fast')", 300);
    }
    jqParent.add(jqMenu).hover(showMenu, hideMenu);
    var parentPos = jqParent.position();
    jqMenu.css({ position: 'absolute', display: 'none', top: parentPos.top + jqParent.height(), left: parentPos.left });
    var subMenu = $('<div id="catSubmenu"><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p></div>');
    $('body').append(subMenu);
    subMenu.css({ left: jqMenu.position().left + jqMenu.width(), position: 'absolute', diplay: 'none' });
    $('p', jqMenu).hover(
        function() { subMenu.css('top', $(this).offset({ relativeTo: jqMenu }).top); subMenu.show(); },
        function() { showMenu().hide() });
}*/