/*
  edit cmThemePanelBase it must be the root of the theme's images 
*/

var cmThemePanelBase = '.';

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

var cmThemePanel =
{
  	    mainFolderLeft: '<div style="width: 10px; height: 30px" class="themeSpacerDiv" />',
        mainFolderRight: '<div style="width: 10px; height: 30px" class="themeSpacerDiv" />',
        mainItemLeft: '<div style="width: 10px; height: 30px" class="themeSpacerDiv" />',
        mainItemRight: '<div style="width: 10px; height: 30px" class="themeSpacerDiv" />',
        folderLeft: '<div style="width: 5px; height: 18px" class="themeSpacerDiv" />',
        folderRight: '<div style="width: 15px; height: 18px" class="themeSpacerDiv" />',
        itemLeft: '<div style="width: 5px; height: 18px" class="themeSpacerDiv" />',
        itemRight: '<div style="width: 15px; height: 18px" class="themeSpacerDiv" />',
        mainSpacing: 0,
        subSpacing: 0,
        delay: 100
};

var cmThemePanelHSplit = [_cmNoClick, '<td  class="ThemePanelMenuSplitLeft"><div></div></td>' +
					                          '<td  class="ThemePanelMenuSplitText"><div></div></td>' +
					                          '<td  class="ThemePanelMenuSplitRight"><div></div></td>'
		                         ];

var cmThemePanelMainVSplit = [_cmNoClick, '<div>' +
                            '<table height="30" width="1" ' +
                            ' cellspacing="0"><tr><td class="ThemePanelHorizontalSplit">' +
                           '<div class="themeSpacerDiv" style=" width: 1px; height: 1px" /></td></tr></table></div>'];

var cmThemePanelMainHSplit = [_cmNoClick, '<td  class="ThemePanelMainSplitLeft"><div></div></td>' +
					                          '<td  class="ThemePanelMainSplitText"><div></div></td>' +
					                          '<td  class="ThemePanelMainSplitRight"><div></div></td>'
		                           ];