var HINTS_CFG = {
	'top'        : -7, // a vertical offset of a hint from mouse pointer
	'left'       : 12, // a horizontal offset of a hint from mouse pointer
	'css'        : 'hintsClass', // a style class name for all hints, TD object
	'show_delay' : 300, // 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'    : 99 // a z-index for all hint layers
},

HINTS_ITEMS = [
	wrap2("<b>Zoom - Aproximar</b><br><b>Zoom normal:</b> Selecione este botão e clique sobre um ponto do mapa.<br><b>Zoom de área (Java ativado):</b> Selecione este botão. Sobre o mapa, escolha um ponto, clique e segure o botão do mouse, selecionando a área de consulta."), 
	wrap2("<b>Zoom - Afastar</b><br>Selecione este botão e clique sobre um ponto do mapa para afastar."),
	wrap2("<b>Centralizar</b><br>Selecione este botão e clique sobre o mapa para centralizá-lo no ponto clicado."),
	wrap2("<b>Recarregar</b><br>Clique neste botão para recarregar o mapa inicial."),
	wrap2("<b>Consultar um município</b><br>Selecione este botão e clique sobre um município para fotos e informações."),
	wrap2("<b>Mapa de Referência</b><br>As funções de <i>Zoom - Aproximar</i>, <i>Zoom - Afastar</i> e <i>Centralizar</i> podem ser usadas neste mapa."),
	wrap2("<b>Java está desativado</b><br>Selecione este botão para ativar Java e com isto habilitar o Zoom de área."),
	wrap2("<b>Java está ativado</b><br>Selecione este botão para desativar Java e com isto desabilitar o Zoom de área."),
	wrap3("<b>NOVIDADE</b><br>Habilite o relevo em <i>Geografia</i>."),
	wrap2("<b>Festas de Outubro</b><br> Veja aqui maiores informações."),
];

var myHint = new THints (HINTS_CFG, HINTS_ITEMS);

function wrap2 (s_title) {
	return "<table width=210 bgcolor=white style='border:1px solid #777777'><tr><td align=left><font face=Verdana,Arial size=1>"+s_title+"</font></td></tr></table>"
}

function wrap3 (s_title) {
	return "<table width=125 bgcolor=white style='border:1px solid #777777'><tr><td align=left><font face=Verdana,Arial size=1>"+s_title+"</font></td></tr></table>"
}