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' : 500, // a delay between object mouseover and hint appearing
	'hide_delay' : 10000, // a delay between hint appearing and hint hiding
	'wise'       : true,
	'follow'     : true,
	'z-index'    : 0 // a z-index for all hint layers
},

HINTS_ITEMS = {
	'PIC1':wrap_img("k001", "A picture of a tiger"), 
	'TXT1':wrap("Tigra Hints Product ",true),
	1:'<pre><font face="Arial, Helvetica, sans-serif" size="2" color="#996600">See the latest things <br>we have to report <br>. ',
	2:'<pre><font face="Arial, Helvetica, sans-serif" size="2" color="#996600">Footpaths and Bridleways<br>in Penwith <br>. ',
	3:'<pre><font face="Arial, Helvetica, sans-serif" size="2" color="#996600">Many other paths are<br>that are not designated <br> as footpath/bridleway! <br>. ',
	4:'<pre><font face="Arial, Helvetica, sans-serif" size="2" color="#996600">What are Rights <br>of Way? <br>. ',
	5:'<pre><font face="Arial, Helvetica, sans-serif" size="2" color="#996600">Where can you <br>walk/ride in Penwith?<br>. ',
	6:'<pre><font face="Arial, Helvetica, sans-serif" size="2" color="#996600">Whom do you report  <br>problems to? <br>. ',
	7:'<pre><font face="Arial, Helvetica, sans-serif" size="2" color="#996600">We would like <br>your help <br>. ',
	8:'<pre><font face="Arial, Helvetica, sans-serif" size="2" color="#996600">The Ride-UK <br>Project in Cornwall <br>. ',
	9:'<pre><font face="Arial, Helvetica, sans-serif" size="2" color="#996600">See Photographs <br> of Our Work <br>. ',
	10:'<pre><font face="Arial, Helvetica, sans-serif" size="2" color="#996600">Do you know what <br>the BHS is doing <br>for all riders?<br>. ',
	11:'<pre><font face="Arial, Helvetica, sans-serif" size="2" color="#996600">Footpath and Bridleway<br>Associations in Penwith <br>. ',
	12:'<pre><font face="Arial, Helvetica, sans-serif" size="2" color="#996600">Useful Contacts <br>. ',
	13:'<pre><font face="Arial, Helvetica, sans-serif" size="2" color="#996600">See reports for <br>every footpath <br>and bridleway <br> in Penwith <br>. ',
	14:'<pre><font face="Arial, Helvetica, sans-serif" size="2" color="#996600">Detail and Schedule <br>. ',
	15:'<pre><font face="Arial, Helvetica, sans-serif" size="2" color="#996600">If you do not tell us we will not know!<br>. ',
	'PIC1':wrap_img("Kennel2.jpg","Renovation Completed"),
	'PIC2':wrap_img("Levan52after.jpg", "St Levan 52 After it has been cleared by PAROW"),
	'PIC3':wrap_img("Unblocked.jpg", "Once cleared lovely wild flowers emerge "),
	'PIC4':wrap_img("Chun1.jpg", "Chun Castle - Clearance in Progress")


};

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='"+s_file+"' class='picI'></td></tr><tr><td align=center>"+s_title+"</td></tr></table>"
}
