var xhttp =null;

function postForm(args, retFn) {
  show('t_loader');
  var out = "";
  for (v in args) out += v+"="+encodeURIComponent(args[v])+"&";
  out = out.substr(0,out.length-1);

  xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      retFn(this.responseText);
    }
  };

  xhttp.open("POST", "proc.php", true);
  xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xhttp.send(out);
}



function txtComp(t) {
	var out = t.toLowerCase();
	var out = out.replace(/á/g, 'a');
	var out = out.replace(/é/g, 'e');
	var out = out.replace(/í/g, 'i');
	var out = out.replace(/ó/g, 'o');
	var out = out.replace(/ú/g, 'u');
	var out = out.replace(/ü/g, 'u');
	return out;
}

function fBusca(v) {
  if (showing == 'B') showByRola();
  var ll=GE('b_main').childNodes; n=txtComp(v);
  for (i=0; i<ll.length; i++) { li=ll[i]; if (li.tagName!='LI') continue;
  h1=txtComp(li.childNodes[1].innerHTML);
  h2=txtComp(li.childNodes[3].innerHTML);
	li.style.display=(h1.indexOf(n)==-1 && h2.indexOf(n)==-1)?'none':''; }
}


var rolaList = null, bandList = null, showing = 'R';
function showByRola() { HTML('sList', rolaList); GE('sOrdB').className='s_ordoff'; GE('sOrdR').className='s_ordon'; showing = 'R'; return; }

function showByBand() {
  DO.forms['sform']['exp'].value = "";
  GE('sOrdB').className='s_ordon'; GE('sOrdR').className='s_ordoff'; showing = 'B';
  if (bandList != null) {HTML('sList', bandList); return; }

  if (rolaList == null) rolaList = HTML('sList');

  var tListB = [];
  for (i in tList) { tList[i]['t'] = i; tListB.push(tList[i]); };
  tListB.sort(function(a, b) { return (b['b']+b['r'] < a['b']+a['r']); })
console.log(tListB);
  var o = "<table id=s_main>\n"; band = null; n = 0;
  cnt = 0;
  tListB.forEach(function(i) {
    if (i['b'] != band) {
      if (n > 0) o+= "</ul></td></tr>\n";
      o+= "<tr><td><a href='"+LC_ACO+i['h']+"/'>"+i['b']+'</a></td>\n';
      o+= "<td><ul class='b_main' id=b_main"+cnt+">\n";
      band = i['b'];
      cnt++;
    }
    nt = i['t'].substr(i['t'].length-1)
    o+= "<li id='"+i['t']+"' lcd='"+i['fd']+"-"+nt+"'>";
    o+= "<a href='javascript:'>"+i['r']+"</a><div class=imgCont>";
    o+= "<div class='ti"+i['tp']+"' onclick='w.location=\""+LC_ACO+i['h']+"/"+i['f']+((nt==1)?"":"-"+nt)+".shtml\"'>";
    o+= "</div></li>\n";
    n++;
  });
  bandList = o+"</table>";
  HTML('sList', o);
}
var fLista = null; var lastSel = null;
function showList(elm,name) {
  if (lastSel == null) lastSel = GE("mlSecs").childNodes[0];
  console.log('sel:'+GE("mlSecs").childNodes[0].tagName);
  if (elm != null) {
    lastSel.style.backgroundColor = 'transparent';
    elm.style.backgroundColor = '#eee';
    lastSel = elm;
  }

  if (rolaList == null) rolaList = HTML('sList');
  if (name == "") { fLista = null; HTML('sList', rolaList); return; }
  fLista = (typeof(name) == "undefined") ? null : name;

  out ="<ul id=b_main class=b_main>";
  pList[name].forEach(function(tcode) {
    i = tList[tcode];
    nt = tcode.substr(tcode.length-1);
    out +="<li id="+tcode+"><input type=checkbox id='chk_"+tcode+"' class=myChk>";
    out +="<A href='"+LC_ACO+i['h']+"/"+i['f']+"'>"+i['r']+"</A> ";
    out +="<em><a href='"+LC_ACO+i['h']+"'>["+i['b']+"]</a></em>";
    out += "<div class=imgCont><div class='ti"+i['tp']+"' ";
    out += "onclick='w.location=\""+LC_ACO+i['h']+"/"+i['f']+((nt==1)?"":"-"+nt)+".shtml\"'></div>\n";
  });
  out += "</ul>\n";
  HTML('sList', out);
}

var allOn = false;
function checkToggle(force) {
  allOn = (typeof(force) == "undefined") ? !allOn : force;
  lines = GE('b_main').childNodes;
  GE('mainChk').checked = allOn;
  lines.forEach(function(l) {
    if (l.tagName != "LI") return;
    if (l.style.display=='none') return;
    l.childNodes[0].checked = allOn;
  });


  return false;
}

function getChecked() {
  lines = GE('b_main').childNodes;
  var got = [];
  lines.forEach(function(l) {
    if (l.tagName != "LI") return;
    if (l.style.display=='none') return;
    if (l.childNodes[0].checked == true) got.push(l.childNodes[0].id.substr(4));
  });
  return got;
}

function borraFavs() {
  got = getChecked();
  if (got == []) return;

  if (fLista != null) {
//    if (!confirm("Se eliminarán "+got.length+" favoritos de "+fLista+". ¿Continuar?")) return;
    var args = {'acn':'delFromList', 'list':fLista, 'elms':got.join('|') };
    postForm(args, delFromListDone);
/*
    var pl = pList[fLista];
    got.forEach(function(tc) {
      console.log('tc:'+tc+' index:'+pl.indexOf(tc));
      pl.splice(pl.indexOf(tc),1);
    });
*/
  }
  else {
    if (!confirm("Se eliminarán definitivamente "+l.length+" favoritos. ¿Continuar?")) return;


  }
}

function delFromListDone(raw) {
  hide('t_loader');
  var res = JSON.parse(raw);
  if (res['status'] != 'ok') { alert("Error!"); return; }
  pList[res['list']] = res['newVal'];
  showList(null,res['list']);
}


function addToList() {
  show('mMask');
  HTML('listSel', HTML('tNav'));
  GS('listSelCont').display = 'block';
//  hide('tNav');
}