// directory of where all the images are
var cmThemeOfficeBase = '/JSCookMenu/ThemeOffice/';
var cmThemeShowroomBase = '/JSCookMenu/ThemeShowroom/';

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

var cmThemeOffice =
{
    prefix:    'ThemeOffice',
      // 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: '',
      // HTML code to the right of the folder item
      mainFolderRight: '',
    // HTML code to the left of the regular item
    mainItemLeft: '',
    // HTML code to the right of the regular item
    mainItemRight: '',

    // sub menu display attributes

    // HTML code to the left of the folder item
    folderLeft: '<img alt="" src="' + cmThemeOfficeBase + 'spacer.gif">',
    // HTML code to the right of the folder item
    folderRight: '<img alt="" src="' + cmThemeOfficeBase + 'arrow.gif">',
    // HTML code to the left of the regular item
    itemLeft: '<img alt="" src="' + cmThemeOfficeBase + 'spacer.gif">',
    // HTML code to the right of the regular item
    itemRight: '<img alt="" src="' + cmThemeOfficeBase + 'blank.gif">',
    // cell spacing for main menu
    mainSpacing: 0,
    // cell spacing for sub menus
    subSpacing: 0,

    subMenuHeader: '<div class="ThemeOfficeSubMenuShadow"></div>',

    offsetHMainAdjust:    [-1, 0],
    offsetSubAdjust:    [-1, -1]

    // rest use default settings
};

var cmThemeShowroom =
{
    prefix:    'ThemeShowroom',
      // 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: '',
      // HTML code to the right of the folder item
      mainFolderRight: '',
    // HTML code to the left of the regular item
    mainItemLeft: '',
    // HTML code to the right of the regular item
    mainItemRight: '',

    // sub menu display attributes

    // HTML code to the left of the folder item
    folderLeft: '',
    // HTML code to the right of the folder item
    folderRight: '',
    // HTML code to the left of the regular item
    itemLeft: '',
    // HTML code to the right of the regular item
    itemRight: '',
    // cell spacing for main menu
    mainSpacing: 0,
    // cell spacing for sub menus
    subSpacing: 0,

    subMenuHeader: '<div class="ThemeShowroomSubMenuShadow"></div>',

    offsetHMainAdjust:    [-1, 0],
    offsetSubAdjust:    [-1, -1]

    // rest use default settings
};

var cmThemeProdlib =
{
    prefix:    'ThemeProdlib',
      // 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: '',
      // HTML code to the right of the folder item
      mainFolderRight: '',
    // HTML code to the left of the regular item
    mainItemLeft: '',
    // HTML code to the right of the regular item
    mainItemRight: '',

    // sub menu display attributes

    // HTML code to the left of the folder item
    folderLeft: '',
    // HTML code to the right of the folder item
    folderRight: '',
    // HTML code to the left of the regular item
    itemLeft: '',
    // HTML code to the right of the regular item
    itemRight: '',
    // cell spacing for main menu
    mainSpacing: 0,
    // cell spacing for sub menus
    subSpacing: 0,

    subMenuHeader: '<div class="ThemeProdlibSubMenuShadow"></div>',

    offsetHMainAdjust:    [-1, 0],
    offsetSubAdjust:    [-1, -1]

    // rest use default settings
};


// for horizontal menu split
var cmThemeOfficeHSplit = [_cmNoClick, '<td class="ThemeOfficeMenuItemLeft"></td><td colspan="2" class="ThemeOfficeMenuSplit"><div class="ThemeOfficeMenuSplit"></div></td>'];
var cmThemeOfficeMainHSplit = [_cmNoClick, '<td class="ThemeOfficeMainItemLeft"></td><td colspan="2" class="ThemeOfficeMenuSplit"><div class="ThemeOfficeMenuSplit"></div></td>'];
var cmThemeOfficeMainVSplit = [_cmNoClick, '|'];

// for horizontal menu split showroom
var cmThemeShowroomHSplit = [_cmNoClick, '<td class="ThemeShowroomMenuItemLeft"></td><td colspan="2" class="ThemeShowroomMenuSplit"><div class="ThemeShowroomMenuSplit"></div></td>'];
var cmThemeShowroomMainHSplit = [_cmNoClick, '<td class="ThemeShowroomMainItemLeft"></td><td colspan="2" class="ThemeShowroomMenuSplit"><div class="ThemeShowroomMenuSplit"></div></td>'];
var cmThemeShowroomMainVSplit = [_cmNoClick, '|'];

// for horizontal menu split prodlib
var cmThemeProdlibHSplit = [_cmNoClick, '<td class="ThemeProdlibMenuItemLeft"></td><td colspan="2" class="ThemeProdlibMenuSplit"><div class="ThemeProdlibMenuSplit"></div></td>'];
var cmThemeProdlibMainHSplit = [_cmNoClick, '<td class="ThemeProdlibMainItemLeft"></td><td colspan="2" class="ThemeProdlibMenuSplit"><div class="ThemeProdlibMenuSplit"></div></td>'];
var cmThemeProdlibMainVSplit = [_cmNoClick, '|'];

/* IE can't do negative margin on tables */
/*@cc_on
    cmThemeOffice.subMenuHeader = '<div class="ThemeOfficeSubMenuShadow" style="background-color: #cccccc; filter: alpha(opacity=35);"></div>';
@*/