[AC-3094] Remote images in custom TableViewRow not loading

(function() {
	pintley.ui.components.createBeerTrackRow = function(_beerTrack) {
		var row = Titanium.UI.createTableViewRow({layout:'vertical',height:'auto'});
		row.className = 'beertrackrow';
		row.backgroundSelectedColor = '#fff';

		row.addEventListener("click",function(){
			var beerScreen = pintley.clone(pintley.ui.screens.BeerDetailScreenObject);
			beerScreen.data = pintley.combine(beerScreen.data,{beer:_beerTrack.beer});
			beerScreen.backButton = _beerTrack.beer.beerName;
			pintley.ui.screens.MainScreen.newScreen(beerScreen);
		});
		
		var rowView = Titanium.UI.createView({left:0,right:0,height:'auto'});

		var smallGap = 5;
		var largeGap = 10;

		// left image
		var updateImage = Titanium.UI.createImageView({
			defaultImage:'images/loading_60.png', // comment this row out to see the workaround
			image:_beerTrack.beer.thumb,
			top:smallGap,
			left:10,
			width:60,
			height:60
		});
		// iPhone 4 display
		if (Titanium.Platform.displayCaps.dpi == 320) {
			updateImage.image = _beerTrack.beer.thumb2x;
			updateImage.hires = true;
		}
		rowView.add(updateImage);
		
		rowView.add(Ti.UI.createView({height:smallGap,top:65})); // spacer
		
		// content container
		var updateContent = Titanium.UI.createView({
			layout:'vertical',
			left:80,
			right:10,
			top:smallGap,
			height:'auto'
		});
		
		var beerName = Titanium.UI.createLabel({
			color:'#C36466',
			font:{fontSize:15,fontWeight:'bold', fontFamily:'Arial'},
			left:0,
			right:0,
			top:smallGap,
			height:21,
			text:_beerTrack.beer.beerName
		});
		updateContent.add(beerName);
		
		var locationName = Titanium.UI.createLabel({
			color:'#656565',
			font:{fontSize:11,fontWeight:'bold', fontFamily:'Arial'},
			left:0,
			right:0,
			height:'auto',
			text:_beerTrack.locationName
		});
		if (_beerTrack.locationName && _beerTrack.locationName.length > 0) {
			locationName.text = "at " + _beerTrack.locationName;
		}
		updateContent.add(locationName);
		
		var notes = Titanium.UI.createLabel({
			color:'#000',
			font:{fontSize:11,fontFamily:'Arial'},
			left:0,
			right:0,
			height:'auto',
			text:_beerTrack.notes
		});
	
		updateContent.add(notes);
		
		var timeRow = Titanium.UI.createView({
			left:0,
			right:0,
			height:15
		});
		
		var updateTimestamp = Titanium.UI.createLabel({
			left:0,
			right:0,
			bottom:0,
			color:'#656565',
			font:{fontSize:10,fontFamily:'Arial'},
			text:_beerTrack.ago
		});
		timeRow.add(updateTimestamp);
 
		updateContent.add(timeRow);
		
		updateContent.add(Ti.UI.createView({height:pintley.os({android:15, iphone:smallGap})})); // spacer
		
		rowView.add(updateContent);
		
		row.add(rowView);
		
		return row;
	};
})();