var currPark;

var xmlhttp;

var parkNameDisplay;
var locDisplay;
var routeNumDisplay;
var countyDisplay;
var picDisplay;
var infoDisplay;

var map;
var overlayDiv;

function closeDiv()
{
	$('#map').css("opacity","1");
	$('#map').css('filter', "alpha(opacity='100')");	//IE
	
    $('#overlayDiv').hide('medium');
}

function openDiv(parkNum)
{	
	hideddrivetip();
	
	currpark = parkNum;
	
	$('#map').css("opacity",".50");
	$('#map').css('filter', "alpha(opacity='50')");	//IE
	
	
	parkNameDisplay = document.getElementById("parkNameDisplay");
	locDisplay = document.getElementById("locDisplay");
	routeNumDisplay = document.getElementById("routeNumDisplay");
	countyDisplay = document.getElementById("countyDisplay");
	picDisplay = document.getElementById("picDisplay");
	infoDisplay = document.getElementById("infoDisplay");

	try
	{ 
		loadXMLDoc();
		$('#overlayDiv').show('medium');
	}
	catch(e) 
	{ 
		//alert(e.message)
	}
	
	return false;
}


function loadXMLDoc()
{
// location of XML file
var url = "/documents/mdot/rsparks_261260_7.xml";
xmlhttp=null;
if (window.XMLHttpRequest)
  {// code for IE7, Mozilla, etc.
  xmlhttp=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {// code for IE5, IE6
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
if (xmlhttp!=null)
  {
  xmlhttp.onreadystatechange=onResponse;
  xmlhttp.open("GET",url,true);
  xmlhttp.send(null);
  }
else
  {
  alert("Your browser cannot support this map.");
  }
}

function onResponse()
{
if(xmlhttp.readyState!=4) return;
if(xmlhttp.status!=200)
  {
  alert("Problem retrieving XML data");
  return;
  }

	var x=xmlhttp.responseXML.documentElement.getElementsByTagName("Park");
	
	var dataFound = false;
	
	// index of xml
	var i = 0;
	
while(dataFound == false)
  {
  
	var currentLoc = (x[i].getElementsByTagName("Number")[0].childNodes[0].nodeValue);
	
	if (currentLoc == currpark)
	{
	
			try
			{
				parkNameDisplay.innerHTML=(x[i].getElementsByTagName("Name")[0].childNodes[0].nodeValue);
			}
			catch (er)
			{
				parkNameDisplay.innerHTML="N/A";
			}
			
			try
			{
				locDisplay.innerHTML=(x[i].getElementsByTagName("Location")[0].childNodes[0].nodeValue);
			}
			catch (er)
			{
				locDisplay.innerHTML="N/A";
			}
			
			try
			{
				routeNumDisplay.innerHTML=(x[i].getElementsByTagName("Route")[0].childNodes[0].nodeValue);
			}
			catch (er)
			{
				routeNumDisplay.innerHTML="N/A";
			}
			
			try
			{
				countyDisplay.innerHTML=(x[i].getElementsByTagName("County")[0].childNodes[0].nodeValue);
			}
			catch (er)
			{
				countyDisplay.innerHTML="N/A";
			}
			
			try
			{
				picDisplay.innerHTML = (("<img src=\"" + x[i].getElementsByTagName("Pic")[0].childNodes[0].nodeValue) +
								("\" alt=\"" + x[i].getElementsByTagName("Name")[0].childNodes[0].nodeValue + "\" />"));
			}
			catch (er)
			{
				picDisplay.innerHTML="<img src='/images/mdot/placeholder_sm_262058_7.jpg' alt='photo coming soon' />";
			}
			
			try
			{
				infoDisplay.innerHTML=(x[i].getElementsByTagName("Information")[0].childNodes[0].nodeValue);
			}
			catch (er)
			{
				infoDisplay.innerHTML="N/A";
			}
			
			dataFound = true;
	}
	else
	{	
		//next park
		i++;
	}

}
			
}