pc.script.create('motioninput', function(app){

    // Creates a new MotionInput instance
    var MotionInput = function (entity) {
        this.entity = entity;
    };

    var alpha = 0;
    var beta = 0;
    var gamma = 0;

    var xAcceleration = 0;
    var yAcceleration = 0;
    var zAcceleration = 0;

    MotionInput.prototype = {

        // Called once after all resources are loaded and before the first update
        initialize: function () {

            var app = this.app;

            window.addEventListener("devicemotion", this.handleMotion, true);
            window.addEventListener("deviceorientation", this.handleOrientation, true);

            var hudDiv = document.createElement('div');
            hudDiv.style.position = 'absolute';
            hudDiv.style.width = '500px';
            hudDiv.style.top = '0px';
            hudDiv.style.left = '50%';
            hudDiv.style.marginLeft = '-250px';
            hudDiv.style.textAlign = 'center';
            hudDiv.style.color = 'white';
            hudDiv.style.fontFamily = 'Audiowide';

            var creditsDiv = document.createElement('div');
            creditsDiv.style.position = 'block';
            creditsDiv.style.fontSize = 'small';
            hudDiv.appendChild(creditsDiv);
            this.creditsDiv = creditsDiv;

            var container = document.body;
            container.appendChild(hudDiv);
        },

        handleMotion : function (ev){
            xAcceleration = ev.acceleration.x;
            yAcceleration = ev.acceleration.y;
            zAcceleration = ev.acceleration.z;
        },

        handleOrientation : function (ev) {
            alpha = ev.alpha;
            beta = ev.beta;
            gamma = ev.gamma;
        },


        // update code called every frame
        update: function(dt) {
            var app = this.app;

//             var msg = 'alpha: ' + alpha.toFixed(1) + ' ' + 'beta: ' + beta.toFixed(1) + ' ' + 'gamma: ' + gamma.toFixed(1) + ' x: ' + xAcceleration.toFixed(1) + ' y: ' + yAcceleration.toFixed(1) + ' z: ' + zAcceleration.toFixed(1);
            if(xAcceleration === null) return;
            var msg = ' x: ' + xAcceleration.toFixed(1) + ' y: ' + yAcceleration.toFixed(1) + ' z: ' + zAcceleration.toFixed(1);
            this.creditsDiv.innerHTML = msg;
        },

        // swap method called for script hot-reloading
        // inherit your script state here
        swap: function(old) {

        }

    };

    return MotionInput;
});