var RecentPostScroller = {};
RecentPostScroller.postScroller = function postScroller(holderDiv, max, items) {

    var hDiv = holderDiv,
        maxToShow = max,
        firstOne = 0,
        postArray = items;

    var init = function init() {

            if (maxToShow > postArray.length) {
                maxToShow = postArray.length;
            }

            setupDiv();

            setTimeout(function () {
                slideDown();
            }, 5000);

        };

    var setupDiv = function setupDiv() {
            var url1 = postArray[firstOne]["url"];
            var title1 = postArray[firstOne]["title"];
            var link1 = postArray[firstOne]["permalink"];


            firstOne++;
            if (firstOne >= maxToShow) {
                firstOne = 0;
            }


            var url2 = postArray[firstOne]["url"];
            var title2 = postArray[firstOne]["title"];
            var link2 = postArray[firstOne]["permalink"];


            var inner = "<div id='rp_slider' style='position:relative; left:0px;'>";
            inner += '<a href="' + link1 + '"><div style="display:inline-block; width:150px;  margin:0 40px; vertical-align:top;"><img src="' + url1 + '" style="width:150px;padding:2px; border:1px solid white;"/><div style="width:150px; text-align:center; white-space:normal;">' + title1 + '</div></div></a>';
            inner += '<a href="' + link2 + '"><div style="display:inline-block; width:150px;  margin:0 40px; vertical-align:top;"><img src="' + url2 + '" style="width:150px;padding:2px; border:1px solid white;"/><div style="width:150px; text-align:center; white-space:normal;">' + title2 + '</div></div></a>';

            inner += "</div>";

            hDiv.innerHTML = inner;

        };

    var slideDown = function slideDown() {
            var l = parseInt(document.getElementById("rp_slider").style.left, 10);
            var slideDist = Math.ceil(Math.abs((-230 - l)) * 0.07);
            l -= slideDist;
            // if (slideDist <= 2) { l = -230;}
            if (l <= -230) {
                init();
            } else {
                document.getElementById("rp_slider").style.left = l + "px";

                setTimeout(function () {
                    slideDown();
                }, 15);
            }
        };

    init();

};