var mainReq;
var guestReq;
var songReq;

function getSong() {
    url = "/nowPlaying.xml?test=test";
    url += '&' + (new Date()).getTime();
    songReq = new XMLHttpRequest();
    songReq.onreadystatechange = processSongReqChange;
    songReq.open("GET", url, true);
    songReq.send(null);
}

function processSongReqChange() {
    if (songReq.readyState == 4) {
        var nowPlaying = document.getElementById("nowPlaying");
        var newArtist = document.createElement('span');
        var newTitle = document.createElement('span');
        
        newArtist.id = "artist";
        newTitle.id = "title";
        
        var oldArtist = document.getElementById("artist");
        var oldTitle = document.getElementById("title");
        
        if (songReq.status == 200) {
            var response = songReq.responseXML.documentElement;
            var artist = response.getElementsByTagName("artist")[0].firstChild.data;
            var title = response.getElementsByTagName("title")[0].firstChild.data;
            
            newArtist.appendChild(document.createTextNode(artist));
            newTitle.appendChild(document.createTextNode(title));
            nowPlaying.replaceChild(newArtist, oldArtist);
            nowPlaying.replaceChild(newTitle, oldTitle); 
        }
        else {
            // artist = "error: "; //+ songReq.statusText;
            newArtist.appendChild(document.createTextNode("error"));
            nowPlaying.replaceChild(newArtist, oldArtist); 
        }
    }
}

function mainFeedCount() {
    url = "/getConnectedUsers.php?instance=instance1";
    url += '&' + (new Date()).getTime();
    mainReq = new XMLHttpRequest();
    mainReq.onreadystatechange = processMainReqChange;
    mainReq.open("GET", url, true);
    mainReq.send(null);
}

function guestFeedCount() {
    guesturl = "/getConnectedUsers.php?instance=instance2";
    guesturl += '&' + (new Date()).getTime();
    guestReq = new XMLHttpRequest();
    guestReq.onreadystatechange = processGuestReqChange;
    guestReq.open("GET", url, true);
    guestReq.send(null);
}

function processMainReqChange() {
    if (mainReq.readyState == 4) {
        var tab = document.getElementById("mainFeedTab");
        var newContent = document.createElement('span');
        newContent.id = "mainFeedCount";
        var oldContent = document.getElementById("mainFeedCount");
        
        if (mainReq.status == 200) {
            response = mainReq.responseXML.documentElement;
            connected = response.getElementsByTagName("connected")[0].firstChild.data;
         
            /*
            var tab = document.getElementById("mainFeedTab");
            var newContent = document.createElement('span');
            newContent.id = "mainFeedCount";
            var oldContent = document.getElementById("mainFeedCount");
            */
            
            newContent.appendChild(document.createTextNode(connected));     
            tab.replaceChild(newContent, oldContent);
         
         }
         else {
            connected = "error: " + mainReq.statusText;
            newContent.appendChild(document.createTextNode(connected));
            tab.replaceChild(newContent, oldContent);  
            // alert("There was a problem retrieving the XML data:\n" + mainReq.statusText);
         }
    }
}

function processGuestReqChange() {
    if (guestReq.readyState == 4) {
        var guesttab = document.getElementById("guestFeedTab");
        var guestnewContent = document.createElement('span');
        guestnewContent.id = "guestFeedCount";
        var guestoldContent = document.getElementById("guestFeedCount");
        
        if (guestReq.status == 200) {
            guestresponse = guestReq.responseXML.documentElement;
            guestconnected = response.getElementsByTagName("connected")[0].firstChild.data;
            
            guestnewContent.appendChild(document.createTextNode(connected));     
            guesttab.replaceChild(guestnewContent, guestoldContent);
         
         }
         else {
            guestconnected = "error: " + guestReq.statusText;
            guestnewContent.appendChild(document.createTextNode(connected));
            guesttab.replaceChild(guestnewContent, guestoldContent);  
            // alert("There was a problem retrieving the XML data:\n" + mainReq.statusText);
         }
    }
}