/// <reference path="jquery-1.4.4.js" />
jQuery.fn.BISlider = function (userOptions) {
    var options = {
        step: 100,
        delay: 1000,
        leftButton: '.leftButton',
        rightButton: '.rightButton'
    }
    var position = 0;
    var leftBreak = 0;
    var rightBreak = 0;
    var paused = true;

    var scrollingPanel;

    $.extend(options, userOptions);


    function initBreaks() {
        leftBreak = $(scrollingPanel).position().left;
        paused = false;

        $(options.leftButton).click(function () { scrollLeftp(); });
        $(options.rightButton).click(function () { scrollRightp(); });
    }

    function scrollLeftp() {
        if (!paused) {
            paused = true;
            if ((position - options.step) < leftBreak) position = leftBreak;
            else position -= options.step;

            $(scrollingPanel).animate({
                right: position
            }, options.delay, function () {
                paused = false;
            });
        }
    }
    function scrollRightp() {
        if (!paused) {
            paused = true;
            if ((position + options.step) > rightBreak) position = rightBreak;
            else position += options.step;

            $(scrollingPanel).animate({
                right: position
            }, options.delay, function () {
                paused = false;
            });
        }
    }

    var ob = $(this);
    scrollingPanel = ob.selector;
    $(document).ready(function () { initBreaks(); });

}
jQuery.fn.BISliderVertical = function (userOptions) {
    var options = {
        step: 100,
        delay: 1000,
        downButton: '.downButton',
        upButton: '.upButton'
    }
    var position = 0;
    var downBreak = 0;
    var upBreak = 0;
    var paused = true;

    var scrollingPanel;

    $.extend(options, userOptions);


    function initBreaks() {
        downBreak = ($(scrollingPanel).height() - $(scrollingPanel).parent().height()) * -1; //?


        //        alert($(scrollingPanel).height());
        //        alert($(scrollingPanel).innerHeight());
        //        alert($(scrollingPanel).outerHeight());

        //        alert($(scrollingPanel).parent().height());
        //        alert($(scrollingPanel).parent().innerHeight());
        //        alert($(scrollingPanel).parent().outerHeight());

        paused = false;
        $(options.upButton).css("display", "none");
        $(options.downButton).click(function () { scrollDownp(); });
        $(options.upButton).click(function () { scrollUpp(); });
    }

    function scrollDownp() {
        if (!paused) {
            paused = true;
            if ((position - options.step) <= downBreak) { position = downBreak; $(options.downButton).css("display", "none"); $(options.upButton).css("display", "block"); }
            else { position -= options.step; $(options.upButton).css("display", "block"); }

            $(scrollingPanel).animate({
                top: position
            }, options.delay, function () {
                paused = false;
            });
        }
    }
    function scrollUpp() {
        if (!paused) {
            paused = true;
            if ((position + options.step) >= upBreak) { position = upBreak; $(options.upButton).css("display", "none"); $(options.downButton).css("display", "block"); }
            else {position += options.step;$(options.downButton).css("display", "block"); }

            $(scrollingPanel).animate({
                top: position
            }, options.delay, function () {
                paused = false;
            });
        }
    }

    var ob = $(this);
    scrollingPanel = ob.selector;
    $(document).ready(function () { initBreaks(); });

}