ScrollView left and right scrolling With arrow button - titanium

Question

How to control the vertical scroll using right and left arrow in titanium. How to connect the between the scroll view and right and left arrow
Here is the code:
var counter = 0;
rightArrow.addEventListener('click', function(e) {
counter++;
var wrapperChild = wrapperView.getChildren();
var scroll2 = verticalScroll.scrollTo(114, 0);
var scroll1 = verticalScroll.scrollTo(0, 0);
var scroll3 = verticalScroll.scrollTo(307, 0);
if (counter == 1) {
verticalScroll.scrollTo(114, 0);
alert(counter);
} else if (counter == 2) {
verticalScroll.scrollTo(307, 0);
alert(counter);
//}
} else if (counter == 3) {
verticalScroll.scrollTo(417, 0);
alert(counter);
} else if (counter == 4) {
verticalScroll.scrollTo(560, 0);
alert(counter);
} else if (counter == 5) {
verticalScroll.scrollTo(672, 0);
alert(counter);
}
});
leftArrow.addEventListener('click', function(e) {
if (counter == 0) verticalScroll.scrollTo(0, 0);
});
verticalScroll.addEventListener('scroll', function(e) {
Ti.API.info('Scrollview contents y offset: ' + e.x + 'Scrollview contents y offset: ' + e.y);
});

Answer 1

Scrollview has a method called scrollTo( Number x, Number y ), documented here.
Basically you have to
create and add the scrollview to the window
create and add left and right buttons to the window (you might have to set the zIndex if you add the buttons before the scrollview)
add eventListeners to the buttons that will trigger the scrollTo(). See "Simple Buttons Example"
You might be also interested in Titaniums ScrollableView