// send http requests
function sendHttpRequest(url,callbackFunc,respXml){

   var xmlobj=null;
    try{
        xmlobj=new XMLHttpRequest();
    }
    catch(e){
        try{
            xmlobj=new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(e){
            alert('AJAX is not supported by your browser!');
            return false;
        }
   }
   xmlobj.onreadystatechange=function(){
        if(xmlobj.readyState==4){
            if(xmlobj.status==200){
                respXml?eval(callbackFunc+'(xmlobj.responseXML)'):eval(callbackFunc+'(xmlobj.responseText)');
            }
        }
    }
    // open socket connection
    xmlobj.open('GET',url,true);
    // send http header
    xmlobj.setRequestHeader('Content-Type','text/html; charset=UTF-8');
    // send http request
    xmlobj.send(null);
}
// initialize command panel
function initializeCommandPanel(){
   
   
}


function linkfile(id2, reltype){

	 sendHttpRequest('./public/jukebox.php?id2='+id2+'&type='+reltype+'&action=add','displayJukebox');
}
function unlinkfile(id2, reltype){
	  sendHttpRequest('./public/jukebox.php?id2='+id2+'&type='+reltype+'&action=del','displayJukebox');
}
//



// display query results
function displayJukebox(result){
    var console=document.getElementById('jbcontent');
    if(!console){return};
    console.innerHTML='';
	console.innerHTML=result;
    console.style.display = 'block';
}
// display query results
function closebox(box){
   if(document.createElement&&document.getElementById&&document.getElementsByTagName){
   	var console=document.getElementById(box);
    if(!console){return};
    var s=document.getElementById('openbox');
	var h=document.getElementById('closebox');
    console.style.display = 'none';
    s.style.display = 'inline';
	h.style.display = 'none';
	}
}
// display query results
function openbox(){
	var s=document.getElementById('openbox');
	var h=document.getElementById('closebox');
  
    s.style.display = 'none';
	h.style.display = 'inline';
    linkfile(null, null, null)
}


// display query results
function showbox(mod){
    // check if browser is DOM compatible
	if(document.createElement&&document.getElementById&&document.getElementsByTagName){
		var s=document.getElementById('showbox');
		var h=document.getElementById('hidebox');
		var console=document.getElementById('console');
		if(mod==true){
			s.style.display = 'none';
			h.style.display = 'inline';
			linkfile(); 	
	    }else{
			s.style.display = 'inline';
			h.style.display = 'none';
			console.style.display = 'none';
			
		}         
    }
	
}