Vitrine/app/webroot/js/script.js

//$(function() {
document.addEventListener("DOMContentLoaded", function() {

	function changeBg() {
		var url = 'http://lorempixel.com/1920/1080/?='+ Math.random();
		//$('.pointmark.old').remove();
		var old = document.querySelector('.pointmark.old');
		if (old)
			old.parentNode.removeChild(old);

		//$('.pointmark.current').css('left', '-100%').removeClass('current').addClass('old');
		var current = document.querySelector('.pointmark.current');
		current.style.left = '-100%';
		current.classList.remove('current');
		current.classList.add('old');

		//$('.pointmark.next').css('left', '0').removeClass('next').addClass('current');
		var next = document.querySelector('.pointmark.next');
		next.style.left = '0';
		next.classList.remove('next');
		next.classList.add('current');

		var next = document.createElement('div');
		next.classList.add('pointmark');
		next.classList.add('next');
		next.style.left = '100%';
		next.style.background = 'url(' + url +') fixed center no-repeat';
		document.getElementById('pointmark').appendChild(next);
		//$('<div>', { class: 'pointmark next' }).css('left', '100%').css('background', 'url(' + url +') fixed center no-repeat').appendTo($('#pointmark'));
	}

	function slideStart() { return setInterval(changeBg, 5000); };

	var slide;

	//$('.pointmark-trigger').on('click', function() {\
	document.getElementsByClassName("pointmark-trigger")[0].addEventListener('click', function(e) {
		if (slide) {
			clearInterval(slide);
			slide = null;
			e.target.classList.remove('fa-pause');
			e.target.classList.add('fa-play');
			//$(this).find('i').removeClass('fa-pause').addClass('fa-play');
		} else {
			changeBg();
			slide = slideStart();
			e.target.classList.remove('fa-play');
			e.target.classList.add('fa-pause');
			//$(this).find('i').removeClass('fa-play').addClass('fa-pause');
		}
	});
});

$(document).ready(function(){
	//Check to see if the window is top if not then display button
	$(window).scroll(function(){
		if ($(this).scrollTop() > 100) {
			$('.scrollToTop').fadeIn();
		} else {
			$('.scrollToTop').fadeOut();
		}
	});
	
	//Click event to scroll to top
	$('.scrollToTop').click(function(){
		$('html, body').animate({scrollTop : 0},800);
		return false;
	});
	
});