/*
 * Ext JS Library 2.1
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

Ext.onReady(function(){

	Ext.BLANK_IMAGE_URL = '/ext/resources/images/default/s.gif';
	Ext.util.CSS.createStyleSheet('.x-grid3-cell-inner {margin-right: 3px}', '.x-grid3-cell-inner');
	
	function renderIndicator(value, p, record){
        // return String.format('<a href="#" onClick="win=window.open(\'/Pages/Help.aspx?id={1}\', \'popup\', \'width=680, height=420, scrollbars=yes, resizable=yes\');win.focus();">{0}</a>', value, record.data.intid);
        return String.format('<a href="/Pages/Help.aspx?id={1}" target="popup" onClick="jsPopUp(this.href);return false;">{0}</a>', value, record.data.intid);
    }
	
	var eireader = new Ext.data.JsonReader({
            root: 'data',
            totalProperty: 'recordcount',
            idProperty: 'intid',
            fields: ['strcurrentvaluetext', 'strforecastvaluetext', 'strname', 'strpreviousvaluetext', 'intid']
        });

	var homecolumns = new Ext.grid.ColumnModel([{
           id: 'name', 
           header: "Indicator",
           dataIndex: 'strname',
		   renderer: renderIndicator,
		   width: 182
        },{
           header: "Current Value",
           dataIndex: 'strcurrentvaluetext',
           align: 'right',
		   width: 94
        }]);
		
	homecolumns.defaultSortable = false;
	
	var eiviewconfig = {forceFit:false, enableRowBody:true, showPreview: false};
	
	//BEGIN home_iib_ei
	// create the Data Store
	var proxy1 = new Ext.data.ScriptTagProxy({
		url: 'http://data.investinginbondseurope.org/iibeu-site/actGetEIAsJSON.cfm',
		method: 'GET'
	});
	
	proxy1.on('beforeload', function(p, params) {
		params.strView = 'home_iib_ei';
	});
		
    var store1 = new Ext.data.Store({
        proxy: proxy1,
        reader: eireader
    });
    
    var grid1 = new Ext.grid.GridPanel({
        el: 'home_iib_ei',
        autoWidth: true,
		autoHeight: true,
        store: store1,
        cm: homecolumns,
        loadMask: true,
        viewConfig: eiviewconfig,
        bbar: new Ext.PagingToolbar({
            pageSize: 6,
            store: store1
        })
    });

    // render it
    grid1.render();

    // trigger the data store load
    store1.load({params:{start:0, limit:6}});
	//END home_iib_ei
	
	
	//BEGIN govt_iib_ei - no bbar
	var proxy2 = new Ext.data.ScriptTagProxy({
		url: 'http://data.investinginbondseurope.org/iibeu-site/actGetEIAsJSON.cfm',
		method: 'GET'
	});
	
	proxy2.on('beforeload', function(p, params) {
		params.strView = 'govt_iib_ei';
	});
		
    var store2 = new Ext.data.Store({
        proxy: proxy2,
        reader: eireader
    });

    var grid2 = new Ext.grid.GridPanel({
        el: 'govt_iib_ei',
        autoWidth: true,
		autoHeight: true,
        store: store2,
        cm: homecolumns,
        loadMask: true,
        viewConfig: eiviewconfig,
        bbar: new Ext.PagingToolbar({
            pageSize: 6,
            store: store2
        })
    });

    // render it
    grid2.render();

    // trigger the data store load
    store2.load({params:{start:0, limit:6}});
	//END home_iib_ei
	
	
	//BEGIN subs_iib_ei
	var proxy3 = new Ext.data.ScriptTagProxy({
		url: 'http://data.investinginbondseurope.org/iibeu-site/actGetEIAsJSON.cfm',
		method: 'GET'
	});
	
	proxy3.on('beforeload', function(p, params) {
		params.strView = 'subs_iib_ei';
	});
		
    var store3 = new Ext.data.Store({
        proxy: proxy3,
        reader: eireader
    });

    var grid3 = new Ext.grid.GridPanel({
        el: 'subs_iib_ei',
        autoWidth: true,
		autoHeight: true,
        store: store3,
        cm: homecolumns,
        loadMask: true,
        viewConfig: eiviewconfig,
        bbar: new Ext.PagingToolbar({
            pageSize: 6,
            store: store3
        })
    });

    // render it
    grid3.render();

    // trigger the data store load
    store3.load({params:{start:0, limit:6}});
	//END subs_iib_ei
	
	
	//BEGIN corp_iib_ei
	var proxy4 = new Ext.data.ScriptTagProxy({
		url: 'http://data.investinginbondseurope.org/iibeu-site/actGetEIAsJSON.cfm',
		method: 'GET'
	});
	
	proxy4.on('beforeload', function(p, params) {
		params.strView = 'corp_iib_ei';
	});
		
    var store4 = new Ext.data.Store({
        proxy: proxy4,
        reader: eireader
    });

    var grid4 = new Ext.grid.GridPanel({
        el: 'corp_iib_ei',
        autoWidth: true,
		autoHeight: true,
        store: store4,
        cm: homecolumns,
        loadMask: true,
        viewConfig: eiviewconfig,
        bbar: new Ext.PagingToolbar({
            pageSize: 6,
            store: store4
        })
    });

    // render it
    grid4.render();

    // trigger the data store load
    store4.load({params:{start:0, limit:6}});
    //END corp_iib_ei
	
	
    //BEGIN debt_iib_ei
	var proxy5 = new Ext.data.ScriptTagProxy({
		url: 'http://data.investinginbondseurope.org/iibeu-site/actGetEIAsJSON.cfm',
		method: 'GET'
	});
	
	proxy5.on('beforeload', function(p, params) {
		params.strView = 'debt_iib_ei';
	});
		
    var store5 = new Ext.data.Store({
        proxy: proxy5,
        reader: eireader
    });
    
    var grid5 = new Ext.grid.GridPanel({
        el: 'debt_iib_ei',
        autoWidth: true,
		autoHeight: true,
        store: store5,
        cm: homecolumns,
        loadMask: true,
        viewConfig: eiviewconfig,
        bbar: new Ext.PagingToolbar({
            pageSize: 6,
            store: store5
        })
    });

    // render it
    grid5.render();

    // trigger the data store load
    store5.load({params:{start:0, limit:6}});
	//END debt_iib_ei
	
	
	//BEGIN benchmark_rates
	var eireader6 = new Ext.data.JsonReader({
		root: 'data',
        totalProperty: 'recordcount',
        idProperty: 'intid',
		fields: ['strdateloc', 'strname', 'strvalue', 'intid']
	});
		
	var homecolumns6 = new Ext.grid.ColumnModel([{
           id: 'name', 
           header: "Rate",
           dataIndex: 'strname',
		   renderer: renderIndicator,
		   width: 182
        },{
           header: "Current Value",
           dataIndex: 'strvalue',
           align: 'right',
		   width: 94
        }]);
		
	homecolumns6.defaultSortable = false;
		
    var store6 = new Ext.data.Store({
        proxy: new Ext.data.ScriptTagProxy({
            url: 'http://data.investinginbondseurope.org/iibeu-site/actGetBRAsJSON.cfm',
			method: 'GET'
        }),
        reader: eireader6
    });
    
    var grid6 = new Ext.grid.GridPanel({
        el: 'benchmark_rates',
        autoWidth: true,
		autoHeight: true,
        store: store6,
        cm: homecolumns6,
        loadMask: true,
        viewConfig: eiviewconfig,
        bbar: new Ext.PagingToolbar({
            pageSize: 6,
            store: store6
        })
    });

    // render it
    grid6.render();

    // trigger the data store load
    store6.load({params:{start:0, limit:6}});
	//END benchmark_rates
});