$(document).ready(function() {
    var itop = 319;
    var iOut = 170;
    var iIn = 250;
    var iTio = 1200;
    var plus = -3;
    var too;
    var lin;
    // $('body').append($('#bookmarks ul.subM'));
    obm = $("#bookmarks");
    itop = obm.offset().top + obm.height() + plus;

    //$("body ul.subM").hide();
    oc = $("#menuDiv").offset({ top: itop, left: 0 });


    $("#bookmarks ul.rootM li").mouseenter(function() {
        var inx = $(this).index();


        //var oc = $("body ul.subM.i" + inx);



        var oc = $("#menuDiv");
        var sHtm = $("body ul.subM.i" + inx).html();


        //        if (inx != lin) {
        //            var ocv = $("body ul.subM");
        //            ocv.hide();
        //        }
        //lin = inx;
        clearTimeout(too);
        //        if (oc.html() == null) return;



        if (sHtm != null) { oc.html('<ul class=\"subMd\">' + sHtm + '</ul>'); oc.fadeIn(iIn); }
        else { oc.html(''); oc.hide(); }
        obm = $("#bookmarks");
        itop = obm.offset().top + obm.height() + plus;
        oc.offset({ top: itop, left: $(this).offset().left });

    });
    $("#bookmarks ul.rootM li").mouseleave(function() {
        var inx = $(this).index();
        //var oc = $("body ul.subM:visible");
        var oc = $("#menuDiv");
        too = setTimeout(function() {
            oc.fadeOut(iOut);
        }, iTio);
    });
    $("#menuDiv").mouseenter(function() { clearTimeout(too); });
    $("#menuDiv").mouseleave(function() {
        var oc = $(this);
        too = setTimeout(function() {
            oc.fadeOut(iOut);
        }, iTio);
    });
});