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' : 300, // a delay between object mouseover and hint appearing
	'hide_delay' : 6000, // 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_img("01"),
	wrap_img("02"),
	wrap_img("03"),
	wrap_img("04"),
	wrap_img("05"),
	wrap_img("06"),
	wrap_img("07"),
	wrap_img("08"),
	wrap_img("09"),
	wrap_img("10"),
	wrap_img("11"),
	wrap_img("12"),
	wrap_img("13"),
	wrap_img("14"),
	wrap_img("15"),
	wrap_img("16"),
	wrap_img("17"),
	wrap_img("18"),
	wrap_img("19"),
	wrap_img("20"),
	wrap_img("21"),
	wrap_img("22"),
	wrap_img("23"),
	wrap_img("24"),
	wrap_img("25"),
	wrap_img("26"),
	wrap_img("27"),
	wrap_img("28"),
	wrap_img("29"),
	wrap_img("30"),
	wrap_img("31"),
	wrap_img("32"),
	wrap_img("33"),
	wrap_img("34"),
	wrap_img("35"),
	wrap_img("36"),
	wrap_img("37")
];

var myHint = new THints (HINTS_CFG, HINTS_ITEMS);

function wrap_img (s_file, s_title) {
	return "<table cellpadding=5 bgcolor=#F2EBBF style='border:1px solid #777777'><tr><td><img src='img2/k0"+s_file+".jpg' class='picI'></td></tr></table>"
}

