//Creado por: Marco A. Zamora Astorga
//Aun no esta listo para un uso general
//Version 0.2


//var nScrolls = -1;

//var aScrollsInst = [];

var ContentHeight;// = new Array();
var ActualDistance;// = new Array();
var TextHeight;// = new Array();

function GeneraScroll(innerDiv, outterDiv, UpImg, DownImg, Distance) {
    //var Arguments = [];
    $(document).ready(function() {
        $("#" + UpImg).hide();
        $("#" + UpImg).click(function() {
            UpDown(0, Distance, innerDiv, UpImg, DownImg);
        });
        $("#" + DownImg).click(function() {
            UpDown(1, Distance, innerDiv, UpImg, DownImg);
        });

        TextHeight = document.getElementById(innerDiv).offsetHeight;
        ActualDistance = document.getElementById(outterDiv).offsetHeight;
        if (TextHeight <= ActualDistance) {
            $("#" + DownImg).hide();
        }
        ContentHeight = ActualDistance;
    });
}

function UpDown(Direcction, Distance, innerDiv, UpImg, DownImg) {
    var Movement = Distance;
    TextHeight = document.getElementById(innerDiv).offsetHeight;
    if (Direcction == 0) {
        $("#" + DownImg).show();
        //document.getElementById(DownImg).style.visibility = 'visible';
        if ((ActualDistance - Distance) <= ContentHeight) {
            Movement = ActualDistance - ContentHeight;
            ActualDistance -= Movement;
            $("#" + UpImg).hide();
            //document.getElementById(UpImg).style.visibility = 'hidden';
        }
        else {
            ActualDistance -= Distance;
        }
        $("#" + innerDiv).animate({ "marginTop": "+=" + Movement + "px" }, "slow");
    }
    else {
        //document.getElementById(UpImg).style.visibility = 'visible';
        $("#" + UpImg).show();
        if ((ActualDistance + Distance) >= TextHeight) {
            Movement = TextHeight - ActualDistance;
            ActualDistance += Movement;
            $("#" + DownImg).hide();
            //document.getElementById(DownImg).style.visibility = 'hidden';
        }
        else {
            ActualDistance += Distance;
        }
        $("#" + innerDiv).animate({ "marginTop": "-=" + Movement + "px" }, "slow");
    }
}