// 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' : -1, // minimum allowed distance between the hint and the origin (negative values accepted)
'align' : 'bctl', // 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' : '', // 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' : 500, // 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)'], // [show transition, hide transition] - transition effects, only work in IE5+
'opacity' : 90 // opacity of the hint in %%
};
// text/HTML of the hints
var HINTS_ITEMS = [
wrap2('
'),
wrap2('
'),
wrap('www.arenalonline.com', 'imgs/warning.gif'),
wrap2('
'),
wrap2('
Arenal Volcano
'),
wrap2('
'),
wrap2('
'),
wrap2('
'),
wrap2('Arenal Lake'),
wrap2('
Arenal Rainforest Village
GPS
N 10° 23' 20°
E 84° 34' 50°'),
wrap2('
'),
wrap2('
'),
wrap2('Arenal Volcano National Park
www.costarica-nationalparks.com/arenalnationalpark.html'),
wrap2('
'),
wrap2('Manuel Brenes Biological Reserve
www.costarica-nationalparks.com/albertobrenesbiologicalreserve.html'),
wrap2('www.canopysanlorenzo.com'),
wrap2('
'),
wrap2('
')
];
// this custom function receives what's unique about individual hint and wraps it in the HTML template
function wrap (s_text, s_icon) {
return '';
}
// multiple templates/functions can be used in the same page
function wrap2 (s_text) {
return [
'',
' | |  |
',
' | ', s_text ,' | |
',
' | |  |
',
'
'
].join('');
}
var myHint = new THints (HINTS_ITEMS, HINTS_CFG);
