$(document).ready(function() {	 

        $("#scroll1").scrollable({ size: 3, loop: true, clickable: false, speed: 0,

            onSeek: function() {
                // this- variable is a pointer to the scrollable API

                $("#CurrentPage").text(this.getPageIndex() + 1);
                $("#TotalPages").text(this.getPageAmount());

                if (this.getPageIndex() != 0) { $("#btnStartOver").removeClass("FirstItem"); } else {
                    $("#btnStartOver").addClass("FirstItem");
                };


                 if (this.getPageIndex() == 0) {
                    $("#btnPrev").unbind('click');
                    $("#btnPrev").click(function(event) {
                        $("#scroll1").scrollable().end();
                    });
                } else {
                    $("#btnPrev").unbind('click');
                    $("#btnPrev").click(function(event) {
                        $("#scroll1").scrollable().prevPage();
                    });
                };


                if (this.getPageIndex() == this.getPageAmount() -1) {
                    $("#LastItem").unbind('click');
                    $("#LastItem").click(function(event) {
                        $("#scroll1").scrollable().begin();
                    });
                } else {
                $("#LastItem").unbind('click');
                $("#LastItem").click(function(event) {
                    $("#scroll1").scrollable().nextPage();
                });
                };

            }
        });

         $("#scroll2").scrollable({ size: 3, loop: true, clickable: false, speed: 0,

            onSeek: function() {
                // this- variable is a pointer to the scrollable API

                $("#CurrentPageSet").text(this.getPageIndex() + 1);
                $("#TotalPagesSet").text(this.getPageAmount());

                if (this.getPageIndex() != 0) { $("#btnStartOverSet").removeClass("FirstItem"); } else {
                    $("#btnStartOverSet").addClass("FirstItem");
                };   

                 if (this.getPageIndex() == 0) {
                    $("#btnPrevSet").unbind('click');
                    $("#btnPrevSet").click(function(event) {
                        $("#scroll2").scrollable().end();
                    });
                } else {
                    $("#btnPrevSet").unbind('click');
                    $("#btnPrevSet").click(function(event) {
                        $("#scroll2").scrollable().prevPage();
                    });
                };


                if (this.getPageIndex() == this.getPageAmount() -1) {
                    $("#LastItemSet").unbind('click');
                    $("#LastItemSet").click(function(event) {
                        $("#scroll2").scrollable().begin();
                    });
                } else {
                $("#LastItemSet").unbind('click');
                $("#LastItemSet").click(function(event) {
                    $("#scroll2").scrollable().nextPage();
                });
                };

            }
        });   

        $("#btnStartOver").click(function(event) {
            event.preventDefault();
            $("#scroll1").scrollable().begin();
        });

        $("#btnStartOverSet").click(function(event) {
            event.preventDefault();
            $("#scroll2").scrollable().begin();
        });
		
		    });