function initScrolls() {
    $("div.scrollable > span.scrolldown").mousedown(function() {
        var content = $(this).parents(".scrollable").children(".scrollcontent");
        //alert(content[0].scrollHeight);
        content.animate({ scrollTop: content[0].scrollHeight }, 1500);
    });

    $("div.scrollable > span.scrolldown").mouseup(function() {
        var content = $(this).parents(".scrollable").children(".scrollcontent");
        content.stop();
    });
    $("div.scrollable > span.scrolldown").mouseleave(function() {
        var content = $(this).parents(".scrollable").children(".scrollcontent");
        content.stop();
    });

    $("div.scrollable > span.scrollup").mousedown(function() {
        var content = $(this).parents(".scrollable").children(".scrollcontent");
        content.animate({ scrollTop: 0 }, 1500);
    });

    $("div.scrollable > span.scrollup").mouseup(function() {
        var content = $(this).parents(".scrollable").children(".scrollcontent");
        content.stop();
    });
    $("div.scrollable > span.scrollup").mouseleave(function() {
        var content = $(this).parents(".scrollable").children(".scrollcontent");
        content.stop();
    });


    $("div.scrollable > span.scrollright").mousedown(function() {
        var content = $(this).parents(".scrollable").children(".scrollcontent");
        //alert(content[0].scrollHeight);
        content.animate({ scrollLeft: content[0].scrollWidth }, 1500);
    });

    $("div.scrollable > span.scrollright").mouseup(function() {
        var content = $(this).parents(".scrollable").children(".scrollcontent");
        content.stop();
    });
    $("div.scrollable > span.scrollright").mouseleave(function() {
        var content = $(this).parents(".scrollable").children(".scrollcontent");
        content.stop();
    });

    $("div.scrollable > span.scrollleft").mousedown(function() {
        var content = $(this).parents(".scrollable").children(".scrollcontent");
        content.animate({ scrollLeft: 0 }, 1500);
    });

    $("div.scrollable > span.scrollleft").mouseup(function() {
        var content = $(this).parents(".scrollable").children(".scrollcontent");
        content.stop();
    });
    $("div.scrollable > span.scrollleft").mouseleave(function() {
        var content = $(this).parents(".scrollable").children(".scrollcontent");
        content.stop();
    });

    $("div.scrollable").mousewheel(function(event, delta) {
        var scrollElement = $(this).children(".scrollcontent")[0];

        if (scrollElement.clientHeight < scrollElement.scrollHeight) {
            var curY = scrollElement.scrollTop;
            var scrollTo = curY;
            if (delta > 0) {
                scrollTo = curY - delta * 60;
                if (scrollTo < 0)
                    scrollTo = 0;
                $(this).children(".scrollcontent").animate({ scrollTop: scrollTo }, 50);
            }
            else if (delta < 0) {
                scrollTo = curY - delta * 60;
                if (scrollTo > scrollElement.scrollHeight)
                    scrollTo = scrollElement.scrollHeight;
                $(this).children(".scrollcontent").animate({ scrollTop: scrollTo }, 50);
            }
        }
        else {
            if (scrollElement.clientWidth < scrollElement.scrollWidth) {
                var curX = scrollElement.scrollLeft;
                var scrollTo = curX;
                if (delta > 0) {
                    scrollTo = curX - delta * 60;
                    if (scrollTo < 0)
                        scrollTo = 0;
                    $(this).children(".scrollcontent").animate({ scrollLeft: scrollTo }, 50);
                }
                else if (delta < 0) {
                    scrollTo = curX - delta * 60;
                    if (scrollTo > scrollElement.scrollWidth)
                        scrollTo = scrollElement.scrollWidth;
                    $(this).children(".scrollcontent").animate({ scrollLeft: scrollTo }, 50);
                }
            }
        }
        return false;
    });
}