var xmlhttp;
var running = 0;

function refreshStatistieken()
{					
    xmlhttp = GetXmlHttpObject();
    if( xmlhttp == null ) return;
    
    var url = "panel_online.php?sid=" + Math.random();
    xmlhttp.onreadystatechange = stateChanged;
    xmlhttp.open( "GET", url, true );
    xmlhttp.send( null );
    setTimeout( "refreshStatistieken()", 10000);
}

function stateChanged()
{
    if( xmlhttp.readyState == 4 )
    {	
        var xmlDoc = xmlhttp.responseXML;
        
        // Totaal aantal gasten
        document.getElementById("countTotal").innerHTML = xmlDoc.getElementsByTagName("countTotal")[0].childNodes[0].nodeValue;
        
        // Aantal gasten
        var countGasten = xmlDoc.getElementsByTagName("countGasten")[0].childNodes[0].nodeValue;
        document.getElementById("countGasten").innerHTML = "" + countGasten + ( countGasten == 1 ? " gast" : " gasten" ) + " online";		
        
        // Aantal leden
        var countLeden = xmlDoc.getElementsByTagName("countLeden")[0].childNodes[0].nodeValue;
        document.getElementById("countLeden").innerHTML = "" + countLeden + ( countLeden == 1 ? " lid" : " leden" ) + " online";	
        
        // Set class
        document.getElementById('id_countLeden').className = ( countLeden >= 1 ? "tabel5" : "" );

        // Welke leden
        var leden = xmlDoc.getElementsByTagName("leden");
        var ledenHTML = "";
        
        for( i = 0; i < leden.length; i++ )
        { 
            var id = leden[i].getElementsByTagName('lidID')[0].childNodes[0].nodeValue;
            var naam = leden[i].getElementsByTagName('lidNaam')[0].childNodes[0].nodeValue;
            var time = leden[i].getElementsByTagName('lidTime')[0].childNodes[0].nodeValue;
            
            ledenHTML += '<a href="index.php?p=leden_lid&amp;lidID=' + id + '">' + naam + '</a> <small>[' + time + ']</small>, ';
        }
        if( ledenHTML.length >= 2 ) ledenHTML = ledenHTML.substr( 0, ledenHTML.length - 2 );
        document.getElementById("leden").innerHTML = ledenHTML; 
    }
}

function GetXmlHttpObject()
{
    if (window.XMLHttpRequest)
        return new XMLHttpRequest();
    if (window.ActiveXObject)
        return new ActiveXObject("Microsoft.XMLHTTP");
    
    return null;
}

function startRefresh()
{
    running++;
    if( running <= 1 )
        setTimeout( "startRefresh()", 10000);
    else
        refreshStatistieken();
    
}

window.onload = startRefresh;