import { startSlides } from './commons/utils';
import data from '../config.json';

export class OhafHome {
  slideshowImages = [
    '../static/imgs/ohaf/slideshow2.png',
    '../static/imgs/ohaf/slideshow3.png',
    '../static/imgs/ohaf/slideshow4.png',
    '../static/imgs/ohaf/slideshow5.png',
    '../static/imgs/ohaf/slideshow6.png',
    '../static/imgs/ohaf/slideshow7.png',
    '../static/imgs/ohaf/slideshow8.png',
    '../static/imgs/ohaf/slideshow9.png',
    '../static/imgs/ohaf/slideshow10.png',
    '../static/imgs/ohaf/slideshow11.png',
    '../static/imgs/ohaf/slideshow12.png',
    '../static/imgs/ohaf/slideshow1.png'
  ];

  slides = data.slides;

  constructor() {
    this.startSlides = startSlides;
    this.slideshow_data = {
      id: 'slideshow1',
      slideshow_images: this.slideshowImages
    };
    this.slideshow_data2 = {
      id: 'slideshow',
      slideshow_images: this.slideshowImages
    };
  }

  get widescreen() {
    return document.documentElement.clientWidth > 1100;
  }

  attached() {
    return this.startSlides(['musicSlide1', 'musicSlide2'], 'you left the ohaf page', ['slideshow1', 'slideshow'], document);
  }
}

import { startSlides } from './commons/utils';
import data from '../config.json';

export class OhafHome {
  slideshowImages = [
    '../static/imgs/ohaf/slideshow2.png',
    '../static/imgs/ohaf/slideshow3.png',
    '../static/imgs/ohaf/slideshow4.png',
    '../static/imgs/ohaf/slideshow5.png',
    '../static/imgs/ohaf/slideshow6.png',
    '../static/imgs/ohaf/slideshow7.png',
    '../static/imgs/ohaf/slideshow8.png',
    '../static/imgs/ohaf/slideshow9.png',
    '../static/imgs/ohaf/slideshow10.png',
    '../static/imgs/ohaf/slideshow11.png',
    '../static/imgs/ohaf/slideshow12.png',
    '../static/imgs/ohaf/slideshow1.png'
  ];

  slides = data.slides;

  get widescreen() {
    return document.documentElement.clientWidth > 1100;
  }
}

remove unused sliding controllers for ohaf-home pic sliders