// configuration variable for the hint object, these setting will be shared among all hints created by this object

var HINTS_CFG = {
	'smart'       : 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'        : 9, // minimum allowed distance between the hint and the origin (negative values accepted)
	'align'      : 'bltl', // 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)
	'follow'     : false, // hint follows the mouse as it moves
	'z-index'    : 100, // a z-index for all hint layers
	'show_delay' : 400, // a delay between initiating event (mouseover for example) and hint appearing
	'hide_delay' : 0 // a delay between closing event (mouseout for example) and hint disappearing
};


var myHint = new THints (null, HINTS_CFG);

// custom JavaScript function that updates the text of the hint before displaying it


function myShow(s_text,e_origin)
{
  var e_hint=getElement("reusableHint");

  e_hint.style.left='0px';
  e_hint.style.top='0px';
  e_hint.innerHTML=s_text;

  myHint.show("reusableHint",e_origin);
}