$(document).ready(function(){
    $.ajax({
        type: "GET",
        url: eventXMLFile,
        dataType: "xml",
        success: function(xml) {
           // $(xml).find('event').slice(0,3).each(function(){
            var count = 0;
            $(xml).find('event').each(function(){
                var offdate = $(this).find('offdate').text();
                if(Date.parse(offdate) > new Date()) {
                    if(count < 3) {
                    count++;
                    var date = $(this).find('date').text();
                    var eventtitle = $(this).find('eventtitle').text();
                    var eventurl = $(this).find('eventurl').text();
                    var location = $(this).find('location').text();
                    var text = $(this).find('text').text();
				    output = '';
				    output += '<p>';
				    output += '<span class="beige">'+ date +'</span><br />';
				    output += '<span class="black">'+ eventtitle + ', '+ location + '<br /></span>';
				    output += '</p>';
				    $("#hpEvents").append(output);
				    }
				}
            });
        }
    });
});