/*
** MUSICA Javascript **
* Daniel Pliscoff ( dpliscoff@workspace.cl )
* Enero 2007
*/

function MostrarTema(tema, flv, mp3, mpeg, flvd) {
         var panel = YAHOO.util.Dom.get("panel");
         var despliegue = YAHOO.util.Dom.get("despliegue");
         var detalle =  YAHOO.util.Dom.get("detalle");
         
         var titulo = "";
         var player = "";
         var descargas = "";
         
         titulo = "<p class='titulo'>"+ tema +"<br>";
         if (flv != "") {
           player = "<p>"+ VideoObj(flv, flvd) +"</p>";
         }
         if (mpeg != "") {
            // esto debiera ser un php que escupa un mime = application/x-download o algo así
            descargas = "<li><a class='descarga' href='../html/mpeg/"+ mpeg +"'>Descargar Video (mpg/zip)</a></li>";
         }
         if (mp3 != "") {
            descargas += "<li><a class='descarga' href='../html/mp3/"+ mp3 +"'>Descargar Audio (mp3/zip)</a><br></li>";
         }
         despliegue.innerHTML = "";
         despliegue.innerHTML = titulo + player + descargas;
         
}


function MostrarDisco(disco, temas){
    var detalle =  YAHOO.util.Dom.get("detalle");
    var despliegue =  YAHOO.util.Dom.get("despliegue");
    detalle.innerHTML = "";
    despliegue.innerHTML = "";
    //alert("Mostrar disco:\n"+ dobj.nombre +"\n"+ dobj.descripcion);
    ul = "<p class='titulo'>"+ disco.nombre +"</p>"; 
    if (typeof(temas) == 'object') {
      ul += "<ul>";
      for (var t in temas) {
        var cnt = 0;
        var nom = temas[t].nombre;
        var flv = temas[t].flv;
        var mp3 = temas[t].mp3;
        var mpeg = temas[t].mpeg;
        var flvd = temas[t].flvd;
        var clk = "onclick=\"MostrarTema('"+ nom +"','"+ flv +"','"+ mp3 +"','"+ mpeg +"', '"+ flvd +"')\"";
        cnt += ((flv != "") ? 1 : 0);
        cnt += ((mp3 != "") ? 1 : 0);
        cnt += ((mpeg != "") ? 1 : 0);
        if (cnt > 0) {
            ul += ("<li class='masinfo' "+ clk +">"+ nom +"</li>");
        } else {
            ul += ("<li>"+ nom +"</li>");
        }
      } 
      ul += "</ul>";
    } else if (typeof(temas) == 'string'){
      ul += "<ul>"+ temas +"</ul>";
    }
    info = "";
    
    info += "<div>";
    if (disco.cover != "nocover") {
    info += "<div class='disco-cover' align='center'><img src='"+ disco.cover +"' alt='cover'></div>";
    }
    info += "<div id='navegador' onclick='SwitchInfo()'>Ver detalles [&raquo;]</div>";
    info += "<div id='disco-info' class='disco-info' style='display:none;'>"+ disco.descripcion +"</div>";
    info += "</div>";
    
    
    despliegue.innerHTML = info;
    //despliegue.innerHTML += "<div>"+ disco.descripcion +"</p><br />";
    detalle.innerHTML = ul;
}

function SwitchInfo() {
	YUD = YAHOO.util.Dom;
  dinfo = YUD.get("disco-info");
  dswitch = YUD.get("navegador");
  disp = YUD.getStyle(dinfo, "display");
  if (disp == 'block') {
    YUD.setStyle(dinfo, "display", "none");
    dswitch.innerHTML = "Ver detalles [&raquo;]";
  } else {
  	YUD.setStyle(dinfo, "display", "block");
    dswitch.innerHTML = "Ocultar detalles [&laquo;]";
  }
}