//<div id="HintKeys" style="position:absolute;z-index:1;visibility:hidden;padding:10px;background-color:#e0e0e0;border:1px solid gray;"></div>

var HINTS_CFG_KEYS = {
	'wise'       : true, // don't go off screen, don't overlap the object in the document
	'margin'     : 10, // minimum allowed distance between the hint and the window edge (negative values accepted)
	'gap'        : -7, // minimum allowed distance between the hint and the origin (negative values accepted)
	'align'      : 'brtl',//'tcbc', // align of the hint and the origin (by first letters origin's top|middle|bottom left|center|right to hint's top|middle|bottom left|center|right)
	'css'        : 'hintsKeysClass', // a style class name for all hints, applied to DIV element (see style section in the header of the document)
	'show_delay' : 250, // a delay between initiating event (mouseover for example) and hint appearing
	'hide_delay' : 1000, // a delay between closing event (mouseout for example) and hint disappearing
	'follow'     : true, // hint follows the mouse as it moves
	'z-index'    : 200, // a z-index for all hint layers
	'IEfix'      : false, // fix IE problem with windowed controls visible through hints (activate if select boxes are visible through the hints)
	'IEtrans'    : ['blendTrans(DURATION=.3)', 'blendTrans(DURATION=.3)'], // [show transition, hide transition] - nice transition effects, only work in IE5+
	'opacity'    : 100 // opacity of the hint in %%
};

var myHintKeys = new THints (null, HINTS_CFG_KEYS);

// custom JavaScript function that updates the text of the hint before displaying it
function myShowKeys(s_text, e_origin) 
{
	var e_hint = getElement('HintKeys');
	e_hint.innerHTML = s_text;
	myHintKeys.show('HintKeys', e_origin);
}