// directory of where all the images are
var cmThemePcckpBase = '/portal/scripts/jsmenu/ThemePcckp/';

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

var cmThemePcckp =
{
	prefix:	'ThemePcckp',
  	// 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 //<img ilo-full-src="/portal/images/collapse.gif" src="/portal/images/collapse.gif" border="0" hspace="1" vspace="1">
  	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="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],

	selected: true,

	cssClassNameRenderer: new PcckpCssClassNameRenderer()



	// rest use default settings
};

// for sub menu horizontal split
var cmThemePcckpHSplit = [_cmNoClick, '<td colspan="3" class="menuSeparator" height="1"></td>'];
// for vertical main menu horizontal split
var cmThemePcckpMainHSplit = [_cmNoClick, '<td colspan="3" class="menuSeparator" height="1"></td>'];
// for horizontal main menu vertical split
var cmThemePcckpMainVSplit = [_cmNoClick, '|'];

function PcckpCssClassNameRenderer ()
{
	// --- Functions that return css class names ------
	this.getSelectedClassCommon = function (prefix, className)
	{
		if (className != null)
		{
			if (className.substring(0,1) != 'x')
				return 'x' + className;
			else
				return 'x' + className.substring(1);
		}
	}

	this.getHoverClassCommon = function (prefix, className)
	{
		if (className != null)
		{
			if (className.substring(0,1) != 'x')
				return 'r' + className;
			else
				return 'r' + className.substring(1);
		}
	}

	this.getSubMenuClass = function (prefix)
	{
		return prefix + 'SubMenu';
	}

	this.getSubMenuTableClass = function (prefix)
	{
		return prefix + 'SubMenuTable';
	}

	this.getMenuFolderLeftClass = function (prefix, className)
	{
		return className != null? className: 's2';
	}

	this.getMenuItemLeftClass = function (prefix, className)
	{
		return className != null? className: 'p3';
	}

	this.getMenuFolderRightClass = function (prefix, className)
	{
		return className != null? className: 's2';
	}

	this.getMenuItemRightClass = function (prefix, className)
	{
		return className != null? className: 'p3';
	}

	this.getMenuFolderTextClass = function (prefix, className)
	{
		return className != null? className: 's2';
	}

	this.getMenuItemTextClass = function (prefix, className)
	{
		return className != null? className: 'p3';
	}

	this.getMainFolderLeftClass = function (prefix, className)
	{
		return className != null? className: 's1';
	}

	this.getMainItemLeftClass = function (prefix, className)
	{
		return className != null? className: 's1';
	}

	this.getMainFolderRightClass = function (prefix, className)
	{
		return className != null? className: 's1';
	}

	this.getMainItemRightClass = function (prefix, className)
	{
		return className != null? className: 's1';
	}

	this.getMainFolderTextClass = function (prefix, className)
	{
		return className != null? className: 's1';
	}

	this.getMainItemTextClass = function (prefix, className)
	{
		return className != null? className: 's1';
	}

	this.getMenuClass = function (prefix)
	{
		return prefix + 'Menu';
	}

	this.getMainItemClass = function (prefix, className)
	{
		return className != null? className: 's1';
	}

	this.getMenuItemClass = function (prefix, className)
	{
		return className != null? className: 'p3';
	}

	this.getMainItemSelectedClass = function (prefix, className)
	{
		return this.getSelectedClassCommon(prefix, className);
	}

	this.getMainItemHoverSelectedClass = function (prefix, className)
	{
		return this.getSelectedClassCommon(prefix, className);
	}

	this.getMenuItemSelectedClass = function (prefix, className)
	{
		return this.getSelectedClassCommon(prefix, className);
	}

	this.getMenuItemHoverSelectedClass = function (prefix, className)
	{
		return this.getSelectedClassCommon(prefix, className);
	}

	this.getMainItemHoverClass = function (prefix, className)
	{
		return this.getHoverClassCommon(prefix, className);
	}

	this.getMenuItemHoverClass = function (prefix, className)
	{
		return this.getHoverClassCommon(prefix, className);
	}

	this.getMainItemActiveClass = function (prefix, className)
	{
		return this.getHoverClassCommon(prefix, className);
	}

	this.getMenuItemActiveClass = function (prefix, className)
	{
		return this.getHoverClassCommon(prefix, className);
	}

	this.getMainItemDisabledClass = function (prefix, className)
	{
		return this.getMainItemClass(prefix, className);
		//return prefix + 'MainItemDisabled';
	}

	this.getMenuItemDisabledClass = function (prefix, className)
	{
		return this.getMenuItemClass(prefix, className);
//		return prefix + 'MenuItemDisabled';
	}

	// ------------------------------------------------
}