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

HINTS_ITEMS = [
	wrap_img("01", "Photo de réalisation"),
	wrap_img("02","Photo de réalisation"),
	wrap_img("03","Photo de réalisation"),
	wrap_img("04","Photo de réalisation"),
	wrap_img("05","Photo de réalisation"),
	wrap_img("06","Photo de réalisation"),
	wrap_img("07","Photo de réalisation"),
	wrap_img("08","Photo de réalisation"),
	wrap_img("09","Photo de réalisation"),
	wrap_img("10","Photo de réalisation"),
	wrap_img("12","Photo de réalisation"),
	wrap_img("13","Photo de réalisation"),
	wrap_img("14","Photo de réalisation"),
	wrap_img("15","Photo de réalisation"),
	wrap_img("16","Photo de réalisation"),
	wrap_img("17","Photo de réalisation"),
	wrap_img("18","Photo de réalisation"),
	wrap_img("19","Photo de réalisation"),
	wrap_img("20","Photo de réalisation"),
	wrap_img("21","Photo de réalisation"),
	wrap_img("22","Photo de réalisation"),
	wrap_img("23","Photo de réalisation"),
	wrap_img("24","Photo de réalisation"),
	wrap_img("25","Photo de réalisation"),
	wrap_img("26","Photo de réalisation"),
	wrap_img("27","Photo de réalisation"),
	wrap_img("28","Photo de réalisation"),
	wrap_img("29","Photo de réalisation"),
	wrap_img("30","Photo de réalisation"),
	wrap_img("31","Photo de réalisation"),
	wrap_img("32","Photo de réalisation"),
	wrap_img("33","Photo de réalisation"),
	wrap_img("34","Photo de réalisation"),
	wrap_img("35","Photo de réalisation"),
	wrap_img("36","Photo de réalisation"),
	wrap_img("37","Photo de réalisation"),
	wrap_img("38","Photo de réalisation"),
	wrap_img("39","Photo de réalisation"),
	wrap_img("40","Photo de réalisation"),
	wrap_img("41","Photo de réalisation"),
	wrap_img("42","Photo de réalisation"),
	'<table border="0" cellspacing="0" cellpadding="0" bgcolor="#4682B4"><tr><td><table border="0" cellspacing="1" cellpadding="3"><tr class="row"><td nowrap><b>currentStyle</b></td><td align="center">supported</td></tr><tr class="row"><td nowrap><b>getComputedStyle()</b></td><td align="center">unsupported</td></tr><tr class="row"><td nowrap><b>style</b></td><td align="center">supported</td></tr></table></td></tr></table>',
	'<table border="0" cellspacing="0" cellpadding="0" bgcolor="#4682B4"><tr><td><table border="0" cellspacing="1" cellpadding="3"><tr class="row"><td><b>currentStyle</b></td><td align="center">unsupported</td></tr><tr class="row"><td nowrap><b>getComputedStyle()</b></td><td align="center">supported</td></tr><tr class="row"><td><b>style</b></td><td align="center">supported</td></tr></table></td></tr></table>',
	'<table border="0" cellspacing="0" cellpadding="0" bgcolor="#4682B4"><tr><td><table border="0" cellspacing="1" cellpadding="3"><tr class="row"><td><b>currentStyle</b></td><td align="center">unsupported</td></tr><tr class="row"><td nowrap><b>getComputedStyle()</b></td><td align="center">unsupported</td></tr><tr class="row"><td><b>style</b></td><td align="center">supported</td></tr></table></td></tr></table>',
	'<table border="0" cellspacing="0" cellpadding="0" bgcolor="#4682B4"><tr><td><table border="0" cellspacing="1" cellpadding="3"><tr class="row"><td><b>cssRules[] </b></td><td align="center">unsupported</td></tr><tr class="row"><td><b>rules[] </b></td><td align="center">supported</td></tr><tr class="row"><td nowrap><b>styleSheets[] </b></td><td align="center">supported</td></tr></table></td></tr></table>',
	'<table border="0" cellspacing="0" cellpadding="0" bgcolor="#4682B4"><tr><td><table border="0" cellspacing="1" cellpadding="3"><tr class="row"><td><b>cssRules[] </b></td><td align="center">supported</td></tr><tr class="row"><td><b>rules[]</b></td><td align="center">unsupported</td></tr><tr class="row"><td nowrap><b>styleSheets[]</b></td><td align="center">supported</td></tr></table></td></tr></table>',
	'<table border="0" cellspacing="0" cellpadding="0" bgcolor="#4682B4"><tr><td><table border="0" cellspacing="1" cellpadding="3"><tr class="row"><td><b>addRule() </b></td><td align="center">supported</td></tr><tr class="row"><td nowrap><b>deleteRule() </b></td><td align="center">unsupported</td></tr><tr class="row"><td nowrap><b>insertRule() </b></td><td align="center">unsupported</td></tr><tr class="row"><td nowrap><b>removeRule()</b></td><td align="center">supported</td></tr></table></td></tr></table>',
	'<table border="0" cellspacing="0" cellpadding="0" bgcolor="#4682B4"><tr><td><table border="0" cellspacing="1" cellpadding="3"><tr class="row"><td><b>addRule()</b></td><td align="center">unsupported</td></tr><tr class="row"><td nowrap><b>deleteRule()</b></td><td align="center">supported</td></tr><tr class="row"><td nowrap><b>insertRule() </b></td><td align="center">supported</td></tr><tr class="row"><td nowrap><b>removeRule()</b></td><td align="center">unsupported</td></tr></table></td></tr></table>',
	'<table border="0" cellspacing="0" cellpadding="0" bgcolor="#4682B4"><tr><td><table border="0" cellspacing="1" cellpadding="3"><tr class="row"><td nowrap><b>createCSS StyleSheet()</b></td><td align="center">unsupported</td></tr><tr class="row"><td nowrap><b>createStyleSheet() </b></td><td align="center">supported</td></tr><tr class="row"><td nowrap><b>getOverrideStyle() </b></td><td align="center">unsupported</td></tr><tr class="row"><td nowrap><b>getPropertyPriority()</b></td><td align="center">unsupported</td></tr></table></td></tr></table>',
	'<table border="0" cellspacing="0" cellpadding="0" bgcolor="#4682B4"><tr><td><table border="0" cellspacing="1" cellpadding="3"><tr class="row"><td nowrap><b>createCSS StyleSheet() </b></td><td align="center">unsupported</td></tr><tr class="row"><td nowrap><b>createStyleSheet() </b></td><td align="center">supported</td></tr><tr class="row"><td nowrap><b>getOverrideStyle() </b></td><td align="center">unsupported</td></tr><tr class="row"><td nowrap><b>getPropertyPriority()</b></td><td align="center">supported</td></tr></table></td></tr></table>',
	'<table border="0" cellspacing="0" cellpadding="0" bgcolor="#4682B4"><tr><td><table border="0" cellspacing="1" cellpadding="3"><tr class="row"><td nowrap><b>createCSS StyleSheet() </b></td><td align="center">unsupported</td></tr><tr class="row"><td nowrap><b>createStyleSheet() </b></td><td align="center">unsupported</td></tr><tr class="row"><td nowrap><b>getOverrideStyle() </b></td><td align="center">unsupported</td></tr><tr class="row"><td nowrap><b>getPropertyPriority()</b></td><td align="center">supported</td></tr></table></td></tr></table>',
	'Softcomplex Inc. is rapidly growing<br>US/Ukrainian company providing high quality <br>software development and IT consulting services.',
	wrap("Tigra Hints Documentation", true)
];

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>"
}