import Rx, { Observable } from 'rxjs';
import Animation1a from './animation1a';
import Animation1b from './animation1b';
import Animation2a from './animation2a';
import Animation2b from './animation2b';
import Animation3a from './animation3a';
import Animation3b from './animation3b';

require('../css/reset.scss');
require('../css/index.scss');
require('../css/particle.scss');
require('../css/controls.scss');

window.addEventListener('load', () => {
    const destroy$ = new Rx.BehaviorSubject(null);

    window.addEventListener('blur', () => {
        destroy$.next('all');
    });

    Animation1a(destroy$);
    Animation1b(destroy$);
    Animation2a(destroy$);
    Animation2b(destroy$);
    Animation3a(destroy$);
    Animation3b(destroy$);
});

// TODO remove bottom padding from Disqus
// TODO sort out particle nextframe
// TODO abs positioning on controls elements so order doesn't matter
// TODO grid touches
// TODO leader not quite right, if 2 particles, sometimes ignored
// TODO Randomize leaders every 30 sec

// INTERESTING CONTROLS:
// sensitivity
// rigidity
// show leaders

// TURN THE CORRECT DIRECTION - HUGE EFFICIENCY INCREASE