script.js

	var soundArray = [];
	var uniqueSoundArray = [];
		var randomPlaylistName = ['Homeless Planes',
'Disastrous Rule',
'Ethereal Spade',
'Cloistered Fifth',
'Broad Babies',
'Fragile Fire',
'Rapid Rice',
'Exciting Pain',
'Fretful Cook',
'Young Yoke',
'Psychedelic Need',
'Abnormal Account',
'Aware Beginner',
'Super Scene',
'Frantic Week',
'Scintillating Look',
'Simplistic Cord',
'Motionless Mass',
'Utopian Apparatus',
'Chunky Bushes',
'Steadfast Salt',
'Low Afterthought',
'Proud Engine',
'Marvelous Egg',
'Shallow Snow',
'Unarmed Giraffe',
'Fearless Pancake',
'Sable System',
'Sophisticated Wilderness',
'Perfect Feeling',
'Big Bean',
'Rhetorical Pizzas',
'Elastic Twig',
'Windy Week',
'Disillusioned Time',
'Combative Crime',
'Sudden Pocket',
'Youthful Tiger',
'Vengeful Nest',
'Brown Baby']

	$('.audio_container').click(function() {	//selects the audio file
		$(this).css('border','6px solid green')
		tempJson = {};
		tempJson["id"] = $(this).find('audio').attr('id');
		tempJson["vol"] = $(this).find('audio')[0].volume;
		if (uniqueSoundArray.indexOf(tempJson["id"]) == -1) {
			uniqueSoundArray.push(tempJson["id"]);
			soundArray.push(tempJson);
			$('#sound_playlist').append('<li><b>'+tempJson.id+'</b> | <b>'+Math.round(tempJson.vol*10000)/100+'%</b><i class="fa fa-times"></i></li>')
		}
	})

	$('#play').click(function() {	//plays the selected files
		for (var i=0;i<uniqueSoundArray.length;i++) {
			document.getElementById(uniqueSoundArray[i]).play();
		}
	})

	$("#play_list").on('click', '.fa-times', function() {	//removes selected audio files
		var id = $(this).prev().prev().html();
		$(this).parent().remove();
		$('#'+id).parent().parent().parent().css('border','6px solid indianred');
		$('#'+id)[0].pause(); // Stop playing
		$('#'+id)[0].currentTime = 0; // Reset time
		for (var i=0;i<uniqueSoundArray.length;i++) {
			if (uniqueSoundArray[i] == id) {
				uniqueSoundArray.splice(i,1)
				soundArray.splice(i,1);
			}
		}
	})

	$('#save').click(function() {	//save to localstorage
		tempJson = {};
		tempJson["name"] = $('#playlist_name').val();
		soundArray.push(tempJson)
		console.log(soundArray);
		localStorage.setItem('soundArray',JSON.stringify(soundArray))
		$("#save_playlist").text($('#playlist_name').val());
		storageName = $('#playlist_name').val();
	})

	$('#cancel').click(function() {		//stops playing all files and resets list
		$('audio').each(function(){
		    this.pause(); // Stop playing
		    this.currentTime = 0; // Reset time
		}); 
		soundArray = [];
		uniqueSoundArray = [];
		$('#playlist_name').val('');
		$('.audio_container').css('border','6px solid indianred');
		$('#sound_playlist li').remove();
		$("#now_playing").text("");
	})

	$('#random').click(function() {		//randomizes audio files
		$('#cancel').click();
		var randNum = Math.round((Math.random()*8));
		var randNumC = Math.round((Math.random()*40));
		$('#playlist_name').val(randomPlaylistName[randNumC]);
		for (var i=0;i<randNum;i++) {
			var randNumB = Math.round((Math.random()*8));
			$('#sound_container').children()[randNumB].click()
		}
	})


	var storageArray;
	var storageName;
	loadLocalStorage = function() {		//loads localstorage data
		//localStorage.clear();
		storageArray = JSON.parse(localStorage.soundArray);
		storageName = storageArray[storageArray.length-1].name;
		$("#saved_plalists").append('<button id="save_playlist" class="btn btn-default">'+storageName+'</button>')
	}

	loadLocalStorage();

	$("#play_list").on('click', '#save_playlist', function() {		//loads saved playlist
		for (var i=0;i<storageArray.length;i++) {
			if (i != storageArray.length - 1) {
				var id = storageArray[i].id;
				document.getElementById(id).play();
				$('#'+id).parent().parent().parent().css('border','6px solid green');
			}
		}
		$("#now_playing").text("Now playing "+storageName)
	})