var HINTS_CFG = {
	'top'        : 10, // 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' : 4000, // a delay between hint appearing and hint hiding
	'wise'       : true,
	'follow'     : true,
	'z-index'    : 0 // a z-index for all hint layers
},

HINTS_ITEMS = {
	0:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Set top left image for this page</font></td></tr></table>',
	1:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Save page changes and refresh the page</font></td></tr></table>',
	2:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Preview page as it appears when not editing</font></td></tr></table>',
	3:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Delete this page completely from the site</font></td></tr></table>',
	4:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Insert new page before this one</font></td></tr></table>',
	5:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Insert new page after this one</font></td></tr></table>',
	6:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Move page up in the menu</font></td></tr></table>',
	7:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Move page down in the menu</font></td></tr></table>',
	8:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Add a tabular list to page</font></td></tr></table>',
	9:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Restore page settings to default appearance for the site</font></td></tr></table>',
	10:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Set default appearance with the settings from this page</font></td></tr></table>',
	11:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Administrative settings for the site</font></td></tr></table>',
	12:'<table width="75" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Logoff</font></td></tr></table>',
	13:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Delete top left image for this page (displays default image for the site)</font></td></tr></table>',
	14:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Set header image across the whole top of the page (Left and Right images will overlay this image)</font></td></tr></table>',
	15:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Delete header image for this page</font></td></tr></table>',
	16:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Set right image for this page</font></td></tr></table>',
	17:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Delete right image for this page</font></td></tr></table>',
	18:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Set background image for the menu</font></td></tr></table>',
	19:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Delete background image for the menu</font></td></tr></table>',
	20:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Set colour across the top of the page (does not show if a header image is set)</font></td></tr></table>',
	21:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Popup colour palette to choose colour</font></td></tr></table>',
	22:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Allows you to group pages into a menu category</font></td></tr></table>',
	23:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">REQUIRED. Each page must have a name</font></td></tr></table>',
	24:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Width in pixels desired for the menu bar (Default is 130. Increase in increments of 10 until desired effect is achieved)</font></td></tr></table>',
	25:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Set colour for menu bar (does not show if menu image is set)</font></td></tr></table>',
	26:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Select typeface for menu text</font></td></tr></table>',
	27:'<table width="130" border="1" cellspacing="1" cellpadding="1" bgcolor="#FFFFCC"><tr><td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Set colour for menu text</font></td></tr></table>',
      'showpic':wrap_img("builders_mountain.jpg","")

};

var myTip = 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='images/"+s_file+"'></td></tr><tr><td align=center>"+s_title+"</td></tr></table>"
}
