function toggle(elem)
{
    if(elem.className=="devotcollapse")
    {
        elem.className="devotexpand";
        toggleSingle(elem.parentNode.nextSibling,"");
    }
    else
    {
        elem.className="devotcollapse";
        toggleSingle(elem.parentNode.nextSibling,"none");
    }

}
function toggleSingle(elem,disp)
{
    elem.style.display=disp;
    if(elem.className=="editor") elem=elem.nextSibling;  //skip the row being edited (editor opens in a row above the row being edited
    elem=elem.nextSibling;
    if ((elem!=null)&&(elem.className=="singlerow"||elem.className=="editor"))
    {
        
        toggleSingle(elem,disp); 
        
        return;
    }
   
}
function addToPlayList(elem)
{
    var td1;
    var td2;
    var tr;
    var attrs={"med":1,"cat":1,"art":1,"alb":1};
    
    tr=document.createElement("TR");
    td1=document.createElement("TD");
    td2=document.createElement("TD");
    td1.className="single";
    td1.innerHTML=elem.innerHTML;
    td2.className="remove";
    td2.setAttribute("onmouseover","this.className='removemouseover'");
    td2.setAttribute("onmouseout","this.className='remove'");
    td2.setAttribute("onclick","this.parentNode.parentNode.removeChild(this.parentNode)");
    
    for(var attr in attrs)
    {
        td1.setAttribute(attr,elem.getAttribute(attr));
        if(elem.getAttribute(attr)!=null && attr!="med")
        {
            td1.innerHTML+=" <font color='red'>(ሁሉንም)</font>";
        }
    }
    tr.appendChild(td1);
    tr.appendChild(td2);
    document.getElementById("tblPlayList").appendChild(tr);                        
}
function play(elem,player)
{
   
    var attrs={"med":1,"cat":1,"art":1,"alb":1};
    var qstr="";
    
    for(var attr in attrs)
    {
        if(elem.getAttribute(attr)==null) continue;
        qstr+=attr+"="+elem.getAttribute(attr)+"&";
    }
    player.sendEvent("STOP");
    player.sendEvent("LOAD","playlist.aspx?"+qstr);
    player.addControllerListener("PLAYLIST","playLoaded");
 
}
function playAll(player)
{
    var tblPList;
    var tr;
    var med;
    var alb;
    var art;
    var cat;
    var meds;
    var albs;
    var arts;
    var cats;
    var nomediaselected;
    
    nomediaselected=true;
    tblPList=document.getElementById("tblPlayList");
    tr=tblPList.firstChild;
    meds="med=";
    arts="art=";
    cats="cat=";
    albs="alb=";
    if(tr==null) return;
    if(tr.tagName!="TR") tr=tr.nextSibling;
    while(tr!=null && tr.tagName=='TR')
    {
       nomediaselected=false;
       med=tr.firstChild.getAttribute("med");
       cat=tr.firstChild.getAttribute('cat');
       alb=tr.firstChild.getAttribute('alb');
       art=tr.firstChild.getAttribute('art');
       if(med!=null) if(med.length>0) meds+=med+"+";
       if(cat!=null) if(cat.length>0) cats+=cat+"+";
       if(alb!=null) if(alb.length>0) albs+=alb+"+";
       if(art!=null) if(art.length>0) arts+=art+"+";
       tr=tr.nextSibling;
    }
    if(nomediaselected) return;
    player.sendEvent("STOP");
    player.sendEvent("LOAD","playlist.aspx?"+meds+"&"+cats+"&"+albs+"&"+arts);
    player.addControllerListener("PLAYLIST","playLoaded");
  
}
function playLoaded(obj) {

    setTimeout(function() {player.sendEvent('ITEM','0');},1000);  //wait 1sec after list loaded before playing
    player.removeControllerListener("PLAYLIST","playLoaded");
}


function editTitle(elem)
{

    if(elem.previousSibling.firstChild.tagName=="INPUT")
    {
        elem.nextSibling.nextSibling.innerHTML="<span style='cursor:pointer'>Edit</span>";
        var inp=elem.previousSibling.firstChild;
        elem.previousSibling.innerHTML=inp.getAttribute("oldvalue");
 
    
    }else
    {
        var inp=document.createElement("input");
        elem.nextSibling.nextSibling.innerHTML="<span style='cursor:pointer'>Cancel</span>";
        inp.type="Text";
        inp.name="_tm2_alb_"+elem.previousSibling.getAttribute('alb');
        inp.value=elem.previousSibling.innerHTML;
        inp.setAttribute("oldvalue",elem.previousSibling.innerHTML);
        inp.style.width="100%"
        elem.previousSibling.innerHTML="";
        elem.previousSibling.appendChild(inp);
    }
    
 }
