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

/* Make sure you run qstoarr.js */
/* Define the strView to be used by Ektron ID */
var strView = "UHYI";
switch (qsParm['id']) {
    case "5180":
	    strView = "USBMI";
        break;
    case "5230":
	    strView = "USTI";
        break;
    case "5160":
	    strView = "UHYI";
        break;
    case "5158":
	    strView = "USCI";
        break;
    case "5274":
	    strView = "USMBSI";
        break;
    case "5272":
	    strView = "USABSI";
        break;
}

Ext.onReady(function(){
	
	Ext.BLANK_IMAGE_URL = '/ext/resources/images/default/s.gif';
	Ext.util.CSS.createStyleSheet('.x-grid3-cell-inner {margin-right: 2px}', '.x-grid3-cell-inner');
	Ext.util.CSS.createStyleSheet('#see_data {margin-top:10px;margin-bottom:10px;}', '#see_data');
	
	// example of custom renderer function
    function change(val){
        if(val > 0){
            return '<span style="color:green;">' + val + '</span>';
        }else if(val < 0){
            return '<span style="color:red;">' + val + '</span>';
        }
        return val;
    }

	var eireader = new Ext.data.JsonReader({
		root: 'data',
		totalProperty: 'recordcount',
		id: 'intrecordid',
		fields: ['strdate', 'intvalue', 'intoasvalue', 'change1day', 'change1week', 'change1month', 'change3month', 'change12month']
		});
	
	var homecolumns = new Ext.grid.ColumnModel([{
			header: "Date",
			dataIndex: 'strdate', 
			width: 83
		},{
           header: "Value",
           dataIndex: 'intvalue',
           align: 'right',
		   width: 75
        },{
           header: "OAS",
           dataIndex: 'intoasvalue',
           align: 'right',
		   width: 75
        },{
           header: "1 Day",
           dataIndex: 'change1day',
		   renderer: change,
           align: 'right',
		   width: 75
        },{
           header: "1 Week",
           dataIndex: 'change1week',
		   renderer: change,
           align: 'right',
		   width: 75
        },{
           header: "1 Month",
           dataIndex: 'change1month',
		   renderer: change,
           align: 'right',
		   width: 75
        },{
           header: "3 Month",
           dataIndex: 'change3month',
		   renderer: change,
           align: 'right',
		   width: 75
        },{
           header: "12 Month",
           dataIndex: 'change12month',
		   renderer: change,
           align: 'right',
		   width: 75
        }]);
		
	homecolumns.defaultSortable = false;
	
	var eiviewconfig = {forceFit:false, enableRowBody:true, showPreview: false};
	
	//BEGIN home_iib_ei
	var proxy1 = new Ext.data.ScriptTagProxy({
	    url: 'http://data.investinginbondseurope.org/iibeu-site/actGetMerrillAsJSON.cfm',
	    method: 'GET'
    });
	
    proxy1.on('beforeload', function(p, params) {
	    params.strView = strView;
    });
	
    var store1 = new Ext.data.Store({
	    proxy: proxy1,
        reader: eireader
    });

	// trigger the data store load
    store1.load();
	
	var grid1 = new Ext.grid.GridPanel({
        el: 'see_data',
        autoWidth: true,
		autoHeight: true,
        store: store1,
        cm: homecolumns,
        loadMask: true,
        viewConfig: eiviewconfig
    });

    // render it
    grid1.render();	
	//END home_iib_ei
	
});