Ext.namespace('cmv.about');

cmv.about.displayed=false;

cmv.about.info = new Ext.data.JsonStore({
  autoDestroy: false,
  url: 'json/aboutinfo.php',
  // reader configs
  idProperty: 'id',
  root: 'data',
  totalProperty: 'total',
  fields: [{
    name:'id',
    type:'int'
  }, {
    name:'Tekst'
  }],
  listeners:{
    load: {
      fn: function(store, record, operation){
        var rec=store.getAt(0);
        cmv.about.tabpanel.get('aboutvedtaegter').add({
          html:rec.get('Tekst')
        });
        rec=store.getAt(1);
        cmv.about.tabpanel.get('aboutklubinfo').add({
          layout:{
            type:'hbox'
          },
          items:[new cmv.Gmap.Container({
            height:400,
            width:600,
            markers: [{
              lat: 56.46872,
              lng: 9.40566,
              marker: {
                title: 'Cykel Motion Viborg',
                infoWindow:{content:'Cykel Motion Viborg<br>Bøssemagervej 3A<br>8800 Viborg'}
              }
            }]
          }),new Ext.Panel({
            padding:'0 0 0 10',
            html:rec.get('Tekst')
          })]
          
        });
        rec=store.getAt(2);
        Ext.getCmp('abouttider').add({
          html:rec.get('Tekst')
        });
        rec=store.getAt(4);
        Ext.getCmp('aboutklubaften').add({
          html:rec.get('Tekst')
        });
        rec=store.getAt(3);
        Ext.getCmp('aboutvinter').add({
          html:rec.get('Tekst')
        });
        cmv.about.tabpanel.doLayout();
      }
    }
  }
});
cmv.about.tabpanel=new Ext.TabPanel({
  activeTab: 0,
  defaults:{
    border:false,
    frame:true,
    autoScroll: true
  },
  items: [{
    title: 'Klubinformation',
    id:'aboutklubinfo'
  },{
    title: 'Vedtægter',
    id:'aboutvedtaegter'
  },{
    title: 'Faste tider',
    layout:{
      type: 'hbox',
      align:'stretch'
    },
    defaults:{      
      flex:1,
      autoScroll: true,
      frame:true
    },
    items:[{
      title:'Træningstider',
      id:'abouttider'
    },{
      title:'Klubaftener',
      id:'aboutklubaften'
    },{
      title:'Vinteraktiviteter',
      id:'aboutvinter'
    }]
    
  }]
})

cmv.about.panel = new Ext.Panel({
  title:'Om klubben > Klubinformation',
  id:'cmvmenuitem12-panel',
  iconCls: 'icon-grid',
  margins: '0 5 0 5',
  collapsible: false,
  autoScroll: true,
  cmargins: '0 5 0 5', // adjust top margin when collapsed
  layout: 'fit',
  border: false,
  items:cmv.about.tabpanel,
  listeners:{
    activate: {
      fn: function(panel){
        //Collapse opslagstavlen
        cmv.opslag.Panel.collapse();
        //Expand netop nu
        cmv.now.panel.expand();
        if(!cmv.about.displayed)
        {
          cmv.about.info.load();
          
        }
        cmv.about.displayed=true;
      }
    }
  }
});

cmv.menu.wrc.add(cmv.about.panel);