slide = 0;
slides = 	document.getElementById('slides').value;
interval = "";

function startSlides() {
	if (slides > 0) {
		showSlide();
		interval = setInterval(showSlide,6500);
	}
}

function showSlide() {
	previous_slide = slide - 1;
	if (previous_slide<0) { previous_slide = slides - 1; }
	document.getElementById('slide_'+previous_slide).style.visibility = "hidden";
	document.getElementById('slide_text_'+previous_slide).style.visibility = "hidden";
	document.getElementById('slide_holder_'+previous_slide).style.transform = "scale(1)";
	document.getElementById('slide_'+slide).style.visibility = "visible";
	document.getElementById('slide_text_'+slide).style.visibility = "visible";
	document.getElementById('slide_holder_'+slide).style.transform = "scale(1.2)";
	slide = slide + 1;
	if (slide >= slides) { slide = 0; }
}

function switchSlide(i) {
	clearInterval(interval);
	document.getElementById('slide_'+slide).style.visibility = "hidden";
	document.getElementById('slide_text_'+slide).style.visibility = "hidden";
	document.getElementById('slide_holder_'+slide).style.transform = "scale(1)";
	slide = i;
	document.getElementById('slide_'+slide).style.visibility = "visible";
	document.getElementById('slide_text_'+slide).style.visibility = "visible";
	document.getElementById('slide_holder_'+slide).style.transform = "scale(1.2)";
}
function moveThumbnails(direction) {
	var thumbnails = document.getElementById("thumbnails");
	var thumbnailsContainer = document.getElementById("thumbnails-container");
	var bodyRect = document.body.getBoundingClientRect(),
    thumbnailsRect = thumbnails.getBoundingClientRect(),
    currentLeft = thumbnails.style.left;
    currentLeft = currentLeft.replace("px","");
    containerWidth = thumbnailsContainer.offsetWidth;
    thumbnailsWidth = thumbnails.offsetWidth;
    if (thumbnailsWidth > containerWidth) {
		if (direction=='left') { var d = 0.5; } else { d = -0.5; }
		newLeft = (currentLeft * 1) + (d * containerWidth);
	}
	if (((newLeft - containerWidth) < 0) && (Math.abs(newLeft + (d * containerWidth)) < (1 * thumbnailsWidth))) {
		thumbnails.style.left = newLeft + "px";
		if (newLeft>0) { document.getElementById("thumbnails-left").style.filter = "opacity(20%)"; } else { document.getElementById("thumbnails-left").style.filter = "opacity(100%)"; }
		if (Math.abs(newLeft - containerWidth)>(1 * thumbnailsWidth)) { document.getElementById("thumbnails-right").style.filter = "opacity(20%)"; } else { document.getElementById("thumbnails-right").style.filter = "opacity(100%)"; }
	}
}

window.onload = startSlides;