﻿function makeScrollable(wrapper, scrollable) {
    // Get jQuery elements
    var wrapper = $(wrapper), scrollable = $(scrollable);
/*
    // Hide images until they are not loaded
    scrollable.hide();
    var loading = $('<div class="loading">Loading...</div>').appendTo(wrapper);

    // Set function that will check if all images are loaded
    var interval = setInterval(function() {
        var images = scrollable.find('img');
        var completed = 0;

        // Counts number of images that are succesfully loaded
        images.each(function() {
            if (this.complete) completed++;
        });

        if (completed == images.length) {
            clearInterval(interval);
            // Timeout added to fix problem with Chrome
            setTimeout(function() {

                loading.hide();
                // Remove scrollbars	
                wrapper.css({ overflow: 'hidden' });

                scrollable.slideDown('slow', function() {
                    enable();
                });
            }, 1000);
        }
    }, 100);*/
    enable();
    function enable() {
        // height of area at the top at bottom, that don't respond to mousemove
        var inactiveMargin = 99;
        // Cache for performance
        var wrapperWidth = wrapper.width();
        var wrapperHeight = wrapper.height();
        // Using outer height to include padding too
        var scrollableHeight = scrollable.outerHeight()+2 * inactiveMargin;



        var lastTarget;
        //When user move mouse over menu			
        wrapper.mousemove(function(e) {
            // Save target
            lastTarget = e.target;

            var wrapperOffset = wrapper.offset();

            // Scroll menu
            var top = (e.pageY - wrapperOffset.top) * (scrollableHeight - wrapperHeight) / wrapperHeight - inactiveMargin;
            if (top < 0) {
                top = 0;
            }
            wrapper.scrollTop(top);
        });


    }
}

jQuery.preloadImages = function() {
    for (var i = 0; i < arguments.length; i++) {
        jQuery("<img>").attr("src", arguments[i]);
    }
}