// directory of where all the images are
var cmThemePanelBase = 'tool/menu/v1_0_0/themepanel/';

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: '',
 // 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: '',
 // 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: '', //<span style="border: 0; width: 24px;"><img alt="" src="' + cmThemePanelBase + 'arrow.gif"></span>
 // 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="ThemePanelSubMenuShadow"></div><div class="ThemePanelSubMenuBorder">',
	subMenuFooter: '</div>',

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


	// Below are optional settings
	// If not set, use the default

	// auto disappear time for submenus in milli-seconds
	delay:			200,

	// 1st layer sub menu starting index
	zIndexStart:	1000,
	// z-index incremental step for subsequent layers
	zIndexInc:		5,

	// sub menu header appears before the sub menu table
	subMenuHeader:	null,
	// sub menu header appears after the sub menu table
	subMenuFooter:	null,

	// submenu location adjustments
	//
	// offsetHMainAdjust for adjusting the first submenu
	// 		of a 'hbr' menu.
	// offsetVMainAdjust for adjusting the first submenu
	//		of a 'vbr' menu.
	// offsetSubAdjust for subsequent level of submenus
	//
	//offsetHMainAdjust:	[0, 0],
	//offsetVMainAdjust:	[0, 0],
	//offsetSubAdjust:	[0, 0],

	// act on click to open sub menu
	// not yet implemented
	// 0 : use default behavior
	// 1 : hover open in all cases
	// 2 : click on main, hover on sub
	// 3 : click open in all cases (illegal as of 1.5)
	clickOpen:		1

	// special effects on open/closing a sub menu
	//effect:			null

	// 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, '|'];


/* 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">';
@*/

// make a copy of the theme properties so that only the following menu
// is displayed using the special effect.
//var prop = cmClone (cmThemeOffice2003);
//var prop = cmClone (cmThemePanel);

// prop is the theme property.  30 is the showing speed, 80 is the hiding speed.
//prop.effect = new CMFadingEffect (20, 100);

// prop is the theme property.  8 is the speed of the sliding.
// prop.effect = new CMSlidingEffect (8);