﻿Ext.onReady(function() {


	var cNData = '';
	var button;
	var button_trasa;
	var button_noclegi;

	button = new Ext.Button({
		applyTo: 'button_news',
		text: 'pobieranie danych, proszę czekać...'
	});

	button_trasa = new Ext.Button({
		applyTo: 'button_trasa',
		text: 'Trasa'
	});

	button_noclegi = new Ext.Button({
		applyTo: 'button_noclegi',
		text: 'Noclegi'
	});

	var dateSelected = '2009-07-03';

	var jstore = new Ext.data.JsonStore({
        	url: '_scripst/przejazdy.json',
	        root:'rows',
	        autoLoad: true,
	        fields: ['date', 'trasa', 'dzial', 'url']
    	});

	jstore.on('load', function(s,rs,opt){
		button.setText('Dzień po dniu');
	});

	var grid = new Ext.grid.GridPanel({
	        store: jstore,
        	columns: [
	            {id:'date', header: "Data", width: 100, sortable: true, dataIndex: 'date', tooltip:'Data wpisu.'},
        	    {id:'trasa', header: "Trasa", width: 400, sortable: true, dataIndex: 'trasa', tooltip:'Opis wpisu.'},
	            {id:'dzial', header: "Kraj", width: 100, sortable: true, dataIndex: 'dzial', tooltip:'Kraj'}
        	],
        	stripeRows	: true,
	        autoExpandColumn: 'trasa'
	});


	grid.on('rowclick', function(g,n,e){
		var row = jstore.getAt(n);
		dateSelected = row.get('date');
	});

	var win;


        function PokazMape() {
          ST(dateSelected);
        };

	button.on('click', function(t,e){

		if(!win){
            		win = new Ext.Window({
                		//applyTo     : 'news-win',
                		layout      : 'fit',
                		width       : 800,
                		height      : 300,
                		closeAction :'hide',
				title	    : 'Dzień po dniu',
				items       : [grid],
                		buttons: [{
                    			text     : 'Pokaz na mapie',
                    			handler  : PokazMape
                    			},
                                        {
                    			text     : 'Zamknij',
                    			handler  : function(){
                        			win.hide();
                    			}
                		}]
            		});
        	}
        	win.show();
                grid.getSelectionModel().selectFirstRow();
	});

	button_trasa.on('click', function(t,e){
		ShowTotalT("http://www.apsoft.com.pl/alpy2009/przejazdy.kmz") ;		
	});

	button_noclegi.on('click', function(t,e){
		ShowTotalN("http://www.apsoft.com.pl/alpy2009/noclegi.kml") ;		
	});

});