var HINTS_CFG = {
	'top'        : 5, // a vertical offset of a hint from mouse pointer
	'left'       : 5, // a horizontal offset of a hint from mouse pointer
	'css'        : 'hintsClass', // a style class name for all hints, TD object
	'show_delay' : 400, // a delay between object mouseover and hint appearing
	'hide_delay' : 8000, // a delay between hint appearing and hint hiding
	'wise'       : true,
	'follow'     : true,
	'z-index'    : 0 // a z-index for all hint layers
},

HINTS_ITEMS = [
	wrap("This link will start your email application"),        			// myHint.show(0)
	wrap("This external link will open a new window"),     // myHint.show(1)
	wrap("Restricted area"),                                         // myHint.show(2)
	wrap_img("oscar_b", "Oscar Baghuis"),                	  // myHint.show(3)
	wrap_img("paul_b", "Paul van Oordt"),                	 // myHint.show(4)
	wrap("This will start a Skype chat"),    			              // myHint.show(5)
	wrap("Deleting this country could create instability - are you sure?", true),  // myHint.show(6)
	wrap_img("3dconf", "3D conference rooms"),   	 // myHint.show(7)
	wrap_img("tixeo", "Tixeo product"),               	 // myHint.show(8)
	wrap_img("setje", "Garmin Forerunner - ANT+Sport"),              	 // myHint.show(9)
	wrap_img("screenrecording_preview", "Demo VR Fitness")               	 // myHint.show(10)
];

var myHint = new THints (HINTS_CFG, HINTS_ITEMS);

function wrap (s_, b_ques) {
	return "<table cellpadding='0' cellspacing='0' border='0' bgcolor=white style='-moz-opacity:90%;filter:progid:DXImageTransform.Microsoft.dropShadow(Color=#777777,offX=4,offY=4)'><tr><td nowrap>"+s_+"</td></tr></table>"
}

function wrap_img (s_file, s_title) {
	return "<table cellpadding=5 bgcolor=white style='border:1px solid #777777'><tr><td><img src='images/"+s_file+".jpg' class='picI'></td></tr><tr><td align=center>"+s_title+"</td></tr></table>"
}