var iHeight = 0;
Ext.BLANK_IMAGE_URL = '/Twitter/ext/resources/images/default/s.gif';

function replaceURLWithHTMLLinks(text) {
    var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
    return text.replace(exp,"<a class='case_study' href='javascript:void(0);' onclick='window.open(\"$1\",\"_blank\");'>$1</a>"); 
}

Ext.onReady(function() {
	Ext.QuickTips.init();
	
	var store = new Ext.data.Store({
        url: '/Twitter/TwitterAsXML.aspx?screens=neoris_pr&count=1',
		reader: new Ext.data.JsonReader
		({
			root: 'Rows',
			totalProperty: 'totalCount',
			id: 'id'
		}, ["id", "created_at", "text", "source", {name:"user_name", mapping:"user.name"}, {name:"screen_name", mapping:"user.screen_name"}, "time_ago"])
    });
    
    

	var resTpl = new Ext.XTemplate(
		'<tpl for=".">',
			'<div>',
			    '<font class="twitter_title">Neoris Twitter:</font>&nbsp;',
			    '<font class="twitter_text">{text}</font>',
			'</div>',
		'</tpl>'
    );

	var panel = new Ext.Panel({
        id:'images-view',
        collapsible:false,
		autoScroll:true,
		border:false,
        items: new Ext.DataView({
            store: store,
            tpl: resTpl,
            emptyText: 'No info to display',
			//overClass:'x-view-over',
            itemSelector:'div.thumb-wrap',
			multiSelect: true,
			loadingText: 'Loading...',
			prepareData: function(data){
			    //debugger;
                data.name = data.user_name.replace(/ /g, "<br>");
                data.text = replaceURLWithHTMLLinks(data.text);
                return data;
            }
        })
    });

    panel.render('twitter');
	store.load();
});