var wsubReq;
var kphuReq;
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 wsubFeedCount() {
    wsubUrl = "/getConnectedUsers.php?instance=instance1";
    wsubUrl += '&' + (new Date()).getTime();
    wsubReq = new XMLHttpRequest();
    wsubReq.onreadystatechange = processWsubReqChange;
    wsubReq.open("GET", wsubUrl, true);
    wsubReq.send(null);
}

function kphuFeedCount() {
    kphuUrl = "/getConnectedUsers.php?instance=instance2";
    kphuUrl += '&' + (new Date()).getTime();
    kphuReq = new XMLHttpRequest();
    kphuReq.onreadystatechange = processKphuReqChange;
    kphuReq.open("GET", kphuUrl, true);
    kphuReq.send(null);
}

function processWsubReqChange() {
    if (wsubReq.readyState == 4) {
        var wsubTab = document.getElementById("wsubFeedTab");
        var wsubNewContent = document.createElement('span');
        wsubNewContent.id = "wsubFeedCount";
        var wsubOldContent = document.getElementById("wsubFeedCount");
        
        if (wsubReq.status == 200) {
            wsubResponse = wsubReq.responseXML.documentElement;
            wsubConnected = wsubResponse.getElementsByTagName("connected")[0].firstChild.data;
            
            wsubNewContent.appendChild(document.createTextNode(wsubConnected));     
            wsubTab.replaceChild(wsubNewContent, wsubOldContent);
         
         }
         else {
            wsubConnected = "error: " + wsubReq.statusText;
            wsubNewContent.appendChild(document.createTextNode(wsubConnected));
            wsubTab.replaceChild(wsubNewContent, wsubOldContent);  
         }
    }
}

function processKphuReqChange() {
    if (kphuReq.readyState == 4) {
        var kphuTab = document.getElementById("kphuFeedTab");
        var kphuNewContent = document.createElement('span');
        kphuNewContent.id = "kphuFeedCount";
        var kphuOldContent = document.getElementById("kphuFeedCount");
        
        if (kphuReq.status == 200) {
            kphuResponse = kphuReq.responseXML.documentElement;
            kphuConnected = kphuResponse.getElementsByTagName("connected")[0].firstChild.data;
            
            kphuNewContent.appendChild(document.createTextNode(kphuConnected));     
            kphuTab.replaceChild(kphuNewContent, kphuOldContent);
         
         }
         else {
            kphuConnected = "error: " + kphuReq.statusText;
            kphuNewContent.appendChild(document.createTextNode(kphuConnected));
            kphuTab.replaceChild(kphuNewContent, kphuOldContent);
         }
    }
}

// Album List functions
function HideContent(d) {
	document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
	document.getElementById(d).style.display = "block";
}
function ReverseDisplay(d) {
	if (document.getElementById(d).style.display == "none") { 
		document.getElementById(d).style.display = "block"; 
	}
	else { 
		document.getElementById(d).style.display = "none"; 
	}
}