play_0 = new Image(); play_0.src = "img/play_0.png"; 
play_1 = new Image(); play_1.src = "img/play_1.png"; 
play_2 = new Image(); play_2.src = "img/play_2.png"; 
archive_0 = new Image(); archive_0.src = "img/archive_0.png"; 
archive_1 = new Image(); archive_1.src = "img/archive_1.png"; 
archive_2 = new Image(); archive_2.src = "img/archive_2.png"; 
extras_0 = new Image(); extras_0.src = "img/extras_0.png"; 
extras_1 = new Image(); extras_1.src = "img/extras_1.png"; 
extras_2 = new Image(); extras_2.src = "img/extras_2.png"; 


function doodleOver( name ){
    document.images[ name ].src = eval( name + "_1.src" ); 
}

function doodleOut( name ){
    if( name == active ) document.images[ name ].src = eval( name + "_2.src" ); 
    else                 document.images[ name ].src = eval( name + "_0.src" ); 
}


var req;

function loadXMLDoc(url) 
{
    var url = "info.php?format=xml"; 
    // branch for native XMLHttpRequest object
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.onreadystatechange = processReqChange;
        req.open("GET", url, true);
        req.send(null);
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = processReqChange;
            req.open("GET", url, true);
            req.send();
        }
    }
}

function processReqChange() 
{
    // only if req shows "complete"
    if (req.readyState == 4) {
        // only if "OK"
        if (req.status == 200) {
            var response  = req.responseXML.documentElement;
            var users = response.getElementsByTagName( 'users' )[ 0 ]; 
            var doodles = response.getElementsByTagName( 'doodles' )[ 0 ]; 
            
            var active = users.getAttribute( "active" ); 
            var watching = users.getAttribute( "total" ) - users.getAttribute( "active" ); 
            var alle = users.getAttribute( "total" );
            
            var totalDoodles = doodles.getAttribute( "total" ); 
            
            var target = document.getElementById( "doodleInfo" ); 
            target.innerHTML = totalDoodles + "+ doodles<br/>" + alle + " current doodler(s)"; 
        } else {
            alert("There was a problem retrieving the XML data:\n" + req.statusText + ", " + req.status);
        }
    }
}

window.setInterval( "loadXMLDoc();", 60000 );