{source}
<script type=»text/javascript»>init();

function init(){
var audio = document.getElementById(‘audio’);
var playlist = document.getElementById(‘playlist’);
var tracks = playlist.getElementsByTagName(‘a’);
audio.volume = 0.10;
//audio.play();

for(var track in tracks) {
var link = tracks[track];
if(typeof link === «function» || typeof link === «number») continue;

link.addEventListener(‘click’, function(e) {
e.preventDefault();
var song = this.getAttribute(‘href’);
run(song, audio, this);
});
}
audio.addEventListener(‘ended’,function(e) {
for(var track in tracks) {
var link = tracks[track];
var nextTrack = parseInt(track) + 1;
if(typeof link === «function» || typeof link === «number») continue;
if(!this.src) this.src = tracks[0];
if(track == (tracks.length – 1)) nextTrack = 0;
console.log(nextTrack);
if(link.getAttribute(‘href’) === this.src) {
var nextLink = tracks[nextTrack];
run(nextLink.getAttribute(‘href’), audio, nextLink);
break;
}
}
});
}

init1();

function init1(){
var audio = document.getElementById(‘audio1’);
var playlist = document.getElementById(‘playlist1’);
var tracks = playlist.getElementsByTagName(‘a’);
audio.volume = 0.10;
//audio.play();

for(var track in tracks) {
var link = tracks[track];
if(typeof link === «function» || typeof link === «number») continue;

link.addEventListener(‘click’, function(e) {
e.preventDefault();
var song = this.getAttribute(‘href’);
run(song, audio, this);
});
}


audio.addEventListener(‘ended’,function(e) {
for(var track in tracks) {
var link = tracks[track];
var nextTrack = parseInt(track) + 1;
if(typeof link === «function» || typeof link === «number») continue;
if(!this.src) this.src = tracks[0];
if(track == (tracks.length – 1)) nextTrack = 0;
console.log(nextTrack);
if(link.getAttribute(‘href’) === this.src) {
var nextLink = tracks[nextTrack];
run(nextLink.getAttribute(‘href’), audio, nextLink);
break;
}
}
});
}

init2();

function init2(){
var audio = document.getElementById(‘audio2’);
var playlist = document.getElementById(‘playlist2’);
var tracks = playlist.getElementsByTagName(‘a’);
audio.volume = 0.10;
//audio.play();

for(var track in tracks) {
var link = tracks[track];
if(typeof link === «function» || typeof link === «number») continue;

link.addEventListener(‘click’, function(e) {
e.preventDefault();
var song = this.getAttribute(‘href’);
run(song, audio, this);
});
}


audio.addEventListener(‘ended’,function(e) {
for(var track in tracks) {
var link = tracks[track];
var nextTrack = parseInt(track) + 1;
if(typeof link === «function» || typeof link === «number») continue;
if(!this.src) this.src = tracks[0];
if(track == (tracks.length – 1)) nextTrack = 0;
console.log(nextTrack);
if(link.getAttribute(‘href’) === this.src) {
var nextLink = tracks[nextTrack];
run(nextLink.getAttribute(‘href’), audio, nextLink);
break;
}
}
});
}

init3();

function init3(){
var audio = document.getElementById(‘audio3’);
var playlist = document.getElementById(‘playlist3’);
var tracks = playlist.getElementsByTagName(‘a’);
audio.volume = 0.10;
//audio.play();

for(var track in tracks) {
var link = tracks[track];
if(typeof link === «function» || typeof link === «number») continue;

link.addEventListener(‘click’, function(e) {
e.preventDefault();
var song = this.getAttribute(‘href’);
run(song, audio, this);
});
}


audio.addEventListener(‘ended’,function(e) {
for(var track in tracks) {
var link = tracks[track];
var nextTrack = parseInt(track) + 1;
if(typeof link === «function» || typeof link === «number») continue;
if(!this.src) this.src = tracks[0];
if(track == (tracks.length – 1)) nextTrack = 0;
console.log(nextTrack);
if(link.getAttribute(‘href’) === this.src) {
var nextLink = tracks[nextTrack];
run(nextLink.getAttribute(‘href’), audio, nextLink);
break;
}
}
});
}

init4();

function init4(){
var audio = document.getElementById(‘audio4’);
var playlist = document.getElementById(‘playlist4’);
var tracks = playlist.getElementsByTagName(‘a’);
audio.volume = 0.10;
//audio.play();

for(var track in tracks) {
var link = tracks[track];
if(typeof link === «function» || typeof link === «number») continue;

link.addEventListener(‘click’, function(e) {
e.preventDefault();
var song = this.getAttribute(‘href’);
run(song, audio, this);
});
}


audio.addEventListener(‘ended’,function(e) {
for(var track in tracks) {
var link = tracks[track];
var nextTrack = parseInt(track) + 1;
if(typeof link === «function» || typeof link === «number») continue;
if(!this.src) this.src = tracks[0];
if(track == (tracks.length – 1)) nextTrack = 0;
console.log(nextTrack);
if(link.getAttribute(‘href’) === this.src) {
var nextLink = tracks[nextTrack];
run(nextLink.getAttribute(‘href’), audio, nextLink);
break;
}
}
});
}

init5();

function init5(){
var audio = document.getElementById(‘audio5’);
var playlist = document.getElementById(‘playlist5’);
var tracks = playlist.getElementsByTagName(‘a’);
audio.volume = 0.10;
//audio.play();

for(var track in tracks) {
var link = tracks[track];
if(typeof link === «function» || typeof link === «number») continue;

link.addEventListener(‘click’, function(e) {
e.preventDefault();
var song = this.getAttribute(‘href’);
run(song, audio, this);
});
}


audio.addEventListener(‘ended’,function(e) {
for(var track in tracks) {
var link = tracks[track];
var nextTrack = parseInt(track) + 1;
if(typeof link === «function» || typeof link === «number») continue;
if(!this.src) this.src = tracks[0];
if(track == (tracks.length – 1)) nextTrack = 0;
console.log(nextTrack);
if(link.getAttribute(‘href’) === this.src) {
var nextLink = tracks[nextTrack];
run(nextLink.getAttribute(‘href’), audio, nextLink);
break;
}
}
});
}

function run(song, audio, link){
var parent = link.parentElement;

//quitar el active de todos los elementos de la lista
var items = parent.parentElement.getElementsByTagName(‘li’);
for(var item in items) {
if(items[item].classList)
items[item].classList.remove(«active»);
}

//agregar active a este elemento
parent.classList.add(«active»);

//tocar la cancion
audio.src = song;
audio.load();
audio.play();
}</script>
{/source}