(function($){
    var maxHeight = 200;

    $(function(){
        $(".dropdown > li").hover(function() {

             var $container = $(this),
                 $list = $container.find("ul"),
                 $anchor = $container.find("a"),
                 height = $list.height() * 2.3,       // make sure there is enough room at the bottom
                 multiplier = height / maxHeight;     // needs to move faster if list is taller
            // need to save height here so it can revert on mouseout
            $container.data("origHeight", $container.height());

            // so it can retain it's rollover color all the while the dropdown is open
            $anchor.addClass("hover");

            // make sure dropdown appears directly below parent list item
            $("#topblock").show();

            // make sure dropdown appears directly below parent list item
            $list
                .show()
                .css({
                    //paddingTop: $container.data("origHeight")
                });
            $("#botblock").show();
            // don't do any animation if list shorter than max
            if (multiplier > 1) {
                $container
                    .css({
                        height: maxHeight

                    })
                    .mousemove(function(e) {
                        var offset = $container.offset();
                        var relativeY = ((e.pageY - offset.top) * multiplier) - ($container.data("origHeight") * multiplier);
                        if (relativeY > $container.data("origHeight")) {
                            $list.css("top", -relativeY + $container.data("origHeight"));
                        };
                    })
                /*var $container = $(this),
                $list = $container.find("ul");
                $list.mouseleave(function(e){
                    $("#topblock").hide();
                    $("#botblock").hide();
                }).mouseenter(function(e){
                    $("#topblock").show();
                    $("#botblock").show();

                    //console.log("mouseenter");
                })*/
            }

        }, function() {

            var $el = $(this);

            // put things back to normal
            $el
                .height($(this).data("origHeight"))
                .find("ul")
                .css({ top: 40 })
                .hide()
                .end()
                .find("a")
                .removeClass("hover");

            $("#topblock").hide();
            $("#botblock").hide();

        });

        // Add down arrow only to menu items with submenus
        //$(".dropdown > li:has('ul')").each(function() {
          //  $(this).find("a:first").append("<img src='images/down-arrow.png' />");
        //});


    });





})(jQuery)