$(function() {
    $(".twitterOutterMid").append("<img id=\"loader\" src=\"/UserFiles/Image/d2_loader.gif\" alt=\"Loading...\" title=\"Loading...\" />");

    $(".twitterOutterMid").append("<ul id=\"twitterSpeech\"></ul>");

    $.get("/Webservices/TwitterService.asmx/GetTwitterPosts", DisplayTwitter, "xml");
});

function DisplayTwitter(data) {
    $("#loader").remove();            
    
    $(data).find("TwitterPost").each(function() {
        var date = $(this).find("CreatedAtSting").text();
        var text = $(this).find("Text").text();
        var image = $(this).find("ProfileImage").text();

        var newLi = "<li>";
        newLi += "<span class=\"twitterGraham\">";
        newLi += "<img src=\"" + image + "\" alt=\"\" />";
        newLi += "</span>"
        newLi += "<em>" + text;
        newLi += "<span>";
        newLi += date + "</span></em>";
        newLi += "<img class=\"twitterSpeechbot\" src=\"/UserFiles/Image/design/strategic-thinking/speech-bot.gif\" alt=\"\" />";
        newLi += "</li>";

        $("#twitterSpeech").append(newLi);        
    });
}