$(document).ready(function(){
			$.ajax({
				type: "GET",
				url: "speakers2.xml",
				dataType: "xml",
				success: function(xml) {
					$(xml).find('speaker').each(function(){
						var id = $(this).find('id').text();
						var title = $(this).find('title').text();
						var speakname = $(this).find('name').text();
						var speakdate = $(this).find('date').text();
						var simg = $(this).find('simg').text();
						var bimg = $(this).find('bimg').text();
						$('<div id="tab-'+id+'" class="speakercontainer">').html('<img src="'+bimg+'" class="bimg"><p class="speakname">'+speakname+'</p><p class="title">'+title+' </p><p class="speakdate">'+speakdate+' </p><p class="moreinfo">More Information</p><p class="reserve">Make Reservation</p></div>').appendTo('#tabs');
						$('<li></li>').html('<a href="#tab-'+id+'"><img src="'+simg+'"></a>').appendTo('#tabsguide');
						$('#tabs div').hide(); //Hide the tabs
						$('#tabs div:first').show(); // Show the first div
						$('#tabs ul li:first').addClass('active'); // Set the class of the first link to active
						$('#tabs ul li a').click(function(){ //When any link is clicked
						$('#tabs ul li').removeClass('active'); // Remove active class from all links
						$(this).parent().addClass('active'); //Set clicked link class to active
						var currentTab = $(this).attr('href'); // Set variable currentTab to value of href attribute of clicked link
						$('#tabs div').hide(); // Hide all divs
						$(currentTab).show(); // Show div with id equal to variable currentTab
						return false;
						});
					});
				  }
			});
		});