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: 'CyberSchool 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);
  }