$(document).ready(function(){
    $.ajax({
        type: "GET",
        url: "/about/news/article.xml",
        dataType: "xml",
        success: function(xml) {
            $(xml).find('news').slice(0,3).each(function(){
                var id = $(this).find('id').text();
                var date = $(this).find('date').text();
                var newstitle = $(this).find('newstitle').text();
                $('<div class="news_title"></div>').html(id);
                $('<div class="news_source"></div>').html(date);
                $('<div class="news_description"></div>').html(newstitle);

				output = '';
				output += '<p>';
				output += '<span class="beige">'+ date +'</span><br />';
				output += '<a href="about/news/render_article.aspx?id='+ id +'" target="_new">'+ newstitle + '</a>';
				output += '</p>';
				$("#hpNews").append(output);

            });
        }
    });
});