$(document).ready(function(){

	var favoriNom = JSON.parse(localStorage.getItem('favoriNom')) || [];
	var favoriUrl = JSON.parse(localStorage.getItem('favoriUrl')) || [];
	var favoriImg = JSON.parse(localStorage.getItem('favoriImg')) || [];
	var watchlistNom = JSON.parse(localStorage.getItem('watchlistNom')) || [];
	var watchlistUrl = JSON.parse(localStorage.getItem('watchlistUrl')) || [];
	var watchlistImg = JSON.parse(localStorage.getItem('watchlistImg')) || [];
	var vuNom = JSON.parse(localStorage.getItem('vuNom')) || [];
	var vuUrl = JSON.parse(localStorage.getItem('vuUrl')) || [];
	var vuImg = JSON.parse(localStorage.getItem('vuImg')) || [];

	var nom = $('#titreOeuvre').html();
	var url = window.location.pathname;
	var image = $('#imgOeuvre').prop('src');


	//si l'oeuvre est deja enregistrée, changer les boutons
	if (favoriUrl.includes(url) === true) {			
		$('#checkedFavoris').removeClass("hidden");
		$('#textFavoris').addClass("hidden");
		$('#plusFavoris').addClass("hidden");
		$('#addFavoris').removeClass("opacity-60");$('#addFavoris').addClass("opacity-100");
	}
	if (watchlistUrl.includes(url) === true) {
		$('#checkedWatchlist').removeClass("hidden");
		$('#textWatchlist').addClass("hidden");
		$('#plusWatchlist').addClass("hidden");
		$('#addWatchlist').removeClass("opacity-60");$('#addWatchlist').addClass("opacity-100");
	}
	if (vuUrl.includes(url) === true) {
		$('#checkedVu').removeClass("hidden");
		$('#textVu').addClass("hidden");
		$('#plusVu').addClass("hidden");
		$('#addVu').removeClass("opacity-60");$('#addVu').addClass("opacity-100");
	}
	//si iframe src = "" on show image et on hide iframe sinon hidden
	if ($("#bandeannonce").attr('src') == '') {
		$("#bandeannonce").hide();
		$("#coverOeuvre").show();
	}

	$("#addFavoris").on("click", function() {
		var favoriNom = JSON.parse(localStorage.getItem('favoriNom')) || [];
		var favoriUrl = JSON.parse(localStorage.getItem('favoriUrl')) || [];
		var favoriImg = JSON.parse(localStorage.getItem('favoriImg')) || [];

		// si y a pas deja l'oeuvre enregistrée
		if (favoriNom.includes(nom)) {
			var index = favoriUrl.indexOf(url);
			//supprimer
			if (index > -1) { // only splice array when item is found
				favoriNom.splice(index, 1); // 2nd parameter means remove one item only
				favoriUrl.splice(index, 1); // 2nd parameter means remove one item only
				favoriImg.splice(index, 1); // 2nd parameter means remove one item only
			}
			localStorage.setItem('favoriNom', JSON.stringify(favoriNom));
			localStorage.setItem('favoriUrl', JSON.stringify(favoriUrl));
			localStorage.setItem('favoriImg', JSON.stringify(favoriImg));
			//style
			$('#checkedFavoris').addClass("hidden");
			$('#textFavoris').removeClass("hidden");
			$('#plusFavoris').removeClass("hidden");
			$('#addFavoris').addClass("opacity-60");$('#addFavoris').removeClass("opacity-100");
		}
		else{
			//ajouter
			favoriNom.push(nom);
			favoriUrl.push(url);
			favoriImg.push(image);
			localStorage.setItem('favoriNom', JSON.stringify(favoriNom));
			localStorage.setItem('favoriUrl', JSON.stringify(favoriUrl));
			localStorage.setItem('favoriImg', JSON.stringify(favoriImg));
			//style
			$('#checkedFavoris').removeClass("hidden");
			$('#textFavoris').addClass("hidden");
			$('#plusFavoris').addClass("hidden");
			$('#addFavoris').removeClass("opacity-60");$('#addFavoris').addClass("opacity-100");
		}
	});
	$("#addWatchlist").on("click", function() {
		var watchlistNom = JSON.parse(localStorage.getItem('watchlistNom')) || [];
		var watchlistUrl = JSON.parse(localStorage.getItem('watchlistUrl')) || [];
		var watchlistImg = JSON.parse(localStorage.getItem('watchlistImg')) || [];
		// si y a pas deja l'oeuvre enregistrées
		if (watchlistNom.includes(nom)) {
			//supprimer
			var index = watchlistUrl.indexOf(url);
			if (index > -1) { // only splice array when item is found
				watchlistNom.splice(index, 1); // 2nd parameter means remove one item only
				watchlistUrl.splice(index, 1); // 2nd parameter means remove one item only
				watchlistImg.splice(index, 1); // 2nd parameter means remove one item only
			}
			localStorage.setItem('watchlistNom', JSON.stringify(watchlistNom));
			localStorage.setItem('watchlistUrl', JSON.stringify(watchlistUrl));
			localStorage.setItem('watchlistImg', JSON.stringify(watchlistImg));
			//style
			$('#checkedWatchlist').addClass("hidden");
			$('#textWatchlist').removeClass("hidden");
			$('#plusWatchlist').removeClass("hidden");
			$('#addWatchlist').addClass("opacity-60");$('#addWatchlist').removeClass("opacity-100");
		}
		else{
			//ajouter
			watchlistNom.push(nom);
			watchlistUrl.push(url);
			watchlistImg.push(image);
			localStorage.setItem('watchlistNom', JSON.stringify(watchlistNom));
			localStorage.setItem('watchlistUrl', JSON.stringify(watchlistUrl));
			localStorage.setItem('watchlistImg', JSON.stringify(watchlistImg));
			//style
			$('#checkedWatchlist').removeClass("hidden");
			$('#textWatchlist').addClass("hidden");
			$('#plusWatchlist').addClass("hidden");
			$('#addWatchlist').removeClass("opacity-60");$('#addWatchlist').addClass("opacity-100");
		}
	});
	$("#addVu").on("click", function() {
		var vuNom = JSON.parse(localStorage.getItem('vuNom')) || [];
		var vuUrl = JSON.parse(localStorage.getItem('vuUrl')) || [];
		var vuImg = JSON.parse(localStorage.getItem('vuImg')) || [];
		// si y a pas deja l'oeuvre enregistrées
		if (vuNom.includes(nom)) {
			//supprimer
			var index = vuUrl.indexOf(url);
			if (index > -1) { // only splice array when item is found
				vuNom.splice(index, 1); // 2nd parameter means remove one item only
				vuUrl.splice(index, 1); // 2nd parameter means remove one item only
				vuImg.splice(index, 1); // 2nd parameter means remove one item only
			}
			localStorage.setItem('vuNom', JSON.stringify(vuNom));
			localStorage.setItem('vuUrl', JSON.stringify(vuUrl));
			localStorage.setItem('vuImg', JSON.stringify(vuImg));
			//style
			$('#checkedVu').addClass("hidden");
			$('#textVu').removeClass("hidden");
			$('#plusVu').removeClass("hidden");
			$('#addVu').addClass("opacity-60");$('#addVu').removeClass("opacity-100");
		}
		else{
			//ajouter
			vuNom.push(nom);
			vuUrl.push(url);
			vuImg.push(image);
			localStorage.setItem('vuNom', JSON.stringify(vuNom));
			localStorage.setItem('vuUrl', JSON.stringify(vuUrl));
			localStorage.setItem('vuImg', JSON.stringify(vuImg));
			//style
			$('#checkedVu').removeClass("hidden");
			$('#textVu').addClass("hidden");
			$('#plusVu').addClass("hidden");
			$('#addVu').removeClass("opacity-60");$('#addVu').addClass("opacity-100");
		}
	});
});