function tcScrollerScroll(id, direction) {
    var c = $("#" + id + " .tcScrollerClip")[0];
    c.scrollTop += direction * 15;
    
    if (c.scrollTop == 0)
        $("#" + id + " .tcScrollerScrollUp").addClass("tcScrollerScrollDisabled tcScrollerScrollUpDisabled");
    else
        $("#" + id + " .tcScrollerScrollUp").removeClass("tcScrollerScrollDisabled  tcScrollerScrollUpDisabled");
        
    if ((c.scrollTop + c.offsetHeight) == c.scrollHeight)
        $("#" + id + " .tcScrollerScrollDown").addClass("tcScrollerScrollDisabled tcScrollerScrollDownDisabled");
    else
        $("#" + id + " .tcScrollerScrollDown").removeClass("tcScrollerScrollDisabled tcScrollerScrollDownDisabled");
}
function tcScroller(id) {
    $(document).ready(function() {
        tcScrollerTimer = null;
        $("#" + id).html(
            '<div class="tcScrollerClip"><div class="tcScrollerContent">' +
            $("#" + id).html() +
            '</div></div><div class="tcScrollerScroll tcScrollerScrollUp"></div><div class="tcScrollerScroll tcScrollerScrollDown"></div>');
        $("#" + id + " .tcScrollerClip").height($("#" + id).height());
        $("#" + id + " .tcScrollerScrollUp").hover(function() {
            if (tcScrollerTimer)
                clearInterval(tcScrollerTimer);
            tcScrollerTimer = setInterval("tcScrollerScroll('" + id + "',-1)", 100);
        }, function() {
            if (tcScrollerTimer) {
                clearInterval(tcScrollerTimer);
                tcScrollerTimer = null;
            }
        });
        $("#" + id + " .tcScrollerScrollDown").hover(function() {
            if (tcScrollerTimer)
                clearInterval(tcScrollerTimer);
            tcScrollerTimer = setInterval("tcScrollerScroll('" + id + "',1)", 100);
        }, function() {
            if (tcScrollerTimer) {
                clearInterval(tcScrollerTimer);
                tcScrollerTimer = null;
            }
        });
        tcScrollerScroll(id, 0);
    });
}