window.onload = function() {
	if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
		window.ondeviceorientation = function(event) {
			if (event.webkitCompassHeading) {
					compassdir = 360 - Math.round(event.webkitCompassHeading);
    		} else {
					compassdir = 360 - Math.round(event.alpha)
    		}
    		//document.getElementById('rotam').style.webkitTransform = "rotate(" + compassdir + "deg)";

    		var elements = document.querySelectorAll('.fa-compass');
			Array.prototype.forEach.call(elements, function(el, i) {
				el.style.webkitTransform = "rotate(" + compassdir + "deg)";
			});
		}
	} else {
		/*
		i = 0;
		setInterval(function() {
			document.getElementById("rotam").style.webkitTransform = "rotate(" + i + "deg)";
			document.getElementById("rotam").style.transform = "rotate(" + i + "deg)";
			i = i + 6
		}, 1000);
		*/
	}
}