// JavaScript Document

var helpArray = new Array(20);

//helpArray[10] = "<p class='smallTips'>Template  " +
//				"Template  " +
//				"Template  " +
//				"<br>" +
//				"<span class='smallTipsRed'>Example Template</span></p>";
//owner				
helpArray[0] = "<p class='smallTips'>Use this search to find a parcel by the owner name. <br> " +  
				"Enter the owner's last name in the text box and click Search.<br>  " + 
				"<br>" +
				"<span class='smallTipsRed'>Example: Loflin Gary</span></p>";
//Address	
helpArray[1] = "<p class='smallTips'>Address Search provides the capability of searching by either " + 
				"<br>Full Address -- <span class='smallTipsRed'>Street Address: 6 Congress St</span> " + 
				"<br>Intersection -- <span class='smallTipsRed'>Street Address: Congress &nbsp;&nbsp;Cross Street:Liberty</span>" +
				"<br>Street Name -- <span class='smallTipsRed'>Street Address: Congress</span>. </p>";

//TaxMap
helpArray[2] = "<p class='smallTips'>Use this search to locate a parcel by its Tax Map ID.<br> " +
				"This ID is a 10 digit number that is used to reference a parcel for tax purposes.<br> " +
				"This number can be found on all county tax bills and receipts." +
				"<br>" +
				"<span class='smallTipsRed'>Example: 5470000204</span></p>";
				
//Subdivision
helpArray[3] = "<p class='smallTips'>Use this search to locate a subdivision by name.<br>" +
				"The results will contain all sections of that subdivision.<br>" +
				"When a subdivision section is selected, it will be highlighted on the map." +
				"<br>" +
				"<span class='smallTipsRed'>Example: Mount Gallant Farm</span></p>";
//Results
helpArray[4] = "<p class='smallTips'>The Results tab displays the information returned from " +
				"each search. The Maximum number of results returned is 50.  If you do not find " + 
				"the information you are looking for please narrow your search. The results are " + 
				"displayed in rows with pertinent information " +
				"included with the results.  Each result has a <span class='smallTipsRed'>Map</span> " +
				"button that displays the result on the map by centering on it and highlighting it.</p>";

//ZoomIn
helpArray[5] = "<p class='smallTips'>The Zoom In tool allows you to zoom to a more detailed portion of the map.<br>" +
				"Once you click the Zoom In tool you can either click on the map to zoom in<br>" +
				"or you can drag a box across the map to select the portion of the map you wish to zoom to." +
				"</p>";

//ZoomOut
helpArray[6] = "<p class='smallTips'>The Zoom Out tool allows you to see more of the map by zooming out.<br>" +
				"Once you have clicked the Zoom Out tool the point that you click on the map will be the<br> " +
				"center of your view once the map has zoomed out.</p>";
				
//Pan
helpArray[7] = "<p class='smallTips'>The Pan tool allows you to move your viewpoint of the map.<br>" +
				"When you click the Pan tool clicking on the map will recenter of the view<br> " +
				"to the point you click.</p>";

//Identify
helpArray[8] = "<p class='smallTips'>Use this tool to find out information about anything on the map.<br>" +
				"You can find information on parcels, roads, waterbodies, and many other objects on the map.<br>" +
				"Parcel information is returned by default.  By selecting a different Active Layer from the<br>" +
				"Layers tool you can obtain information on other objects.</p>";
				
//Layers
helpArray[9] = "<p class='smallTips'>The Layers tool displays a list of available layers for the map. <br>" +
				"Each layer contains different information including Aerial Photos, City Boundaries, Zoning Information,<br>" +
				"and Roads.  Once the layer list is open you can access information about each layer by clicking the<br> " +
				"layer name.</p>";
				
//FullView
helpArray[10] = "<p class='smallTips'>This tool returns your view of the map to the default view displayed when you first <br>" +
				"access the site.  It shows the entire county with Roads, County and City Boundaries <br>and Water Bodies turned on.</p>";
				
