// configuration variable for the hint object, these setting will be shared among all hints created by this object var HINTS_CFG = { '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' : 10, // minimum allowed distance between the hint and the origin (negative values accepted) 'align' : 'trtl', // 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' : 'hintsClass', // a style class name for all hints, applied to DIV element (see style section in the header of the document) 'show_delay' : 200, // a delay between initiating event (mouseover for example) and hint appearing 'hide_delay' : 200, // a delay between closing event (mouseout for example) and hint disappearing 'follow' : false, // hint follows the mouse as it moves 'z-index' : 100, // 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 %% }; // text/HTML of the hints var HINTS_ITEMS = { 1 : 'Click to show', 2 : 'Click to show', 3 : 'Click to show', 4 : 'Click to show', 5 : 'Click to show', 6 : 'Click to show', 7 : 'Click to show', 8 : 'Click to show', 9 : 'Click to show', 10 : 'Click to show', 11 : 'Click to show', 12 : 'Click to show', 13 : 'Click to show', 14 : 'Click to show', 15 : 'Click to show', 16 : 'Click to show', 17 : 'Click to show', 18 : 'Click to show', 19 : 'Click to show', 20 : 'Click to show', 21 : 'Click to show', 22 : 'Click to show', 23 : 'Click to show', 24 : 'Click to show', 25 : 'Click to show', 26 : 'Click to show' }; var myHint = new THints (HINTS_ITEMS, HINTS_CFG);