import Ember from 'ember';

var pfx = ["webkit", "moz", "MS", "o", ""];


export default Ember.Controller.extend({
  appName: 'spinner demo',
  isLoading: true,
  speed: null,
  startEngine: false,
  rotates: Ember.$('#rays'),
  prevent: false,
  /*
  PrefixedEvent: function(element, type, callback) {
    console.log('inside prefixedevent');
    console.log(callback(element));
    for (var p = 0; p < pfx.length; p++) {
      if (!pfx[p]) type = type.toLowerCase();
      //return(pfx[p]+'-'+type);
      //console.log(element);
      element.on(pfx[p]+type, function() {
        callback(element);
      });
			//      element.addEventListener(pfx[p]+type, callback, false);
    }
  },

  Sleep: function(milliseconds) {
    var start = new Date().getTime();
    for (var i = 0; i < 1e7; i++) {
      if ((new Date().getTime() - start) > milliseconds){
        break;
      }
    }
	},

  ChangeSpeed: function() {
    console.log('inside ChangeSpeed');
    let _this = this;
    this.PrefixedEvent(_this.get('rotates'), "animation", function() {
      let _anim = 'rayspin ' + _this.get('speed') + 's infinite infinity alternate';
      let el = _this.get('rotates');
      el.removeClass('rays-idle');
      el.addClass('rays');
      /*
							if (!_this.get('prevent')) {
                var el = _this.get('rotates'),
                   newOne = el.clone(true)
                            .css({'animation':_anim});
                el.before(newOne);
                console.log(el);
                console.log(el.attr('class'));
                console.log(newOne);
                Ember.$("." + el.attr("class") + ":last").remove();
                _this.set('rotates',Ember.$('#rays'));
                _this.set('prevent',true);
              }
            else {
                _this.set('prevent',false);
                var el = _this.get('rotates'),
                   newOne = el.clone(true)
                            .css({'animation':_anim});
                el.before(newOne);
                console.log(el);
	              console.log(el.attr('class'));
                console.log(newOne);
                Ember.$("." + el.attr("class") + ":last").remove();
                _this.set('rotates',Ember.$('#rays'));
            }
        });
  }.observes('speed'),
  */

  //animation: test 1s 2s 3 alternate backwards
  newRunup: function() {
    let _this = this;
    console.log('spinning up the turbine');
    /* for(var i = 10; i > 0; i --) { */
      //let _anim = 'rayspin 5s infinite infinite';
    //console.log(_anim);
      let el = Ember.$('#rays');
    	console.log(el.attr("style"));
      el.removeClass('rays-idle');
    	console.log(el.attr("style"));
      //el.css({'animation':_anim});
    	//console.log(el.attr("style"));
      //console.log(_this.get('rotates').attr("css");
		/*	_this.Sleep(1500);
    } */
  }.observes('startEngine'),

  actions: {
    runDemo: function() {
      let _this = this;
      //_this.set('isLoading',true);
  		return new Ember.RSVP.Promise(function(resolve) {
        console.log('hooking up the airstart');
				_this.set('startEngine',true);

        setTimeout(function() {
          console.log('Timeout!');
          _this.set('startEngine',false);
        }, 60000);
    	});
		}
  }
});