/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */


Ext.chart.Chart.CHART_URL = '/js/resources/charts.swf';

Ext.onReady(function(){

    var store = new Ext.data.JsonStore({
	url: '/tracker/getData.php',
       	fields: [
		{name: 'Date'}, 
		{name: 'Total', type: 'float'}
	]
    });

    store.load();

    // extra extra simple
    var graph = new Ext.Panel({
        title: 'Portfolio Performance Since Inception 3/3/08',
        renderTo: 'container',
        width:800,
        height:480,
        layout:'fit',
        tbar: [{
            text: 'Overview',
	    iconCls:'chart',
            handler: function(){
                store.load();
            }
        },'-',{
            text: '2008',
	    iconCls:'chart',
            handler: function(){
                store.load({params: {start: 0, limit: 10}});
            }
        },'-',{
            text: '2009',
            iconCls:'chart',
            handler: function(){
                store.load({params: {start: 10, limit: 12}});
            }
        },'-',{
            text: '2010',
	    iconCls:'chart',
            handler: function(){
                store.load({params: {start: 22, limit: 12}});
            }
        },'-',{
            text: '2011',
	    iconCls:'chart',
            handler: function(){
                store.load({params: {start: 33, limit: 12}});
            }
        },'-'],
        items: {
            xtype: 'linechart',
            store: store,
	    url: '/js/resources/charts.swf',
            xField: 'Date',
            yField: 'Total',
            yAxis: new Ext.chart.NumericAxis({
		alwaysShowZero: false,
                labelRenderer : Ext.util.Format.usMoney
            }),
            tipRenderer : function(chart, record){
                return record.data.Date + '\n' + Ext.util.Format.usMoney(record.data.Total);
            }
	}
    });

});