var mp3PlayerInited=false;
var mp3PlayerShown=false;



function showMp3Player()
{
    if (mp3PlayerShown==false) {
    
        if (browser=="ie") {
            document.getElementById("listenbutton").setAttribute("class", "listenbuttononie");
            document.getElementById("listenbutton").setAttribute("className", "listenbuttononie");
        } else {
            document.getElementById("listenbutton").setAttribute("class", "listenbuttonon");
            document.getElementById("listenbutton").setAttribute("className", "listenbuttonon");
        }
        
        document.getElementById("listbuttonimg").src="/i/listenbuttonon.png";
        
        document.getElementById("mp3player").style.display="block";
        
        
        if (mp3PlayerInited==false) {
            var output="<div class=\"mp3playoff\"><img id=\"mp3button\" src=\"/i/play.png\"></div><div class=\"mp3progress\"></div><div class=\"mp3progresscontrol\"></div><div id=\"mp3display\" class=\"mp3display\"></div>"
            
            document.getElementById("mp3player").innerHTML=output;
            
            getSongList();
            
            mp3PlayerInited=true;
        }
        
        
        
        mp3PlayerShown=true;
        
    } else {
    
        if (browser=="ie") {
            
            document.getElementById("listenbutton").setAttribute("class", "listenbuttonoffie");
            document.getElementById("listenbutton").setAttribute("className", "listenbuttonoffie");
        
        } else {
            
            document.getElementById("listenbutton").setAttribute("class", "listenbuttonoff");
            document.getElementById("listenbutton").setAttribute("className", "listenbuttonoff");
        
        }
        document.getElementById("listbuttonimg").src="/i/listenbutton.png";
        
        document.getElementById("mp3player").style.display="none";
        
        mp3PlayerShown=false;
    }
}

function getSongList()
{
    var url="proc.php";
    var vars="m=mp3mod`c=songlist";
    
    ddCommand(url, vars, null, getSongListDone);
}

function getSongListDone()
{
    var response="";
    if (xhttp.readyState==4 || xhttp.readyState=="complete"){
        
        response=xhttp.responseText;

        var cBlock=response.split("(~)");
        
        if (cBlock[0]=="ok") {
        
            document.getElementById("mp3display").innerHTML=cBlock[1];
            
        } else {
        
            if (response.length==0)
                alert("there was a server error.  empty reply.  please try again.");
            else {
            
                if (response.match("( ! )")!=null) {
                    
                    document.getElementById("debug").innerHTML="<div style=\"background:darkred; color:white; padding:10px;\">"+response+"</div>";
                    
                } else 
                    alert("server error:\n\n"+response);
                
            }
            
        }
        
    }
    
}