function broesScroll(elementID) {
    var scrollElement = document.getElementById(elementID);
    var scrollInner = document.getElementById(elementID + "inner");
    var numberOfChildren = scrollInner.getElementsByTagName('img').length;
    var totalPages = Math.ceil(numberOfChildren/4);
    scrollInner.style.width = (totalPages * 1000) + "px";

    var elScrollWidth = scrollElement.scrollWidth;
    var elWidth = scrollElement.offsetWidth;
    var busyScrolling = false;

    document.getElementById('totalpagenumber').innerHTML = totalPages;
    
    function stoppedScrolling() {
        busyScrolling = false;
        var currentPage = Math.ceil((scrollElement.scrollLeft + elWidth)/elWidth);
        document.getElementById('currentpagenumber').innerHTML = currentPage;
    }
    
    function startScrolling(scrollTo) {
        function yahooExists() {
            try {
                if (YAHOO) {
                    return true;
                }
            }
            catch(err) {
                return false;
            }
        }
        if (yahooExists()) {
            var myAnim = new YAHOO.util.Scroll(scrollElement, {scroll: { to: [scrollTo, 0] }},1,YAHOO.util.Easing.easeBoth);
            myAnim.onComplete.subscribe(stoppedScrolling);
            myAnim.animate();
        }
        else {
            scrollElement.scrollLeft = scrollTo;
            stoppedScrolling();
        }
    }

    this.nextPage = function(event) {
        if (!busyScrolling) {
            busyScrolling = true;
            if (scrollElement.scrollLeft < elScrollWidth - elWidth) {
                startScrolling(scrollElement.scrollLeft + elWidth);
            }
            else {
                startScrolling(0);
            }
        }
    };
    
    this.previousPage = function(event) {
        if (!busyScrolling) {
            busyScrolling = true;
            if (scrollElement.scrollLeft == 0) {
                startScrolling(scrollElement.scrollWidth - elWidth);
            }
            else if (scrollElement.scrollLeft >= elWidth) {
                startScrolling(scrollElement.scrollLeft - elWidth);
            }
            else {
                startScrolling(0);
            }
        }
    };
}

function twoDigits(intNumber) {
    if (intNumber < 10) return "0" + intNumber;
    else return intNumber;
}