function aboutCS2(initOptions){

    var credits = new Ext.XTemplate(
      '<div class="devCredits">',
        '<div class="devCreditSection devCreditSectionTitle" style="opacity:0">',
          '<h2>{verbage} 2.0</h2>',
          '<div>Development Team</div>',
        '</div>',
        '<div class="devCreditSection">',
          '<div class="devTitle" style="opacity:0">Senior Software Engineer</div>',
          '<div class="devName" style="opacity:0">Charlie Jacquez</div>',
        '</div>',
        '<div class="devCreditSection">',
          '<div class="devTitle" style="opacity:0">Senior Designer</div>',
          '<div class="devName" style="opacity:0">Esme Acevedo</div>',
        '</div>',
        '<div class="devCreditSection">',
          '<div class="devTitle" style="opacity:0">Junior Programmer</div>',
          '<div class="devName" style="opacity:0">Scott Steinbeck</div>',
        '</div>',
        '<div class="devCreditSection">',
          '<div class="devTitle" style="opacity:0">Quality Control</div>',
          '<div class="devName" style="opacity:0">Josh Reed</div>',
        '</div>',
        '<div class="devCreditSection">',
          '<div class="devTitle" style="opacity:0">Beta Testing</div>',
          '<div class="devName" style="opacity:0">Luis Napolitano</div>',
          '<div class="devName" style="opacity:0">Daniel Eickenhorst</div>',
        '</div>',
      '</div>'
    );

  
    this.win = new Ext.Window({
      width: 350,
      height: 460,
      modal: true,
      title: 'About '+CS2.cyberschoolVerbage()+' 2.0',
      iconCls: 'cpi_aboutCS2',
      layout: 'border',
      resizable: false,
      bodyStyle: 'background: url(/common/images/gearBG.jpg) center center no-repeat',
      listeners: {
        afterrender: function(p){
          var sel = Ext.select('.devCreditSectionTitle', true);
          Effect.Appear(sel.elements[0].id, {duration: 0.5 });
          
          var sel = Ext.select('.facebooKBadge', true);
          Effect.Appear(sel.elements[0].id, { delay: 2.0, duration: 1.0 });
          
          var sel = Ext.select('.devCreditSection', true);
          Ext.each(sel.elements, function(item, index, allItems){
            var sel1 = Ext.select('#'+item.id+' div.devTitle', true);
            Ext.each(sel1.elements, function(item2, index2, allItems2){
              Effect.Appear(item2.id, { delay: 0.25 + (.15 * (index+index2)), duration: 1.0 });
            });
            var sel2 = Ext.select('#'+item.id+' div.devName', true);
            Ext.each(sel2.elements, function(item2, index2, allItems2){
              Effect.Appear(item2.id, { delay: 0.5 + (.15 * (index+index2)), duration: 1.5 });
            });
          });
          setTimeout(function(){
            var sel = Ext.select('.devCreditSectionTitle h2, .devCreditSectionTitle div, div.devTitle, .devCreditSection div.devName', true);
            Ext.each(sel.elements, function(item, index, allItems){
              Effect.tagifyText(item.id);

            });
            var sel = Ext.select('.devCreditSectionTitle span, .devTitle span, .devCreditSection div.devName span', true);
            Ext.each(sel.elements, function(item, index, allItems){
              //new Effect.Shake(item.id, { duration: 0.3 });
              new Effect.Parallel([
                new Effect.Move(item.id, { sync: true, x: 0, y: 50+Math.floor(Math.random()*100), mode: 'relative' }), 
                new Effect.Opacity(item.id, { sync: true, from: 1, to: 0 })
              ], { 
                duration: 1.5+Math.random()*5,
                delay: 0.5+Math.random()
              });

            });
          }, 4000);
          

        }
      },
      items: [
        {
          region: 'center',
          bodyStyle: 'background: transparent',
          padding: 10,
          border: false,
          html: credits.apply({verbage: CS2.cyberschoolVerbage()})
        },{
          height: 64,
          bodyStyle: 'background: transparent',
          padding: 10,
          border: false,
          region: 'south',
          html: '<a href="http://www.facebook.com/pages/IES-CyberSchool-v2/125005827509510" class="facebooKBadge" style="opacity:0" target="_blank"><img src="/common/images/followfacebook.gif" alt="Find us on Facebook!" border="0" /></a>'
        }
      ]
    });
    this.win.show(this);
  
  }



  var winHelper;
  var winHelpVidPanel;
  function loadHelp(vidHref){
    winHelpVidPanel.renderMedia({
        mediaType:'SWF',
        url: vidHref,
        controls:true,
        start:true,
        params:{
            wmode:'transparent',
            flashVars:{
              autostart:true,
              color:'0x000000,0x000000'
            }
        }
      });
  }
  function getHelp(){
    winHelpVidPanel = new Ext.ux.FlashPanel({
                                            xtype: 'flashpanel',
                                            id:'helpFlashHolder',
                                            //split: true, 
                                            margins: '0 0 5 0',
                                            maxHeight: 349,
                                            minHeight: 349,
                                            height: 349,
                                            region: 'north',
                                            hideMode : 'visibility', 
                                            mediaCfg:{
                                              mediaType:'SWF',
                                              url: 'http://cyberschool.com/training/Site Config/Site Config_controller.swf',
                                              controls:true,
                                              start:true,
                                              params:{
                                                  wmode:'transparent',
                                                  flashVars:{
                                                    autostart:true,
                                                    color:'0x000000,0x000000'
                                                  }
                                              }
                                            }
                                          });
    var siteConfigHelpText = new Ext.Template(
      '<strong>Site Config Help Topics</strong><br />Click a title to watch<br /><br />',
      '<a href="#" target="_blank" onclick="loadHelp(\'http://cyberschool.com/training/Site Config/Site Config_controller.swf\'); return false;">Getting to know the Site Config</a><br />',
      '&nbsp;&bull; <a href="#" target="_blank" onclick="loadHelp(\'http://cyberschool.com/training/General Info/General Info_controller.swf\'); return false;">General Info</a><br />',
      '&nbsp;&bull; <a href="#" target="_blank" onclick="loadHelp(\'http://cyberschool.com/training/Navigation/Navigation_controller.swf\'); return false;">Navigation</a><br />',
      '&nbsp;&bull; <a href="#" target="_blank" onclick="loadHelp(\'http://cyberschool.com/training/Schools/Schools_controller.swf\'); return false;">Schools</a><br />'
    );
    return [winHelpVidPanel, {region: 'center', padding: 10, bodyStyle: 'font-size: 14px;', html: siteConfigHelpText.apply()}];
  }  
  function showHelp(){
    if (!winHelper)
      winHelper = new Ext.Window({
        width:460,
        height:560,
        title: CS2.cyberschoolVerbage()+' Help',
        layout:'fit',
        closeAction:'close',
        modal:false,
        resizable:false,
        closable:true,
        border:false,
        listeners: {
          destroy: function(el){winHelper=false;}
        },
        items: new Ext.Panel({
          layout:'border',
          border:false,
          items: getHelp()
          })
      });
    winHelper.show(this);
  }
  
  function windowHelpTopics(initOptions){
    var _self = this;
    this._settings = {};
    Ext.apply(this._settings, initOptions);
    
    var Employee = Ext.data.Record.create([{
        name: 'name',
        type: 'string'
    }, {
        name: 'email',
        type: 'string'
    }, {
        name: 'start',
        type: 'date',
        dateFormat: 'n/j/Y'
    },{
        name: 'salary',
        type: 'float'
    },{
        name: 'active',
        type: 'bool'
    }]);
    var store = new Ext.data.GroupingStore({
        reader: new Ext.data.JsonReader({fields: Employee}),
        data: [],
        sortInfo: {field: 'start', direction: 'ASC'}
    });
    var editor = new Ext.ux.grid.RowEditor({
        saveText: 'Update'
    });
    
    this.grid = new Ext.grid.GridPanel({
      store: store,
      width: 600,
      region:'center',
      margins: '0 5 5 5',
      autoExpandColumn: 'name',
      plugins: [editor],
      view: new Ext.grid.GroupingView({
          markDirty: false
      }),
        columns: [
        new Ext.grid.RowNumberer(),
        {
            id: 'name',
            header: 'Title',
            dataIndex: 'name',
            width: 220,
            sortable: true,
            editor: {
                xtype: 'textfield',
                allowBlank: false
            }
        },{
            header: 'Section',
            dataIndex: 'email',
            width: 150,
            sortable: true,
            editor: {
                xtype: 'textfield',
                allowBlank: false,
                vtype: 'email'
            }
        }]
    });

    this.winHelper = new Ext.Window({
        width:460,
        height:300,
        title: CS2.cyberschoolVerbage()+' Help Topics',
        layout:'fit',
        closeAction:'close',
        modal:true,
        padding: 5,
        resizable:false,
        closable:true,
        border:true,
        items: this.grid
      });
    this.winHelper.show(this);
  }