// directory of where all the /images are
var cmThemePanelBase = 'scripts/ThemePanel/';

// the follow block allows user to re-define theme base directory before it is loaded.
try{
  if (myThemePanelBase){
    cmThemePanelBase = myThemePanelBase;
  }
}
catch (e){}

var cmThemePanel = {
  prefix: 'ThemePanel',
    // main menu display attributes
    // Note.  When the menu bar is horizontal, mainFolderLeft and mainFolderRight are put in <span></span>.  When the menu bar is vertical, they would be put in a separate TD cell.

    // HTML code to the left of the folder item
    mainFolderLeft: '<img alt="" src="/images/spacer.gif">',
    // HTML code to the right of the folder item
    mainFolderRight: '',//<img alt="" src="' + cmThemePanelBase + 'arrow.gif">',
  // HTML code to the left of the regular item
  mainItemLeft: '<img alt="" src="/images/spacer.gif">',
  // HTML code to the right of the regular item
  mainItemRight: '<img alt="" src="/images/spacer.gif">',

  // sub menu display attributes

  // HTML code to the left of the folder item
  folderLeft: '<img alt="" src="/images/spacer.gif">',
  // HTML code to the right of the folder item
  folderRight: '',//<span style="border: 0; width: 24px;"><img alt="" src="' + cmThemePanelBase + 'arrow.gif"></span>',
  // HTML code to the left of the regular item
  itemLeft: '<img alt="" src="/images/spacer.gif">',
  // HTML code to the right of the regular item
  itemRight: '<img alt="" src="/images/spacer.gif">',
  // cell spacing for main menu
  mainSpacing: 0,
  // cell spacing for sub menus
  subSpacing: 0,

  subMenuHeader: '<div class="ThemePanelSubMenuShadow"></div><div class="ThemePanelSubMenuBorder">',
  subMenuFooter: '</div>',

  // move the first lvl of vbr submenu up a bit
  offsetVMainAdjust:  [0, -2],
  // also for the other lvls
  offsetSubAdjust:  [0, -2]

  // rest use default settings
};

// for sub menu horizontal split
var cmThemePanelHSplit = [_cmNoClick, '<td colspan="3" class="ThemePanelMenuSplit"><div class="ThemePanelMenuSplit"></div></td>'];
// for vertical main menu horizontal split
var cmThemePanelMainHSplit = [_cmNoClick, '<td colspan="3" class="ThemePanelMenuSplit"><div class="ThemePanelMenuSplit"></div></td>'];
// for horizontal main menu vertical split
//var cmThemePanelMainVSplit = [_cmNoClick, '<span><img alt="" src="/images/spacer.gif" width="25" height="1"></span>'];
var cmThemePanelMainVSplit = [_cmNoClick, '<span style="border: 0; width: 24px;"><img alt="" src="/images/rmenu_sep2.gif"></span>'];

/* IE can't do negative margin on tables */
/*@cc_on
  cmThemePanel.subMenuHeader = '<div class="ThemePanelSubMenuShadow" style="background-color: #aaaaaa;filter: alpha(opacity=50);"></div><div class="ThemePanelSubMenuBorder">';
@*/