ScrollableView opening custom windows

app.js

var win = Ti.UI.createWindow({ backgroundColor: '#fff' });

var views = [];
for (var i = 0; i < 10; i++) {
    var imgView = Ti.UI.createImageView({
        image: 'KS_nav_ui.png',
	customData: i+1,
        top: 0, left: 0,
        width: 100,
        height: 50
    });
	imgView.addEventListener('click', function(e){
		var dView = Ti.UI.createWindow({
			backgroundColor: 'yellow'	
		});
		var label = Ti.UI.createLabel({
			text: "View Number: ["+e.source.customData+"]",
			height: 60,
			width: 150,
			top: 20
		});
		var closeButton = Ti.UI.createButton({
			title: 'Close',
			height: 60,
			width: 150,
			bottom: 20
		});
		closeButton.addEventListener('click', function(e){
			dView.close();
		});
		dView.add(label);
		dView.add(closeButton);
		dView.open();
	});
	views.push(imgView);
}

win.add(Ti.UI.createScrollableView({
    views: views,
    top: 0, right: 0, bottom: 0, left: 0
}));

win.open();