$(document).ready( function()
{
var xmlFromFile="";
var accordionActive=false;
$.ajax({
	type:"GET",
	url:"regionlinks.xml",
	dataType:"xml",
	success: handleResponse
	});
	


});

function handleResponse(xml)
{
xmlFromFile=xml;
parseXML(xmlFromFile,1);
}

function parseXML(xml,regionNo)
{
$("#stateLinks").css("visibility","visible");
var states = new Array();
var links= new Array();
var regionxml = $(xml).find("region[no ='" + regionNo + "']");
 var i=0,j=0;
 
//alert(regionxml);
 
$(regionxml).find('state').each(function(){
	var state=this;
	 links = new Array();
	  j=0;
	 $(state).find('link').each(function(){	
	   	var link = this;
		links[j] = {'url':$(link).attr('url'),'title':$(link).attr('title')};	
	   	j++;
		
	 	});
	 states[i] = {'id':$(state).attr('id'), 'name': $(state).attr('name'),'links':links};
	 i++;
	 
	
	});

printLinks(regionNo, states);

}

function printLinks(regionNo,states)
{
$('#regionTitle').empty().append('<a href="http://www.epa.gov/Region'+regionNo+'" target="_blank">>> EPA Region '+regionNo+'</a>');
//$('#stateLinks').append(states[1].links[0]);
//$("#regionTitle").append("EPA Region "+regionNO);
var htmlOutput="";
for(var i=0;i<states.length;i++)
{
	htmlOutput+= '<h3><a href="#">'+states[i].name +'</a></h3><div>';
	for(var j=0;j<states[i].links.length;j++){
	    htmlOutput+='<p><a href="'+ states[i].links[j].url+ '" target="_blank">' + states[i].links[j].title;
	    htmlOutput+="</a></p>";
	    }
	htmlOutput+="</div>";
	}

$('#accordion').accordion( 'destroy' );
$('#accordion').empty().append(htmlOutput).accordion({ collapsible:true, active:0 });
}