var tutorial = Titanium.UI.createButton({

 background:'#000000',
 backgroundImage:'tutorial.png',
    height:'24',
    width:'173',
    top:40,
    left:85

});

win1.add(tutorial);

tutorial.addEventListener('click',function(e){


var view1 = Titanium.UI.createView({
top: 12,
         left: 10,
         width: '300',
         height: '220',
         backgroundColor:'#000',
         backgroundImage:'1.png',
         touchEnabled:true
});
var view2 = Titanium.UI.createView({
    top: 12,
         left: 10,
         width: '300',
         height: '220',
         backgroundColor:'#000',
         backgroundImage:'2.png',
         touchEnabled:true
    });
var view3 = Titanium.UI.createView({
    top: 12,
         left: 10,
         width: '300',
         height: '220',
         backgroundColor:'#000',
         backgroundImage:'3.png',
         touchEnabled:true
    });

var view4 = Titanium.UI.createView({
    top: 12,
         left: 10,
         width: '300',
         height: '220',
         backgroundColor:'#000',
         backgroundImage:'4.png',
         touchEnabled:true
    });

var view5 = Titanium.UI.createView({
    top: 12,
         left: 10,
         width: '300',
         height: '220',
         backgroundColor:'#000',
         backgroundImage:'5.png',
         touchEnabled:true
    });

var scrollView1 = Titanium.UI.createScrollableView({
    views:[view1,view2,view3,view4,view5],
    top: 12,
         left: 10,
         width: '300',
         height: '220',
         touchEnabled:true,
         showPagingControl:false
});

function doClick(e) {
    var rightbutton = e.view;
};


var right = Titanium.UI.createButton({
        image:'arrowright.png',
        left: 250,
        top:185,
        width: 30,
        height:30
    })

var left = Titanium.UI.createButton({
        image:'arrowleft.png',
        left: 20,
        top:185,
        width: 30,
        height:30
    })

right.addEventListener('click', function(e)
{
   scrollView1 = e.view
});