$(document).ready(function() {
	
	setNextEvent();
	
	function setNextEvent() {
		$.ajax({
			type: "GET", 
			url: "data/hp-events.xml.php", 
			dataType: "xml",
			success: parseXML
		});
	}
	
	function parseXML(xml) {
		// parse xml into js array
		var len = $(xml).find("event").length;
		var array = new Array();
		
		$(xml).find("event").each(function(i) {
			var eventDate = $(this).find("date-start").text();
			var eventVenue = $(this).find("name").text();
			var eventLocation = $(this).find("address").text();
			var eventPhone = $(this).find("phone").text();
			var eventUrl = $(this).find("url").text();
			
			if (eventUrl != "") {
				eventVenue = "<a href=\""+eventUrl+"\" target=\"_blank\">"+eventVenue+"</a>";
			}
			
			array[i] = new Array(eventDate, eventVenue, eventLocation, eventPhone);
		});
		
		// sort the array
		array.sort();
		
		var currentTime = new Date();
		var month = currentTime.getMonth() + 1;
		var day = currentTime.getDate();
		var year = currentTime.getFullYear();
		var tdate = month + "/" + day + "/" + year;
		tdate = Date.parse(tdate);
		
		//var p = 0;
		var o = 0;
		// process array content into page elements
		for (x=0; x<len; x++) {
			//alert(tdate+"|"+Date.parse(array[x][0]));
			
			var d = Date.parse(array[x][0]);
			
			if (tdate <= d) {
				var str = "";
				str += "<div class=\"gig\">";
				str += "<div class=\"gig-title\">"+array[x][1]+"</div>";
				str += "<div class=\"gig-location\">"+array[x][2]+"</div>";
				str += "<div class=\"gig-date\">"+array[x][0]+"</div>";
				str += "<div class=\"gig-phone\">"+array[x][3]+"</div>";
				str += "</div>";
				$("#upcoming-gigs").append(str);
				
				o++;
				if (o==4) { return false; }
			}
			
				
		}

		//alert(array);
	}
	
	
});