var xhr = false;
var xPos, yPos;

$(document).ready(function () {
    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
    }
    else {
        if (window.ActiveXObject) {
            try {
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) { }
        }
    }
    if (xhr) {
        xhr.onreadystatechange = showAnnouncements;
        xhr.open("GET", "../Announcements.xml", true);
        
        xhr.send(null);
    }
    else {
        alert("We could not display the announcements. Please ensure that you have the latest version of your web browser and that JavaScript is enabled.");
    }
});

function showAnnouncements() {
    var xmlDoc;
    //document.getElementById("sidebar");

    if (xhr.readyState == 4) {
        if (xhr.status == 200) {

            xmlDoc = xhr.responseXML;
            var announcements = xmlDoc.getElementsByTagName("Announcement");
            var titles = xmlDoc.getElementsByTagName("Title");
            var whens = xmlDoc.getElementsByTagName("When");
            var details = xmlDoc.getElementsByTagName("Details");
            var links = xmlDoc.getElementsByTagName("Link");
            var linkNames = xmlDoc.getElementsByTagName("CaptionLink");
        
            $("#sidebar").append('<ul>');
            for (var i = 0; i < announcements.length; i++) {
            if ( links[i].childNodes[0].nodeValue != "null" && linkNames[i].childNodes[0].nodeValue != "null") {
                    

                    $("#sidebar").append('<li><span title="<h2>' + titles[i].childNodes[0].nodeValue + '</h2>' +
                    details[i].childNodes[0].nodeValue + '<br />' +
                    '<a href=\&quot;' + links[i].childNodes[0].nodeValue + '\&quot;>' + linkNames[i].childNodes[0].nodeValue + '</a>' +
                    '<hr />' +
                    '<h2 style=&quot;font-weight:bold;text-align:right;font-size:medium;color:#33CCFF;&quot;>' +
                    whens[i].childNodes[0].nodeValue +
                    '</h2>" class="announcetitle" id="event' +
                    i.toString() + '">' + titles[i].childNodes[0].nodeValue +
                    '</span></li>');
                }
                else {
                    $("#sidebar").append('<li><span title="<h2>' + titles[i].childNodes[0].nodeValue + '</h2>' +
                    details[i].childNodes[0].nodeValue + 
                    '<hr />' +
                    '<h2 style=&quot;font-weight:bold;text-align:right;font-size:medium;color:#33CCFF;&quot;>' +
                    whens[i].childNodes[0].nodeValue +
                    '</h2>" class="announcetitle" id="event' +
                    i.toString() + '">' + titles[i].childNodes[0].nodeValue +
                    '</span></li>');
                }

            }

            $("#sidebar").append('</ul>');
            $("#sidebar").css("list-style", "none");
            //            $('<div id="tooltip"></div>').appendTo("#sidebar");    
            $(".announcetitle").poshytip({
                
                className: 'AnnounceTip',
                bgImageFrameSize: 9
            });        
        }
        else {
            alert("Announcements failed to load:  " + xhr.status);
        }
    }

    
}