//Advanced
helpArray[11] = "<p class='smallTips'>The Advanced Options include changing the map size, printing maps and displaying the legend.</p>";

//Lock
helpArray[12] = "<p class='smallTips'>Clicking the thumbtac allows you to lock the toolbar open. <br> " +
				" When the thumbtac is point-down the toolbar will not slide closed.  Clicking the thumbtac changes its state back and forth<br> " + 
				"between locked and unlocked.</p>";
				
//Close
helpArray[13] = "<p class='smallTips'>Clicking these double arrows will slide the tab out of view.  <br>" +
				"To see the tab again move your mouse over the visible portion of the tab.</p>";
				
//Map Size
helpArray[14] = "<p class='smallTips'>By changing the map size you can obtain a larger or smaller view of the map. <br>" +
				"Using a smaller map will decrease the time needed to load the map image.</p>";
				
//Print Map
helpArray[15] = "<p class='smallTips'>Clicking Print Map will open a window displaying an 8.5 x 11 size map for printing.</p>";

//Legend
helpArray[16] = "<p class='smallTips'>The Legend button will toggle the map legend display on or off.</p>";
				
// Example:
// onMouseOver="toolTip('tool tip text here')";
// onMouseOut="toolTip()";
// -or-
// onMouseOver="toolTip('more good stuff', '#FFFF00', 'orange')";
// onMouseOut="toolTip()"; 
/*
MOVE this to the <body>:
<script language="JavaScript"><!--
 //--></script>
*/
var ns4 = document.layers;
var ns6 = document.getElementById && !document.all;
var ie4 = document.all;
offsetX = 0;
offsetY = 20;
var toolTipSTYLE="";
var timer;
var areaTipText = "";

function initToolTips()
{
  if(ns4||ns6||ie4)
  {
    if(ns4) toolTipSTYLE = document.toolTipLayer;
    else if(ns6) toolTipSTYLE = document.getElementById("toolTipLayer").style;
    else if(ie4) toolTipSTYLE = document.all.toolTipLayer.style;
    if(ns4) document.captureEvents(Event.MOUSEMOVE);
    else
    {
      toolTipSTYLE.visibility = "visible";
      toolTipSTYLE.display = "none";
    }
    document.onmousemove = moveToMouseLoc;
  }
}

function toolTip(msg, fg, bg)
{
  if(toolTip.arguments.length < 1) // hide
  {
	if(ns4) toolTipSTYLE.visibility = "hidden";
	else toolTipSTYLE.display = "none";
		
	clearInterval(timer);
  }
  else // show
  {
	 if(!fg) fg = "#777777";
    if(!bg) bg = "#FFFFFF";
	
    var content = msg;
//    '<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + fg + '"><td>' +
//   '<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + bg + 
//    '"><td align="center"><font face="sans-serif" color="' + fg +
//    '" size="-2">&nbsp\;' + msg +
//    '&nbsp\;</font></td></table></td></table>';
    if(ns4)
    {
      toolTipSTYLE.document.write(content);
      toolTipSTYLE.document.close();
    }
    if(ns6)
    {
      document.getElementById("toolTipLayer").innerHTML = content
    }
    if(ie4)
    {
      document.all("toolTipLayer").innerHTML=content;
    }

	timer = setTimeout("showTipNow()", 1000);
  }
}
function moveToMouseLoc(e)
{
  if(ns4||ns6)
  {
    x = e.pageX;
    y = e.pageY;
  }
  else
  {
    x = event.x + document.body.scrollLeft;
    y = event.y + document.body.scrollTop;
  }
  toolTipSTYLE.left = x + offsetX;
  toolTipSTYLE.top = y + offsetY;
  return true;
}
function showTipNow()
{
    if(ns4)
    {
	     toolTipSTYLE.visibility = "visible";
    }
    if(ns6)
    {
      toolTipSTYLE.display='block';
    }
    if(ie4)
    {
      toolTipSTYLE.display='block';
    }
}

function clearAreaTip()
{
	areaTipText = "";
	toolTip();
}