/*
 * 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');
	Ext.util.CSS.createStyleSheet('.x-grid3-header {display:none;}', 'x-grid3-header');
	
    /* Define the strView to be used by Ektron ID */
    var strView = "UHYI";
    switch (qsParm['id']) {
        case "5258":
	        strView = "DE0006168545";
            break;
        case "5252":
	        strView = "DE0006213754";
            break;
        case "5246":
	        strView = "DE0006301153";
            break;
        case "5250": //High Yield
	        strView = "";
            break;
        case "5214":
	        strView = "DE0009682823";
            break;
        case "4706":
	        strView = "DE0009682708";
            break;
        case "5236":
	        strView = "DE0006168065";
            break;
    }

	// example of custom renderer function
    function dspcolor(value, y, z){
		if (z.id == 'Change in Percent' || z.id == 'Absolute Change'){
			var thisVal = value.replace("%", "");
	        if(thisVal > 0 ){
	            return '<span style="color:green;">' + value + '</span>';
	        }else if(thisVal < 0){
	            return '<span style="color:red;">' + value + '</span>';
	        }
		}
        return value;
    }
	
	function dspbold(val){
            return '<span style="font-weight:bold;">' + val + '</span>';
    }

	var eireader = new Ext.data.JsonReader({
		root: 'data',
		totalProperty: 'recordcount',
		id: 'name',
		fields: ['name', 'value']
		});
	
	var homecolumns = new Ext.grid.ColumnModel([{
			header: "Name",
			dataIndex: 'name', 
			width: 200, 
			menuDisabled: true,
			renderer: dspbold
		},{
           header: "Value",
		   dataIndex: 'value',
           align: 'right',
		   width: 405, 
		   menuDisabled: true,
		   renderer: dspcolor
        }]);
		
	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/actGetIBOXXEURAsJSON.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({
		enableHdMenu: false,
        el: 'see_data',
        autoWidth: true,
		autoHeight: true,
        store: store1,
        cm: homecolumns,
        loadMask: true,
        viewConfig: eiviewconfig
    });

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