function editMedia(med)
{
 
  
  var tr=document.getElementById("trmed"+med);
  tr.style.display="none";
  var trEdt=creatEditor(med);
  tr.parentNode.insertBefore(trEdt,tr);
  

}
function creatEditor(med)
{
  
  var tr=document.createElement("tr");
  tr.setAttribute("id","_tm2_ed_"+med);
  tr.className="editor";
  var td=document.createElement("td");
 
  tr.appendChild(td); //The Empty TD
  var td=document.createElement("td");
  td.setAttribute("colSpan",4);

  var tblTop=document.createElement("table");
  tblTop.style.width="100%";
  tblTop.style.backgroundColor="gray";
  tblTop.style.border="solid brown";
  
  var tblEd=document.createElement("tbody");
  var trEd=document.createElement("tr");
  var tdEd=document.createElement("td");
  var txt=document.createTextNode("Title: ");
  tdEd.appendChild(txt);
  trEd.appendChild(tdEd);  
    
  var tdEd=document.createElement("td");
  var inp=document.createElement("input");
  inp.style.width="100%";
  inp.name="_tm2_med_tit_"+med;
  
  var tit=document.getElementById("tdmed"+med);
  inp.value=tit.firstChild.innerHTML;

  tdEd.appendChild(inp);
  trEd.appendChild(tdEd);
  
  tblEd.appendChild(trEd);
  //Start a field
  var trEd=document.createElement("tr");
   
  var tdEd=document.createElement("td");
  var txt=document.createTextNode("File: ");
  tdEd.appendChild(txt);
  trEd.appendChild(tdEd);  
    
  var tdEd=document.createElement("td");
  var inp=document.createElement("input");
  inp.name="_tm2_med_file_"+med;
  inp.type="file";
  inp.style.width="100%";
  tdEd.appendChild(inp);
  trEd.appendChild(tdEd);
  
  tblEd.appendChild(trEd);
  //End a field


  //Start a field
  var trEd=document.createElement("tr");
   
  var tdEd=document.createElement("td");
  var txt=document.createTextNode("Lyric: ");
  tdEd.appendChild(txt);
  trEd.appendChild(tdEd);  
    
  var tdEd=document.createElement("td");
  var inp=document.createElement("input");
  inp.name="_tm2_med_lyric_"+med;
  inp.type="file";
  inp.style.width="100%";
  tdEd.appendChild(inp);
  trEd.appendChild(tdEd);
  
  //tblEd.appendChild(trEd);
  //End a field
 

   //Start a field
 //var selCats=document.getElementById("selCateg");
//var medCats=tit.getAttribute("categ").split(",");

for(var cats=10;cats<=5;cats++){
  var trEd=document.createElement("tr");
   
  var tdEd=document.createElement("td");
  var txt=document.createTextNode("Category "+cats+": ");
  tdEd.appendChild(txt);
  trEd.appendChild(tdEd);  
    
  var tdEd=document.createElement("td");
  var inp=document.createElement("select");
  inp.name="_tm2_med_cat"+cats+"_"+med;
  inp.style.width="100%";
  
  var opt=selCats.firstChild;
  if(opt) opt=opt.nextSibling;
  while(opt)
  {
    var opnew=document.createElement("option");
    //opnew.text=opt.text;
    opnew.innerHTML=opt.innerHTML;
    opnew.value=opt.value;
    inp.appendChild(opnew);
    if(opt) opt=opt.nextSibling;
    if(opt) opt=opt.nextSibling;
  }
  

  tdEd.appendChild(inp);
  trEd.appendChild(tdEd);
  
  tblEd.appendChild(trEd);
}
  //End a field

 
  //Start a field
  var trEd=document.createElement("tr");
   
  var tdEd=document.createElement("td");
  tdEd.setAttribute("colSpan",2);
  tdEd.style.textAlign="right";
  
  var btnCancel=document.createElement("div");
  var txt=document.createTextNode("Cancel    ");
  btnCancel.onclick=function(){ closeEditor(med);};
  btnCancel.appendChild(txt);
  btnCancel.style.display="inline";
  btnCancel.style.color="blue";
  btnCancel.style.cursor="pointer";
  
  tdEd.appendChild(btnCancel);
 
  var btnDel=document.createElement("div");
  var txt=document.createTextNode("Delete");
  btnDel.style.display="inline";
  btnDel.style.color="blue";
  btnDel.style.cursor="pointer";
  btnDel.appendChild(txt);
  btnDel.onclick=function(){ deleteMedia(med);};

 //tdEd.appendChild(btnDel);
 
  trEd.appendChild(tdEd);
  
  tblEd.appendChild(trEd);
  //End a field 

 tblTop.appendChild(tblEd);
  td.appendChild(tblTop);
  tr.appendChild(td);



 return tr;

}
function closeEditor(med)
{
  //return;
  var tr=document.getElementById("_tm2_ed_"+med);
  tr.parentNode.removeChild(tr);
  var tr=document.getElementById("trmed"+med);
  tr.style.display="";
  
  //theForm.onsubmit=null;
}
function deleteMedia(med)
{
  var tr=document.getElementById("_tm2_ed_"+med);
  tr.parentNode.removeChild(tr);
  var tr=document.getElementById("trmed"+med);
  tr.style.display="";
  var td=document.getElementById("tdmed"+med);
  td.innerHTML="<del>"+td.innerHTML+"</del>";
  var inp=document.createElement("hidden");
  inp.setAttribute("id","_tm2_delmed_"+med);
  //var frm=document.getElementById("Form1");
  //frm.appenChild(inp);
  var edd=document.getElementById("edmed"+med);
  edd.innerHTML="Undelete";
  edd.setAttribute("onclick","undeleteMedia("+med+")");
}
function undeleteMedia(med)
{
  var edd=document.getElementById("edmed"+med);
  edd.innerHTML="Edit";
  edd.setAttribute("onclick","editMedia("+med+")");
  var td=document.getElementById("tdmed"+med);
  td.innerHTML=td.firstChild.innerHTML;
}