I want to add a a function to play a swirl of video in scrollableview.

By The Play video player1 complete. It next to Play video player2. If video player2 complete. It next to Play video player3. If video player3 complete. It Play video player1.

Swirl to play it by the video play on scrollableview a Remain as ever.

help me please !!

var win_menu  = Titanium.UI.createWindow({
    backgroundColor :'white',
    navBarHidden:true
});
 
var win_view  = Titanium.UI.createWindow({
    navBarHidden:true
});
 
 
win_view.orientationModes = [Ti.UI.LANDSCAPE_LEFT,Ti.UI.LANDSCAPE_RIGHT];
 
 
var videoPlayer1 = Titanium.Media.createVideoPlayer({
    mediaControlStyle : Titanium.Media.VIDEO_CONTROL_DEFAULT,
    scalingMode: Ti.Media.VIDEO_SCALING_ASPECT_FILL,
    url:'1CP.mp4',
 
});
 
var videoPlayer2 = Titanium.Media.createVideoPlayer({ 
    mediaControlStyle : Titanium.Media.VIDEO_CONTROL_DEFAULT,
    scalingMode : Titanium.Media.VIDEO_SCALING_ASPECT_FILL,
    url:'2CP.mp4',
 
});
 
var videoPlayer3 = Titanium.Media.createVideoPlayer({
    mediaControlStyle : Titanium.Media.VIDEO_CONTROL_DEFAULT,
    scalingMode : Titanium.Media.VIDEO_SCALING_ASPECT_FILL,
    url:'3CP.mp4'
});
 
 
var videoViews = [];
 
    videoViews.push(videoPlayer1);
    videoViews.push(videoPlayer2);
    videoViews.push(videoPlayer3);
 
 
var scrollableView = Ti.UI.createScrollableView({
    views:videoViews,
    showPagingControl:true
});
 
 
 
var curVideo = null;
 
scrollableView.addEventListener('scroll' ,function(e) 
    {
 
     if (curVideo)
 
     {
 
        if (curVideo == videoViews[e.currentPage])
        {
            return;
        }    
 
        curVideo.pause();
 
      }  
        curVideo = videoViews[e.currentPage];
        curVideo.play();
 
 
  });
 
 
win_view.add(scrollableView);
win_menu.open();