function setUpTabs()
{
    var anchors = document.getElementsByTagName("a");
    for (var i=0; i < anchors.length; i++) 
        if (anchors[i].hash=="#layer" || anchors[i].hash=="#search" || anchors[i].hash=="#lists")  //make sure it's a tab
            anchors[i].onclick = tabClickHandler;
} 
function tabClickHandler()
{
    var text = this.hash;
    var anchors = document.getElementsByTagName("a");
    for (var i=0; i < anchors.length; i++) 
        if (anchors[i].hash=="#layer" || anchors[i].hash=="#search" || anchors[i].hash=="#lists") //make sure it's a tab
        {
           	if (anchors[i].hash == text)
            {
                document.getElementById(anchors[i].hash.substring(1)).className = "";
                anchors[i].parentNode.className = "selectedTab";
            }
            else
            {    
                document.getElementById(anchors[i].hash.substring(1)).className = "hidden";
                anchors[i].parentNode.className = "";
            }
         }
	 if (text == "#lists")
	 {
		document.getElementById("resultsHeader").style.display = "none";
		document.getElementById("results").style.display = "none";
		adjustListResultDiv();
		if (navigator.appName == "Microsoft Internet Explorer")	
			adjustListResultDiv(); //fixes IE bug by running a second time		
	 }
	 else
	 {
		 document.getElementById("resultsHeader").style.display = "block";
	     document.getElementById("results").style.display = "block";
	     adjustResultDiv();
	 }
}
function switchTab(tab)
{
    var anchors = document.getElementsByTagName("a");
    for (var i=0; i < anchors.length; i++) 
        if (anchors[i].hash=="#layer" || anchors[i].hash=="#search" || anchors[i].hash=="#lists") //make sure it's a tab
        {
           	if (anchors[i].hash == tab)
            {
                document.getElementById(anchors[i].hash.substring(1)).className = "";
                anchors[i].parentNode.className = "selectedTab";
            }
            else
            {    
                document.getElementById(anchors[i].hash.substring(1)).className = "hidden";
                anchors[i].parentNode.className = "";
            }
         }
    if (tab == "#lists")
    {
    	showListTab();
		document.getElementById("resultsHeader").style.display = "none";
		document.getElementById("results").style.display = "none";
		adjustListResultDiv();
    }
	else
	{
		document.getElementById("resultsHeader").style.display = "block";
		document.getElementById("results").style.display = "block";
		adjustResultDiv();
	}
}
function getSelectedTab()
{
	var anchors = document.getElementsByTagName("a");
    for (var i=0; i < anchors.length; i++) 
    	if (anchors[i].hash=="#layer" || anchors[i].hash=="#search" || anchors[i].hash=="#lists")
    		if (anchors[i].parentNode.className == "selectedTab")
    			return anchors[i].hash;
}
function fillLayerList()
{   
    var list = "";
    for (var i=0; i < Layers.length; i++)
    {
    	var colorImg = getColorTag(Layers[i]);
    	if (Layers[i] == "County")
    	{
    		list += '<div id="layerLine_'+Layers[i]+'" class="selectedLayerLine">';
    		currentSelectLayer = Layers[i];
   		}
    	else
        	list += '<div id="layerLine_'+Layers[i]+'" class="layerLine">';
        list += '<input name="layerChckBx" id="chkbx_'+Layers[i]+'" type="checkbox" onclick="showHideLayer(this,\'' + Layers[i] + '\')"/>';
        if (Layers[i] == "County")
        	list += '<span  id="layerLineSpan_'+Layers[i]+'" ';
        else
        	list += '<span id="layerLineSpan_'+Layers[i]+'" ';
        list += '>'+Layers[i]+ '</span>'+colorImg+'</div>';
    }
    for (var i=0; i < nonSelectableLayers.length; i++)
    {    	
   		list += '<div id="layerLine_'+nonSelectableLayers[i]+'">';
        list += '<input id="chkbx_'+nonSelectableLayers[i]+'" type="checkbox" onclick="showHideLayer(this,\'' + nonSelectableLayers[i] + '\')"/>';
       	list += '<span id="layerLineSpan_'+nonSelectableLayers[i]+'">'+nonSelectableLayers[i] + '</span></div>';
    }
    
	var ddl = document.getElementById("ddlActiveLayer");
	
	for (var i=0; i < Layers.length; i++)
	{
	    var optn = document.createElement("OPTION");
	    optn.text = Layers[i];
	    optn.value = Layers[i];
	    if (Layers[i] == "County")
	    	optn.selected = true;
	    ddl.options.add(optn);
    }
    document.getElementById("layerList").innerHTML = list;    
    
    document.getElementById("chkbx_Ordnance Survey").disabled = true;
    document.getElementById("layerLineSpan_Ordnance Survey").onclick = null;
    document.getElementById("layerLineSpan_Ordnance Survey").style.cursor = "auto";
//    document.getElementById("layerLineSpan_Ordnance Survey").style.color = "grey";
}
function getColorTag(layer)
{
	var imgTag = "<span id='layerColor_"+layer+"' class='hidden' >";
	
	if (layer != "Parish") //remove the blank icon from the parish
	{
		imgTag += "<img style='margin-left: 5px; border: 1px solid black' src = 'images/";	
		switch (layer)
		{		
			case "County":
				imgTag += "county";
				break;
			case "Civil Registration District":
				imgTag += "red";
				break;
			case "Diocese":
				imgTag += "purple";
				break;
			case "Rural Deanery":
				imgTag += "green";
				break;
			case "Poor Law Union":
				imgTag += "darkRed";
				break;
			case "Hundred":
				imgTag += "blue";
				break;
			case "Province":
				imgTag += "yellow";
				break;
			default: 
				imgTag += "blank";
		}
		imgTag += ".png'>";
	}
	if (layer == "Parish")
	{
		imgTag +="<ul style='margin: 2px; padding-left: 40px'>";
		imgTag +="<li><span>Chapelry</span><img style='margin-left: 5px; border: 1px solid black' src = 'images/teal.png'>";
		imgTag +="<li>Extra Parochial<img style='margin-left: 5px; border: 1px solid black' src = 'images/pink.png'>";
		imgTag +="</ul>";
	}
//	else if (layer == "County")
//	{
//		imgTag += "</span><span id='activeSpan_"+layer+"'> - Active Layer ";
//		imgTag +="<img id='activeLayerHelp' src='images/help.png' onmouseout='hideLayerSelectHelp()' onclick='showLayerSelectHelp()'><br />";
//		imgTag +="<div id='activeLayerHelpDiv'>"+activeLayerHelpMessage+"</div></span>";
//	}
//	else
//		imgTag += "</span><span id='activeSpan_"+layer+"'></span>";
	imgTag += "</span>";
	return imgTag;
}
function toggleColorTag(layer, toggleOn)
{
	if (toggleOn)
		document.getElementById("layerColor_"+layer).className = "";
	else
		document.getElementById("layerColor_"+layer).className = "hidden";
}
function selectLayerForSearching(layer, isFromAuto)
{
	var sender = layer;
	if (!isFromAuto) //only remove the polygon if we are not zooming in automaticaly from a search
	{
		if (selectedJurisdiction.type != "Parish")
		{
			clearAll();
		}
		resetLayers();
	}
	else if (selectedJurisdiction.type != "Parish")
		resetLayers();
	if (sender.value != null)	
		sender = sender.value
	else
	{
		var ddl = document.getElementById("ddlActiveLayer");
		for (var i=0; i < ddl.options.length; i++)
			if (ddl.options[i].value == sender)
				ddl.options[i].selected = true;		
	}
	currentSelectLayer = sender;
	handleLayerDisplay(currentSelectLayer, isFromAuto);
}
function hideListTab()
{
	var anchors = document.getElementsByTagName("a");
	for (var i=0; i < anchors.length; i++) 
		if (anchors[i].hash=="#lists") 
			anchors[i].style.display = "none";
}
function showListTab()
{
	var anchors = document.getElementsByTagName("a");
	for (var i=0; i < anchors.length; i++) 
		if (anchors[i].hash=="#lists") 
			anchors[i].style.display = "block";
}