//colorier les jours de la semaine
function colorDays() {
	var d = new Date();
	var s = document.getElementById(+d.getDay());
	$(s).addClass("bg-sky-900");
	$(s).addClass("bg-opacity-80");
	
}
colorDays();

function setClassesPlanning() {
	var listClassesDiv = document.querySelectorAll(".divOeuvrePlanning");
	var listClassesImg = document.querySelectorAll(".imgOeuvrePlanning");
	for (var i = 0; i < listClassesDiv.length; ++i) {
		listClassesDiv[i].classList.add("w-28","md:w-36", "my-5", "mx-2");
	}
	for (var i = 0; i < listClassesImg.length; ++i) {
		listClassesImg[i].classList.add("h-18","md:h-26");
	}
}
setClassesPlanning();

$(document).ready(function(){
	$("#filterAnime").on("click", function() {
		$('.divOeuvrePlanning').show().filter(':not(.Anime)').hide();
		//Switch opacity des boutons
		$('#filterAnime').removeClass("opacity-60");$('#filterAnime').addClass("opacity-100");

		$('#filterVOSTFR').removeClass("opacity-100");$('#filterVOSTFR').addClass("opacity-60");
		$('#filterVF').removeClass("opacity-100");$('#filterVF').addClass("opacity-60");
		$('#filterScan').removeClass("opacity-100");$('#filterScan').addClass("opacity-60");
		$('#filterNone').removeClass("opacity-100");$('#filterNone').addClass("opacity-60");
	});

	$("#filterVOSTFR").on("click", function() {
		$('.divOeuvrePlanning').show().filter(':not(.VOSTFR)').hide();
		//Switch opacity des boutons
		$('#filterVOSTFR').removeClass("opacity-60");$('#filterVOSTFR').addClass("opacity-100");

		$('#filterAnime').removeClass("opacity-100");$('#filterAnime').addClass("opacity-60");
		$('#filterVF').removeClass("opacity-100");$('#filterVF').addClass("opacity-60");
		$('#filterScan').removeClass("opacity-100");$('#filterScan').addClass("opacity-60");
		$('#filterNone').removeClass("opacity-100");$('#filterNone').addClass("opacity-60");
	});
	$("#filterVF").on("click", function() {
		$('.divOeuvrePlanning').show().filter(':not(.VF)').hide();
		//Switch opacity des boutons
		$('#filterVF').removeClass("opacity-60");$('#filterVF').addClass("opacity-100");

		$('#filterAnime').removeClass("opacity-100");$('#filterAnime').addClass("opacity-60");
		$('#filterVOSTFR').removeClass("opacity-100");$('#filterVOSTFR').addClass("opacity-60");
		$('#filterScan').removeClass("opacity-100");$('#filterScan').addClass("opacity-60");
		$('#filterNone').removeClass("opacity-100");$('#filterNone').addClass("opacity-60");
	});

	$("#filterScan").on("click", function() {
		$('.divOeuvrePlanning').show().filter(':not(.Scan)').hide();
		//Switch opacity des boutons
		$('#filterScan').removeClass("opacity-60");$('#filterScan').addClass("opacity-100");

		$('#filterVOSTFR').removeClass("opacity-100");$('#filterVOSTFR').addClass("opacity-60");
		$('#filterVF').removeClass("opacity-100");$('#filterVF').addClass("opacity-60");
		$('#filterAnime').removeClass("opacity-100");$('#filterAnime').addClass("opacity-60");
		$('#filterNone').removeClass("opacity-100");$('#filterNone').addClass("opacity-60");
	});
	$("#filterNone").on("click", function() {
		$('.divOeuvrePlanning').show();
		//Switch opacity des boutons
		$('#filterVOSTFR').removeClass("opacity-100");$('#filterVOSTFR').addClass("opacity-60");
		$('#filterVF').removeClass("opacity-100");$('#filterVF').addClass("opacity-60");
		$('#filterAnime').removeClass("opacity-100");$('#filterAnime').addClass("opacity-60");
		$('#filterScan').removeClass("opacity-100");$('#filterScan').addClass("opacity-60");
		$('#filterNone').removeClass("opacity-60");$('#filterNone').addClass("opacity-100");
	});
	//$(".Scan > a > img").addClass("grayscale");


	let isDragging = false;
	let startX, scrollLeft;
	let activeDiv = null;

	$('.grabScroll').on('mousedown', function(e) {
		isDragging = true;
		activeDiv = $(this);
		activeDiv.addClass('dragging');
		startX = e.pageX - activeDiv.offset().left;
		scrollLeft = activeDiv.scrollLeft();
	});

	$(document).on('mousemove', function(e) {
		if (!isDragging || !activeDiv) return;
		e.preventDefault();
		const x = e.pageX - activeDiv.offset().left;
		const walk = (x - startX) * 2; // Scroll-slow multiplier
		activeDiv.scrollLeft(scrollLeft - walk);
	});

	$(document).on('mouseup', function() {
		isDragging = false;
		if (activeDiv) {
			activeDiv.removeClass('dragging');
			activeDiv = null;
		}
	});


});