import SimpleParallax from '../src/simpleParallax';

// let images = document.querySelectorAll('img'),

//     instance;

let instanceUp;

const optionUp = {

    orientation: 'left',

    // customContainer: document.querySelector('.container')

};

const imageUp = document.getElementsByTagName('img');

const images = document.querySelectorAll('img');

images.forEach((image) => {

    new SimpleParallax(image, optionUp);

});

// instanceUp = new SimpleParallax('img', optionUp);

// let instanceDown,

//     optionDown = {

//         orientation: 'down'

//     },

//     imageDown = document.querySelectorAll('img.down');

// instanceDown = new SimpleParallax(imageDown, optionDown);

// setTimeout(() => {

//     instanceDown.destroy();

// }, 3000);

// setTimeout(() => {

//     instanceDown.destroy();

// }, 6000);

// images.forEach(image => {

//     let options = {

//         breakpoint: '480'

//         // orientation: 'down',

//         // scale: 1.5,

//         // overflow: true

//     };

//     if (image.classList.contains('up')) {

//         options.orientation = 'up';

//     }

//     if (image.classList.contains('down')) {

//         options.orientation = 'down';

//     }

//     if (image.classList.contains('right')) {

//         options.orientation = 'right';

//     }

//     if (image.classList.contains('left')) {

//         options.orientation = 'left';

//     }

//     // console.log(options);

//     instance = new SimpleParallax(image, options);

//     // console.log(instance);

// });

// setTimeout(() => {

//     instance.destroy();

// }, 3000);