bmstu-mt-wp/scripts/script.js

(function() {

	var url = window.location,
		body = document.body;
		slides = document.querySelectorAll('div.slide'),
		slideList = [], hashList = {},
		progress = document.querySelector('div.progress div'),
		fullscreen = false;

	for(var i = 0, slidesLength = slides.length; i < slidesLength; i++) {
		var id = slides[i].id;
		slideList[i] = '#' + id;
		hashList['#' + id] = i;
		slides[i].addEventListener('click', function(){
			enterSingle();
			turnSlide(hashList['#' + this.id]);
		}, false);
	}

	function resizeBody(p) {
		if(typeof p == 'boolean' && p) {
			var transform = 'none';
		} else {
			var sx = body.clientWidth / window.innerWidth,
				sy = body.clientHeight / window.innerHeight,
				transform = 'scale(' + (1/Math.max(sx, sy)) + ')';
		}
		body.style.MozTransform = transform;
		body.style.WebkitTransform = transform;
		body.style.OTransform = transform;
		body.style.msTransform = transform;
		body.style.transform = transform;
	}

	function turnSlide(e) {
		var current = hashList[url.hash],
			target;
		if(e.type == 'keyup') { // Key-Based
			switch(e.which) {
				case 33 : // PgUp
				case 38 : // Up
				case 37 : // Left
				case 72 : // h
				case 75 : // k
					current--;
					break;
				case 34 : // PgDown
				case 40 : // Down
				case 39 : // Right
				case 76 : // l
				case 74 : // j
					current++;
					break;
				case 36 : // Home
					current = 0;
					break;
				case 35 : // End
					current = slideList.length-1;
					break;
				case 32 : // Space
					current += e.shiftKey ? -1 : 1;
					break;
			}
			e.preventDefault();
		} else {
			current = e || 0;
		}
		target = slideList[current];
		if(target) url.hash = target;
		updateProgress();
	}

	function enterSingle() {
		body.className = 'full';
		resizeBody();
		updateProgress();
		window.addEventListener('resize', resizeBody, false);
		document.addEventListener('keyup', turnSlide, false);
		document.addEventListener('keyup', exitSingleEsc, false);
	}

	function exitSingle() {
		body.className = 'list';
		resizeBody(true);
		window.removeEventListener('resize', resizeBody, false);
		window.removeEventListener('keyup', turnSlide, false);
		document.removeEventListener('keyup', exitSingleEsc, false);
	}

	function exitSingleEsc(e) {
		if(e.which != 27) return;
		exitSingle();
		url.hash = '';
	}

	function checkHash() {
		// if(!window.location.search.length) history.pushState(null, null, window.location.href + '?list');
		if(typeof hashList[url.hash] != 'undefined') {
			enterSingle();
		}
	}

	function updateProgress() {
		if(!progress) return;
		progress.style.width = (100/(slideList.length-1) * hashList[url.hash]).toFixed(2) + '%';
	}

	window.addEventListener('DOMContentLoaded', checkHash, false);

})();