[TIMOB-13678] iOS: ListView crashes if items are updated very quickly

   var listView;
   
   function genData (){
   	var baseUrl = 'http://placehold.it/';
   	var imageUrl, lastIndex;
   	for (i=30;i<=60;i++){
   		for (j=30;j<=60;j++){
   			imageUrl = baseUrl+i+'x'+j;
   			if (!(j % 5)) {
   				var data = [{template: 'template', avatar:{image:imageUrl},info1:{text:'Appended Url'+i+j}, 
   					info2:{text:'Appended Url'+i +j},
   					info3:{text:'Appended Url'+i+j},
   					properties:{height: 70}}];
   				listView.sections[0].appendItems(data);
   			} else {
   				lastIndex = listView.sections[0].items.length -1;
   				var lastItem = listView.sections[0].getItemAt(lastIndex);
   				lastItem.info3.text += '\nblah blah';
   				lastItem.info2.text += j;
   				lastItem.info1.text += i;
   				lastItem.properties.height += 20;
   				listView.sections[0].updateItemAt(lastIndex, lastItem);
   			}
   			listView.scrollToItem(0, lastIndex);
   		}
   	}
   }
   
   function setupTest(win){
   	var myTemplate = {
   		//properties: {height:60},
   		childTemplates: [
   		{
   			type: 'Ti.UI.ImageView',
   			bindId: 'avatar',
   			properties: {
   				left: 10,
   				width: 50, height: 50
   			},
   		},
   		{
   			type: 'Ti.UI.Label',
   			bindId: 'info1',
   			properties: {
   				color: 'white',
   				font: { fontFamily:'Arial', fontSize: 13, fontWeight:'bold' },
   				left: 70, top: 5, ellipsize:true,
   				width: Ti.UI.FILL, height: Ti.UI.SIZE
   			},
   		},
   		{
   			type: 'Ti.UI.Label',
   			bindId: 'info2',
   			properties: {
   				color: 'white',
   				font: { fontFamily:'Arial', fontSize: 13, fontWeight:'bold' },
   				left: 70, top: 20, ellipsize:true,
   				width: Ti.UI.FILL, height: Ti.UI.SIZE
   			},
   		},
   		{
   			type: 'Ti.UI.Label',
   			bindId: 'info3',
   			properties: {
   				color: 'white',
   				font: { fontFamily:'Arial', fontSize: 13, fontWeight:'bold' },
   				left: 70, top: 35, ellipsize:true,
   				width: Ti.UI.FILL, height: Ti.UI.SIZE
   			},
   		}
   		]
   	};	
   	
   	var section = Ti.UI.createListSection();
   	listView = Ti.UI.createListView({
   		sections: [section],
   		templates: { 'template': myTemplate },
   		defaultItemTemplate: 'template',
   		backgroundColor: 'black',
   	});
   	listView.appendSection(section);
   	
   	win.add(listView);	
   	genData();
   }
   
   function list_performance_remote(_args) {
   	var win = Ti.UI.createWindow({
   		title:'Remote Image Test',
   		orientationModes:[Ti.UI.PORTRAIT],
   		layout:'vertical'
   	});
   
   	var desc = Ti.UI.createLabel({
   		text:'This is a list View that uses a custom template that holds an imageView and a label.\n'+
   		'The imageView loads remote images. Thank you placehold.it\n'+
   		'Expected performance is a smooth scroll experience.\n'+
   		'On scrolling back and forth in the list view, the right image must be loaded.(since we are reusing views)\n\n'
   	})
   	
   	var button = Ti.UI.createButton({title:'Show Me',top:10});
   	
   	win.add(desc);
   	win.add(button);
   	
   	button.addEventListener('click',function(){
   		win.remove(desc);
   		win.remove(button);
   		setupTest(win);
   	})
   	
   	return win;
   }
   
   module.exports = list_performance_remote;
   

        var models = _collection.models;
        var len = models.length;
    
        for (var i = 0; len > i; i++) {
            var item = models[i];
            var dataitem = {
                template: "myListItem",
                properties: { objId: item.get("_id") },
                title: { text: item.get("name") },
                subtitle: { text: item.get('sub_name') }
            };
            items.push(dataitem);
        }
        var section = Ti.UI.createListSection({
    	headerTitle: 'A header'
        });
        section.setItems(items);
        $.list.insertSectionAt(0,section);
    

    var win = Ti.UI.createWindow({backgroundColor: 'white'});
     
    var myTemplate = {
        properties: {
            height: '200dp'
        },
        childTemplates: [
            {
                type: 'Ti.UI.ImageView',
                bindId: 'pic',
                properties: {
                    width: '200dp', height: '200dp'
                }
            }
        ]
    };
     
    var listView = Ti.UI.createListView({
        templates: { 'template': myTemplate },
        defaultItemTemplate: 'template'
    });
    var section = Ti.UI.createListSection();
     
    var data = [];
    for (var i=0; i<500; i++) {
        data.push({pic: {image: 'http://upload.wikimedia.org/wikipedia/commons/1/13/Facebook_like_thumb.png'}});
    }
     
    listView.addEventListener('itemclick', function(e) {
        var source = e.bindId;
        var index = e.itemIndex;
         
        var data = section.getItemAt(index);        
     
        var ii = 0;
        var animateLike = function () {
            Ti.API.info("ii: " + ii);
            data.pic.image = (ii % 2) ? 'http://upload.wikimedia.org/wikipedia/commons/1/13/Facebook_like_thumb.png' : 'http://upload.wikimedia.org/wikipedia/commons/b/b1/Not_facebook_not_like_thumbs_down.png';
             
            section.replaceItemsAt(index, 1, [data]);
            ii++;
            if (ii >= 100) {
                clearInterval(animator);
                animator = null;
            }
        };
        var animator = setInterval(animateLike, 30);
    })
     
    section.setItems(data);
    listView.setSections([section]);
    win.add(listView);
    win.open();