window.onload = lista;

//Lista as músicas a serem exibidas
function lista(){
    var contlista = '';
    if(listacodigos.length > 0){
        contlista += '<ul>';
        for (i = 0; i < listacodigos.length; i++) {
            contlista += '<li>';
            if(!(listacodigos[i] == "")){
                contlista += '<a href="javascript:void(0);" onclick="video_youtube('+i+')" title="Play" class="btplay"></a>';
            }
            if(!(listaletras[i] == "")){
                contlista += '<a href="javascript:void(0);" onclick="letra('+i+')" title="Letra" class="btletra"></a>';
            }            
            contlista += '</li>';
        }
        contlista += '</ul>';
    }
    document.getElementById('playervideo-lista').innerHTML = contlista;
}

// Mostra o vídeo a ser exibido
function video_youtube(i){
    document.getElementById('playervideo-lista').style.display = 'none';
    document.getElementById('playervideo-video').style.display = 'block';
    
    var contvideo = '';
    contvideo += '<iframe width="458" height="340" src="http://www.youtube.com/embed/'+listacodigos[i]+'" frameborder="0" allowfullscreen></iframe>';
    contvideo += '<ul>';
    contvideo += '<li class="titulo">'+listatitulos[i]+'</li>';
    if(!(listaletras[i] == "")){
        contvideo += '<li class="letra"><a href="javascript:void(0);" onclick="letra('+i+')" title="Letra" class="btletra"></a></li>';
    }
    contvideo += '<br style="clear:both" /></ul>';
    contvideo += '<a href="javascript:void(0);" onclick="voltalista()" title="Voltar para as músicas" class="voltar-lista"><img src="playervideo/imagens/voltar-lista.png" alt="Voltar para as músicas" /></a>';
    
    document.getElementById('playervideo-video').innerHTML = contvideo;
}

// Exibe a letra do vídeo
function letra(l){
    document.getElementById('playervideo-letra').style.left = leftLetra;
    document.getElementById('playervideo-letra').style.display = 'block';
    var contletra = '';
    contletra += '<div class="fechar"><a href="javascript:void(0);" onclick="fechaletra()" title="Fechar"><img src="playervideo/imagens/bt-fechar.png" alt="Fechar" /></a></div>';
    contletra += '<div id="letraextenso">'+listaletras[l]+'</div>';
    document.getElementById('playervideo-letra').innerHTML = contletra;
    aciona();
}

// Retorna a listagem de músicas
function voltalista(){
    document.getElementById('playervideo-video').innerHTML = '';
    document.getElementById('playervideo-video').style.display = 'none';
    document.getElementById('playervideo-lista').style.display = 'block';
}

// Fecha a caixa da letra
function fechaletra(){
    document.getElementById('playervideo-letra').style.display = 'none';
}