var hint1 = '<table width="200" border="0" cellpadding="3" cellspacing="0" bgcolor="#FFCC00" style="BORDER-RIGHT: #FF0000 1px solid; BORDER-TOP: #FF0000 1px solid; BORDER-LEFT: #FF0000 1px solid; BORDER-BOTTOM: #FF0000 1px solid;"><tr><td><div align="center"><font color="#333333">';
var hint2 = '</font></div></td></tr></table>';

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

HINTS_ITEMS = {
	"m1":hint1+'Enter your height to the nearest 0.25 inch otherwise it will be automatically rounded to the nearest 0.25 inch.'+hint2,
	"m2":hint1+'Enter your weight to the nearest pound otherwise it will be automatically rounded to the nearest pound.'+hint2,
	"m3":hint1+'Measure just below level of the larynx (Adam\'s apple) to the nearest 0.25 inch otherwise it will be automatically rounded to the nearest 0.25 inch.'+hint2,
	"m4":hint1+'Measure at the level of the umbilicus (belly button) to the nearest 0.25 inch otherwise it will be automatically rounded to the nearest 0.25 inch.'+hint2,
	"m5":hint1+'Measure your wrist at the space between your dominant hand and your wrist bone, at the location where your wrist bends. Mesasure to the nearest 0.25 inch otherwise it will be automatically rounded to the nearest 0.25 inch.'+hint2,
	"f1":hint1+'Enter your height to the nearest 0.25 inch otherwise it will be automatically rounded to the nearest 0.25 inch.'+hint2,
	"f2":hint1+'Enter your weight to the nearest pound otherwise it will be automatically rounded to the nearest pound.'+hint2,
	"f3":hint1+'Measure at point where the gluteus muscles (buttocks) protrude backward the most. Round off to the nearest 0.25 inch otherwise it will be automatically rounded to the nearest 0.25 inch.'+hint2,
	"f4":hint1+'Measure at the level of the umbilicus (belly button) to the nearest 0.25 inch otherwise it will be automatically rounded to the nearest 0.25 inch.'+hint2,
	"f5":hint1+'Measure at its largest point (with arm horizontal, palm up) to the nearest 0.25 inch otherwise it will be automatically rounded to the nearest 0.25 inch.'+hint2,
	"f6":hint1+'Measure just below level of the larynx (Adam\'s apple) to the nearest 0.25 inch otherwise it will be automatically rounded to the nearest 0.25 inch.'+hint2,
	"f7":hint1+'Measure your wrist at the space between your dominant hand and your wrist bone, at the location where your wrist bends. Mesasure to the nearest 0.25 inch otherwise it will be automatically rounded to the nearest 0.25 inch.'+hint2,
	"lbm1":hint1+'Enter your current body fat percentage. Use the free body fat calculator.'+hint2,
	'MM1':chart_wrap_img("male1", "Body Fat percentage of 23-26%"),
	'MM2':chart_wrap_img("male2", "Body Fat percentage of 15%"),
	'MM3':chart_wrap_img("male3", "Body Fat percentage of 10%"),
	'MM4':chart_wrap_img("male4", "Body Fat percentage of &lt;10%"),
	'FF1':chart_wrap_img("female1", "Body Fat percentage of 28-32%"),
	'FF2':chart_wrap_img("female2", "Body Fat percentage of 22%"),
	'FF3':chart_wrap_img("female3", "Body Fat percentage of 17%"),
	'FF4':chart_wrap_img("female4", "Body Fat percentage of &lt;16%")
};

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='img/k0"+s_file+".jpg' class='picI'></td></tr><tr><td align=center>"+s_title+"</td></tr></table>"
}

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