/*
	When the bandcamp link is pressed, stop all propagation so AmplitudeJS doesn't
	play the song.
*/
let bandcampLinks = document.getElementsByClassName('bandcamp-link');

for( var i = 0; i < bandcampLinks.length; i++ ){
	bandcampLinks[i].addEventListener('click', function(e){
		e.stopPropagation();
	});
}


let songElements = document.getElementsByClassName('song');

for( var i = 0; i < songElements.length; i++ ){
	/*
		Ensure that on mouseover, CSS styles don't get messed up for active songs.
	*/
	songElements[i].addEventListener('mouseover', function(){
		this.style.backgroundColor = '#00A0FF';

		this.querySelectorAll('.song-meta-data .song-title')[0].style.color = '#FFFFFF';
		//this.querySelectorAll('.song-meta-data .song-artist')[0].style.color = '#FFFFFF';

		if( !this.classList.contains('amplitude-active-song-container') ){
			this.querySelectorAll('.play-button-container')[0].style.display = 'block';
		}

		//this.querySelectorAll('img.bandcamp-grey')[0].style.display = 'none';
		//this.querySelectorAll('img.bandcamp-white')[0].style.display = 'block';
		this.querySelectorAll('.song-duration')[0].style.color = '#FFFFFF';
	});

	/*
		Ensure that on mouseout, CSS styles don't get messed up for active songs.
	*/
	songElements[i].addEventListener('mouseout', function(){
		this.style.backgroundColor = '#FFFFFF';
		this.querySelectorAll('.song-meta-data .song-title')[0].style.color = '#272726';
		//this.querySelectorAll('.song-meta-data .song-artist')[0].style.color = '#607D8B';
		this.querySelectorAll('.play-button-container')[0].style.display = 'none';
		//this.querySelectorAll('img.bandcamp-grey')[0].style.display = 'block';
		//this.querySelectorAll('img.bandcamp-white')[0].style.display = 'none';
		this.querySelectorAll('.song-duration')[0].style.color = '#607D8B';
	});

	/*
		Show and hide the play button container on the song when the song is clicked.
	*/
	songElements[i].addEventListener('click', function(){
		this.querySelectorAll('.play-button-container')[0].style.display = 'none';
	});
}

/*
	Initializes AmplitudeJS
*/
Amplitude.init({
	"songs": [
		{
			"name": "Gravity",
			"artist": "EGOSPLICE",
			"album": "Lis10",
			"url": "../../___...___/01_Gravity.mp3",
			"cover_art_url": "blue-playlist/img/Lis10-cover.jpg"
		},
		{
			"name": "Teasing",
			"artist": "EGOSPLICE",
			"album": "Lis10",
			"url": "../../___...___/02_Teasing.mp3",
			"cover_art_url": "blue-playlist/img/Lis10-cover.jpg"
		},
		{
			"name": "Brittle Steel",
			"artist": "EGOSPLICE",
			"album": "Lis10",
			"url": "../../___...___/03_Brittle Steel.mp3",
			"cover_art_url": "blue-playlist/img/Lis10-cover.jpg"
		},
		{
			"name": "Family",
			"artist": "EGOSPLICE",
			"album": "Lis10",
			"url": "../../___...___/04_Family.mp3",
			"cover_art_url": "blue-playlist/img/Lis10-cover.jpg"
		},
		{
			"name": "Strange Words",
			"artist": "EGOSPLICE",
			"album": "Lis10",
			"url": "../../___...___/05_Strange Words.mp3",
			"cover_art_url": "blue-playlist/img/Lis10-cover.jpg"
		},
		{
			"name": "Promises",
			"artist": "EGOSPLICE",
			"album": "Lis10",
			"url": "../../___...___/06_Promises.mp3",
			"cover_art_url": "blue-playlist/img/Lis10-cover.jpg"
		},
		{
			"name": "Ms No Good",
			"artist": "EGOSPLICE",
			"album": "Lis10",
			"url": "../../___...___/07_Ms No Good.mp3",
			"cover_art_url": "blue-playlist/img/Lis10-cover.jpg"
		},
		{
			"name": "Lover Lover",
			"artist": "EGOSPLICE",
			"album": "Lis10",
			"url": "../../___...___/08_LoverLover.mp3",
			"cover_art_url": "blue-playlist/img/Lis10-cover.jpg"
		},
		{
			"name": "Endlessly",
			"artist": "EGOSPLICE",
			"album": "Lis10",
			"url": "../../___...___/09_Endlessly.mp3",
			"cover_art_url": "blue-playlist/img/Lis10-cover.jpg"
		},
		{
			"name": "Dig It",
			"artist": "EGOSPLICE",
			"album": "Lis10",
			"url": "../../___...___/10_Dig-It.mp3",
			"cover_art_url": "blue-playlist/img/Lis10-cover.jpg"
		},
	
	]
});