Ext.BLANK_IMAGE_URL = '/lib/resources/images/default/s.gif';

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

Ext.onReady(function(){

    // second tabs built from JS


var Uzbekistan = [
['Hashish',9.76,6.21,52.8,67.724,48,565.4],
['Heroin',466.8,537.24,479.9,1471.69,755,1004.3],
['Marijuana',444.88,428.65,680.8,809.811,1373,1731.9],
['Opium',107.67,761.14,730.9,1062.35,626,519.1],
['Other',0,0,0,0,0,0.161],
['Poppy straw (kuknar)',192.79,61.27,169.2,138.437,687,895.8]
];

var Turkmenistan = [
['Hashish',18.2,206.16,115.324,68,327.19,0],
['Heroin',180.78,201.11,325.662,244.5,419.722,0],
['Marijuana',135.85,154.34,85.151,66.7,227.619,0],
['Opium',748.63,2655.7,2283.9,1502.5,1259.21,0],
['Other',0,0,0,0,2.477,0],
['Poppy straw (kuknar)',142.29,169.6,473.531,261.5,52.203,0]
];

var Tajikistan = [
['Depressants',0,0,0,0,0,2173.18],
['Heroin',2344.63,2097.49,1549.7,1636.37,1132.7,985.108],
['Marijuana',1164.42,1305.54,1174.1,2690.98,2372.8,0],
['Opium',1104.38,1386.76,2542.4,1745.09,1040.6,744.43],
['Other',0,0,0,0,25.6,0],
['Poppy straw (kuknar)',0,0,4,1.009,0,0],
['Precursors',0,0,0,178.5,0,0]
];

var Kyrgyzstan = [
['Hashish',131,153.78,440.2,457.14,718.028,507.874],
['Heroin',202.57,260.75,431.4,298.975,341.2,156.78],
['Marijuana',1983.8,2399.76,4028.5,3422.68,2028.7,7387.56],
['Opium',116.46,302.29,270.6,141.001,376.2,38.765],
['Other',206.91,233.8,975.3,2992,1432.17,245.816],
['Poppy straw (kuknar)',1820.29,1347.52,724.3,0,1.152,3.65]
];

var Kazakstan = [
['Hashish',284.15,305.65,261.8,511.057,556.903,417.005],
['Heroin',625.65,554.65,522,1639.317,731.595,323.287],
['Marijuana',21732.6,22868.66,21793.7,25656.531,26331.5,27348],
['Opium',668.85,636.78,335.5,16.676,171.875,168.276],
['Other',219.82,511.6,566.5,101.355,35.595,56.4957],
['Poppy straw (kuknar)',165.37,164.41,0,67.953,126.883,104.8]
];


function addCommas(nStr)
{
	nStr += '';
	x = nStr.split('.');
	x1 = x[0];
	x2 = x.length > 1 ? '.' + x[1] : '';
	var rgx = /(\d+)(\d{3})/;
	while (rgx.test(x1)) {
		x1 = x1.replace(rgx, '$1' + ' ' + '$2');
	}
	return x1 + x2;
}

function ifZero(val){
        var d=val.toFixed(2);
        if(val > 0){
            return addCommas(d);
        }else if(val <= 0){
            return '<span style="color:gray;" title="No data is available;">n/a</span>';
        }
        return val;
}




var myReader = new Ext.data.ArrayReader({},[
{name: 'Drug_Type'},
{name: '2005', type: 'float'},
{name: '2006', type: 'float'},
{name: '2007', type: 'float'},
{name: '2008', type: 'float'},
{name: '2009', type: 'float'},
{name: '2010', type: 'float'}
]);



var tabs2 = new Ext.TabPanel({
renderTo: "myDiv",
activeTab: 0,
width:600,
height:400,
plain:true,
defaults:{autoScroll: false},
items:[{
xtype: 'grid',
title: 'Uzbekistan',
store: new Ext.data.Store({data: Uzbekistan, reader: myReader}),
columns: [
{header: 'Drug Type', width: 125, hideable: false, sortable: true, dataIndex: 'Drug_Type'},
{header: '<div style="text-align:center">2005</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2005', type: 'float'},
{header: '<div style="text-align:center">2006</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2006', type: 'float'},
{header: '<div style="text-align:center">2007</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2007', type: 'float'},
{header: '<div style="text-align:center">2008</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2008', type: 'float'},
{header: '<div style="text-align:center">2009</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2009', type: 'float'},
{header: '<div style="text-align:center">2010</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2010', type: 'float'}],
viewConfig: { forceFit: true}
},{
xtype: 'grid',
title: 'Turkmenistan',
store: new Ext.data.Store({data: Turkmenistan, reader: myReader}),
columns: [
{header: 'Drug Type', width: 125, hideable: false, sortable: true, dataIndex: 'Drug_Type'},
{header: '<div style="text-align:center">2005</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2005', type: 'float'},
{header: '<div style="text-align:center">2006</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2006', type: 'float'},
{header: '<div style="text-align:center">2007</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2007', type: 'float'},
{header: '<div style="text-align:center">2008</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2008', type: 'float'},
{header: '<div style="text-align:center">2009</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2009', type: 'float'},
{header: '<div style="text-align:center">2010</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2010', type: 'float'}],
viewConfig: { forceFit: true}
},{
xtype: 'grid',
title: 'Tajikistan',
store: new Ext.data.Store({data: Tajikistan, reader: myReader}),
columns: [
{header: 'Drug Type', width: 125, hideable: false, sortable: true, dataIndex: 'Drug_Type'},
{header: '<div style="text-align:center">2005</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2005', type: 'float'},
{header: '<div style="text-align:center">2006</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2006', type: 'float'},
{header: '<div style="text-align:center">2007</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2007', type: 'float'},
{header: '<div style="text-align:center">2008</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2008', type: 'float'},
{header: '<div style="text-align:center">2009</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2009', type: 'float'},
{header: '<div style="text-align:center">2010</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2010', type: 'float'}],
viewConfig: { forceFit: true}
},{
xtype: 'grid',
title: 'Kyrgyzstan',
store: new Ext.data.Store({data: Kyrgyzstan, reader: myReader}),
columns: [
{header: 'Drug Type', width: 125, hideable: false, sortable: true, dataIndex: 'Drug_Type'},
{header: '<div style="text-align:center">2005</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2005', type: 'float'},
{header: '<div style="text-align:center">2006</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2006', type: 'float'},
{header: '<div style="text-align:center">2007</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2007', type: 'float'},
{header: '<div style="text-align:center">2008</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2008', type: 'float'},
{header: '<div style="text-align:center">2009</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2009', type: 'float'},
{header: '<div style="text-align:center">2010</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2010', type: 'float'}],
viewConfig: { forceFit: true}
},{
xtype: 'grid',
title: 'Kazakstan',
store: new Ext.data.Store({data: Kazakstan, reader: myReader}),
columns: [
{header: 'Drug Type', width: 125, hideable: false, sortable: true, dataIndex: 'Drug_Type'},
{header: '<div style="text-align:center">2005</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2005', type: 'float'},
{header: '<div style="text-align:center">2006</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2006', type: 'float'},
{header: '<div style="text-align:center">2007</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2007', type: 'float'},
{header: '<div style="text-align:center">2008</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2008', type: 'float'},
{header: '<div style="text-align:center">2009</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2009', type: 'float'},
{header: '<div style="text-align:center">2010</div>', width: 75, align: 'right', hideable: false, sortable: true, renderer: ifZero, dataIndex: '2010', type: 'float'}],
viewConfig: { forceFit: true}
}]//items end
});//tabPanel end;
});//Ext.onReady function end;