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' : 100, // a delay between object mouseover and hint appearing
	'hide_delay' : 0, // a delay between hint appearing and hint hiding
	'wise'       : true,
	'follow'     : true,
	'z-index'    : 0 // a z-index for all hint layers
},

HINTS_ITEMS = {
//	'A hint for a link #1', // a hint #0
//	'A hint for a link #2', // a hint #1

	'TT1':wrap("sample text"), 
	'img_1':wrap_img("form1",""), 
	'img_2':wrap_img("form2",""), 
	'img_3':wrap_img("form3",""), 
	'img_4':wrap_img("form4",""), 
	'img_5':wrap_img("form5",""),
	'img_6':wrap_img("form6",""),
	'img_7':wrap_img("form7",""),
	'img_8':wrap_img("form8",""),
	'img_9':wrap_img("form9",""),
	'img_10':wrap_img("form10",""),
	'img_11':wrap_img("form11",""),
	'img_12':wrap_img("form12","")


};

var myHint = new THints (HINTS_CFG, HINTS_ITEMS);

function wrap (s_, b_ques) {
	return "<table cellpadding='0' cellspacing='0' border='0' style='-moz-opacity:90%;filter:progid:DXImageTransform.Microsoft.dropShadow(Color=#777777,offX=4,offY=4)'><tr><td rowspan='2'><img src='img/1"+(b_ques?"q":"")+".gif'></td><td><img src='/img/pixel.gif' width='1' height='15'></td></tr><tr><td background='img/2.gif' height='28' nowrap>"+s_+"</td><td><img src='img/4.gif'></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='forms/"+s_file+".jpg' class='picI'></td></tr><tr><td align=center>"+s_title+"</td></tr></table>"
}