var ChItem= Class.extend({
    init: function() {
        /*this.remoteMapRoute=new cItem({
			OnReady:this.onReadyMapRoute.bind(this),
			cache:false
		});*/
        this.newDialog='';
        this.remoteShow=new cItem({
             OnReady:jQuery.proxy(this.onReadyShow,this)

        });
        /*this.calltranstomb=new Array();
        this.requesttranstomb=new Array();
        this.calltranstomb.push('_grafikon');

        var update_trans='';
        update_trans=new cItem({
            OnReady: function(sender,item) {
                this.requesttranstomb=item;
            }
        });
        Parameter=new Object;
        Parameter.transtomb=this.calltranstomb;
        update_trans.callMethod('se','calltranstomb',Parameter);*/
    },
    drawVisualization: function() {
        // Create and populate the data table.
        var myData = new Array([1996, 22], [1997, 36], [1998, 37], [1999, 45], [2000, 50], [2001, 55], [2002, 61], [2003, 61], [2004, 62], [2005, 66], [2006, 73]);
	var myChart = new JSChart('chart', 'line');
	myChart.setDataArray(myData);
	myChart.setTitle('Percentage of U.S. Adults Online');
	myChart.setTitleColor('#8E8E8E');
	myChart.setTitleFontSize(11);
	myChart.setAxisNameX('');
	myChart.setAxisNameY('');
	myChart.setAxisColor('#C4C4C4');
	myChart.setAxisValuesColor('#343434');
	myChart.setAxisPaddingLeft(100);
	myChart.setAxisPaddingRight(120);
	myChart.setAxisPaddingTop(50);
	myChart.setAxisPaddingBottom(40);
	myChart.setAxisValuesNumberX(6);
	myChart.setGraphExtend(true);
	myChart.setGridColor('#c2c2c2');
	myChart.setLineWidth(6);
	myChart.setLineColor('#9F0505');
	myChart.setSize(768, 400);
	myChart.setBackgroundImage('chart_bg.jpg');
	myChart.draw();

         var canvas = document.getElementById("JSChart_chart");
        var context = canvas.getContext("2d");
        var img     = canvas.toDataURL("image/png");

          var update_merk_div='';
        update_merk_div=new cItem({
            OnReady: function(sender,item) {

          


            }
        });
        Parameter=new Object;
        Parameter.canvas=img;
        update_merk_div.callMethod('se','canvassavetemp',Parameter);


      

        //document.write('<img src="var/temp/'+img+'"/>');*/


    },
    line: function(){
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'x');
        data.addColumn('number', 'Teszt');
        data.addColumn('number', 'Teszt2');
        data.addRow(["A", 1,1]);
        data.addRow(["B", 2,1.2]);
        data.addRow(["C", 4,5]);
        data.addRow(["D", 8,5]);
        data.addRow(["E", 7,5]);
        data.addRow(["F", 7,5]);
        data.addRow(["G", 8,5]);
        data.addRow(["H", 4,6]);
        data.addRow(["I", 2,6]);
        data.addRow(["J", 3.5,6]);
        data.addRow(["K", 3,0]);
        data.addRow(["L", 3.5,0]);
        data.addRow(["M", 1,2]);
        data.addRow(["N", 1,0]);

        // Create and draw the visualization.
        new google.visualization.AnnotatedTimeLine(document.getElementById('chart')).
        draw(data, {
            curveType: "function",
            width: 500,
            height: 400,
            vAxis: {
                maxValue: 10
            }
        }
        );
},
showChart: function(charttype) {
    //alert('1_'+charttype);
    //showLoader();
    this.charttype = charttype;

    this.remoteShow.callMethod('se','callnew',{
        'progs':'chart'
    });


},

onReadyShow: function(sender,item) {
  //  window.Loader.hide();
  
    this.newDialogChart=showDialog('<span class="xar-uzenet_fej_js">Grafikon</span>',item,{
        modal:true,
        center:false,
        width:700,
        height:550
    });
    
    switch(ChData.charttype)
    {
        
        case 'line':
            ChData.line();
            break;
         case 'crimage':
            ChData.drawVisualization();
            break;

    }
}





});
var ChData = new ChItem();