The project:
http://www.mediafire.com/?ddms78xjnfq5nf0

Hey Developers!

I again have a sample project for you guys!
These projects are all based on functions I use in my app and had to get it right with trial and error.

So to anyone who ever needs this, they can download and take a look at the code.

Specs:
iOS: 4.1

Titanium SDK: continuous build 1.5.0 (nov 16)

What does it do?:

The app is a simple window with a scrollview in Landscape mode.
What were trying to do is populate the scrollview with imageviews from an array, and give each imageview a eventListener that corresponds to itself.

What can you use this for?:
I used it for 2 purposes.

1. I have a ebook, with pages and I used this code to generate a scrollview with thumbnails and when clicked on a thumbnail to navigate to that page.
   (i.e: Toy Story)

2. I also used it on a scrollview with 110 sticker thumbnails and when clicked it put a bigger version on the screen in a webview to drag and pinchzoom.
   (i.e: Drawingpad)

Here is the code for people that don't want to download:

Array:

var stickers = [];
        stickers[0] = {image: './image/Himalayan-Cat.png', stickname: 'cat1', postop: 5};
        stickers[1] = {image: './image/mfnyc_cat17.jpg', stickname: 'cat2', postop: 45};
        stickers[2] = {image: './image/Himalayan-Cat.png', stickname: 'cat3', postop: 5};
        stickers[3] = {image: './image/mfnyc_cat17.jpg', stickname: 'cat4', postop: 45};
        stickers[4] = {image: './image/Himalayan-Cat.png', stickname: 'cat5', postop: 5};
        stickers[5] = {image: './image/mfnyc_cat17.jpg', stickname: 'cat6', postop: 45};
        stickers[6] = {image: './image/Himalayan-Cat.png', stickname: 'cat7', postop: 5};
        stickers[7] = {image: './image/mfnyc_cat17.jpg', stickname: 'cat8', postop: 45};
        stickers[8] = {image: './image/Himalayan-Cat.png', stickname: 'cat9', postop: 5};
        stickers[9] = {image: './image/mfnyc_cat17.jpg', stickname: 'cat10', postop: 45};
        stickers[10] = {image: './image/Himalayan-Cat.png', stickname: 'cat11', postop: 5};
        stickers[11] = {image: './image/mfnyc_cat17.jpg', stickname: 'cat12', postop: 45};
        stickers[12] = {image: './image/Himalayan-Cat.png', stickname: 'cat13', postop: 5};
        stickers[13] = {image: './image/mfnyc_cat17.jpg', stickname: 'cat14', postop: 45};
        stickers[14] = {image: './image/Himalayan-Cat.png', stickname: 'cat15', postop: 5};
        stickers[15] = {image: './image/mfnyc_cat17.jpg', stickname: 'cat16', postop: 45};
        stickers[16] = {image: './image/Himalayan-Cat.png', stickname: 'cat17', postop: 5};
        stickers[17] = {image: './image/mfnyc_cat17.jpg', stickname: 'cat18', postop: 45};    
        stickers[18] = {image: './image/Himalayan-Cat.png', stickname: 'cat19', postop: 5};
        stickers[19] = {image: './image/mfnyc_cat17.jpg', stickname: 'cat5', postop: 45};
        stickers[20] = {image: './image/Himalayan-Cat.png', stickname: 'cat21', postop: 5};

The code:

Titanium.UI.orientation = Titanium.UI.LANDSCAPE_LEFT;

var w1 = Ti.UI.createWindow({
    width: 1024,
    height: 768,
    backgroundColor: '#fff',

    orientationModes : [
    Titanium.UI.LANDSCAPE_LEFT
    ]
});

var scrollViewer = Ti.UI.createScrollView({
    contentWidth: 'auto',
    contentHeight: 160,
    width: 1024,
    height: 160,
    backgroundColor: '#c5c5c5',
    bottom: 50,
    showVerticalScrollIndicator:false,
    showHorizontalScrollIndicator:false,
    zIndex: 10
});

w1.add(scrollViewer);

function add_stickers(e) {
    Ti.API.info("Yay you clicked " + e.source.stick_name);
}

for(var j=0;j<stickers.length;j++) {

    var stickerImg = Titanium.UI.createImageView({
        image: stickers[j].image,
        width: 'auto',
        height: 'auto',
        bottom: stickers[j].postop,
        left: j*180,
        stick_name: stickers[j].stickname
    });
    stickerImg.addEventListener('click', add_stickers);
    scrollViewer.add(stickerImg);
}

w1.open();