/**
 * @author George
 */
Ext.onReady(function(){

    Ext.QuickTips.init();
   
var store = new Ext.data.JsonStore({
    url: 'includes/xml_national_betting.php',
    root: 'data',
    fields: [
        'name', 'url', 'fractionalodds', 'nationality', 'trainer', 'jockey', 'latest_form', {name: 'horse_number', type: 'int'}, {name: 'decimalodds', type: 'float'}, {name: 'age', type: 'int'}
    ],
    listeners: {
    	beforeLoad: function(){
    		p.body.mask('Loading...', 'x-mask-loading');
    	},
    	load: function(){
    		p.body.unmask();
    	}
    }
});

var renderOdds = function(value) {
  value = value || '';
  return value == '' || parseInt(value, 10) == 0 ? 'tbc' : value;
}

   var tpl = new Ext.XTemplate(
		'<tpl for=".">',
            '<div class="thumb-wrap">',
		    '<div class="topright">{realOdds}</div><div class="topmiddle"><span class="number">{hnum}</span> {name}</div>',
		    '<div class="middlerow"><div class="middleright">Jockey: {joc}</div>Trainer: {trainer}</div>',
		    '<div class="bottomrow">Latest Form: {latest_form}</div>',
		    '<div class="imagerow"><a href="#" class="gridImage"></a></div>',
		    '</div>',
        '</tpl>',
        '<div class="x-clear"></div>'
	);

var dv = new Ext.DataView({
            store: store,
            tpl: tpl,
            autoHeight:true,
            multiSelect: true,
            overClass:'x-view-over',
            itemSelector:'div.thumb-wrap',
            emptyText: 'No prices to display',
            prepareData: function(data){
                data.realOdds = data.fractionalodds;
                data.hnum = renderOdds(data.horse_number);
                data.joc = renderOdds(data.jockey);
                return data;
            },
            listeners: {
            	click: function(d, i, n, e){
            		var record = this.store.getAt(i);
        			var value = record.data.url;
        		var myUrl = 'http://www.ladbrokes.com/ast?action=go_asset&new=1&aff_id=22048&asset_id=1798&url='+value;
				var win = window.open(myUrl,"Ladbrokes_Betting_Slip","height=670,width=421,location=0,titlebar=0,status=0");	
            	}
            }
});

var p = new Ext.Panel({
		width: 560,
        height: 770,
        bodyStyle: 'overflow:auto;padding:2px;',
        title: 'John Smith\'s Grand National 2010 - Non Runner No Bet',
        renderTo: 'divGrid',
        items: dv
});

store.load();
});