Ext.require(['Ext.data.*']);

Ext.onReady(function() {

    window.generateData = function(n, floor){


        /*alert("in onReady");*/
        var data = [];

        var title = [];
        title = document.getElementById('xName').value.split(",");


        var lat = [];
        lat = document.getElementById('yData1').value.split(",");

        var lng = [];
        lng = document.getElementById('yData2').value.split(",");


        data.push({title: title[0], lat: Number(lat[0]), lng: Number(lng[0])});
        /*data.push({title: title[1], lat: Number(lat[1]), lng: Number(lng[1])});*/


        alert(title[0]);
        alert( Number(lat[0]));
        alert( Number(lng[0]));

        return data;
    };

    /*window.generateDataNegative = function(n, floor){
        var data = [],
            p = (Math.random() *  11) + 1,
            i;

        floor = (!floor && floor !== 0)? 20 : floor;

        for (i = 0; i < (n || 12); i++) {
            data.push({
                title: Ext.Date.monthtitles[i % 12],
                lat: Math.floor(((Math.random() - 0.5) * 100), floor),
                lng: Math.floor(((Math.random() - 0.5) * 100), floor),
                data3: Math.floor(((Math.random() - 0.5) * 100), floor),
                data4: Math.floor(((Math.random() - 0.5) * 100), floor),
                data5: Math.floor(((Math.random() - 0.5) * 100), floor),
                data6: Math.floor(((Math.random() - 0.5) * 100), floor),
                data7: Math.floor(((Math.random() - 0.5) * 100), floor),
                data8: Math.floor(((Math.random() - 0.5) * 100), floor),
                data9: Math.floor(((Math.random() - 0.5) * 100), floor)
            });
        }
        return data;
    };*/

    window.store1 = Ext.create('Ext.data.JsonStore', {

        fields: ['title', 'lat', 'lng'],
        data: generateData()
    });



});

Ext.Loader.setConfig({enabled: true});

Ext.Loader.setPath('Ext.ux', '../ux');
Ext.require([
    'Ext.window.*',
    'Ext.ux.GMapPanel'
]);

Ext.onReady(function(){
    /*store1.loadData(generateData());*/
    var mapwin;
    Ext.get('show-btn').on('click', function() {
        // create the window on the first click and reuse on subsequent clicks
        if(mapwin) {
            mapwin.show();

        } else {

            mapwin = Ext.create('Ext.window.Window', {
                autoShow: true,
                layout: 'fit',
                title: 'GMap Window',
                closeAction: 'hide',
                width:450,
                height:450,
                border: false,
                store: store1,
                x: 40,
                y: 60,
                items: {
                    xtype: 'gmappanel',
                    /*center: {
                        geoCodeAddr: 'New York City',
                        marker: {title: 'no Park'}
                    },*/
                    center: {
                        geoCodeAddr: '4 Yawkey Way, Boston, MA, 02215-3409, USA',
                        marker: {title: 'Fenway Park'}
                    },
                    /*markers: [{
                            geoCodeAddr: 'New York City',
                            marker: {title: 'no Park'}
                        },
                        {
                            geoCodeAddr: 'World Trade Center,New York City',
                            marker: {title: 'Fenway Park'}
                        }
                    ]*/


                    markers: [{
                        lat: 'lat',
                        lng:  'lng',
                        title: 'alok',
                        listeners: {
                            click: function(e){
                                Ext.Msg.alert('It's fine', 'and it's art.');
                            }
                        }
                    },{
                        lat: 42.339419,
                        lng: -71.09077,
                        title: 'My Home'
                    }]
                }
            });

        }
    });
 });