$(function() {

         $('#allMembers a').click(function() {
		$.ajax({
                 type: "GET",
                 url: "members/members.xml",
                 success: function(xml) {
					populateFullList(xml);
                 }
             }); //close $.ajax(
         }); //close click(

        $('#allPhotographers a').click(function() {
		$.ajax({
                 type: "GET",
                 url: "members/members.xml",
                 success: function(xml) {
					populateSubList("photographers",xml);
                 }
             }); //close $.ajax(
         }); //close click(

       $('#allWriters a').click(function() {
		$.ajax({
                 type: "GET",
                 url: "members/members.xml",
                 success: function(xml) {
					populateSubList("writers",xml);
                 }
             }); //close $.ajax(
         }); //close click(

       $('#allHonorary a').click(function() {
		$.ajax({
                 type: "GET",
                 url: "members/members.xml",
                 success: function(xml) {
					populateSubList("honorary",xml);
                 }
             }); //close $.ajax(
         }); //close click(

         function populateSubList(block,xml)
         {
              		$('#memberList ul').html("");
                    $(xml).find(block).each(function(){
						$(this).find('member').each(function(){
							 var name_text = $(this).find('name').text();
						 	 var link = "<a href=\"javascript:getMember('" + block + "','" + name_text + "');\">" + name_text + "</a>";

							 $('<li></li>')
								 .html(link)
								 .appendTo('#memberList ul');
						 }); //close each(
					}); //close each(
         }
         function populateFullList(xml)
         {
                  	$('#memberList ul').html("");
                   	$(xml).find('member').each(function(){
						 var name_text = $(this).find('name').text();
						  var link = "<a href=\"javascript:getMember('members','" + name_text + "');\">" + name_text + "</a>";
						 $('<li></li>')
								 .html(link)
								 .appendTo('#memberList ul');
					 }); //close each(
		 }


     }); //close $(

		 function getMember(category, clickName)
		 {
		 	$.ajax({
                 type: "GET",
                 url: "members/members.xml",
                 success: function(xml) {
					$('#memberDetails #memberName').html("");
					$('#memberDetails #memberTitle').html("");
					$('#memberDetails #memberEmail').html("");
					$('#memberDetails #memberAddress').html("");
					$('#memberDetails #memberPhone').html("");
					$('#memberDetails #memberFax').html("");					
					$('#memberDetails #memberOther').html("");
					$(xml).find(category).each(function(){
						$(this).find('member').each(function(){
							if ($(this).find('name').text() == clickName)
							{
								$(this).find('name').each(function(){
									var xmlName = $(this).text();
									xmlName += "<br />";
									$('<span class="detailName"></span>')
									 .html(xmlName)
									 .appendTo('#memberName');
								 });								
;
								$(this).find('title').each(function(){
									var xmlTitle = $(this).text();
									xmlTitle += "<br />";
									$('<span class="detailTitle"></span>')
									 .html(xmlTitle)
									 .appendTo('#memberTitle');
								 });
								$(this).find('email').each(function(){
									var xmlEmail = $(this).text();
									xmlEmail += "<br />";
									$('<span class="detailEmail"></span>')
									 .html(xmlEmail)
									 .appendTo('#memberEmail');
								 });								 
								 $(this).find('address').each(function(){
									var xmlAddress = $(this).text();
									xmlAddress += "<br />";
									$('<span class="detailAddress"></span>')
									 .html(xmlAddress)
									 .appendTo('#memberAddress');
								 });
								 $(this).find('phone').each(function(){
									var xmlPhone = $(this).text();
									xmlPhone += "<br />";
									$('<span class="detailPhone"></span>')
									 .html(xmlPhone)
									 .appendTo('#memberPhone');
								 });								 
								 $(this).find('fax').each(function(){
									var xmlFax = $(this).text();
									xmlFax += "<br />";
									$('<span class="detailFax"></span>')
									 .html(xmlFax)
									 .appendTo('#memberFax');
								 });								 
								 $(this).find('other').each(function(){
									var xmlOther = $(this).text();
									xmlOther += "<br />";
									$('<span class="detailOther"></span>')
									 .html(xmlOther)
									 .appendTo('#memberOther');
								 });								 
							}
						}); //close each(
					}); //close each(
                 }
             }); //close $.ajax(

		 }