// Documentation: https://github.com/ganlanyuan/tiny-slider //
// Notes: items OR fixedWidth + gutter

var maltaCardSlider;
var gozoCardSlider;
var cominoCardSlider;
var generalCardSlider;
var brandCardSlider;
var brandLogoSlider;

function initiateSliders(sliderName) {

  switch (sliderName) {
    case "general":
      generalCardSlider = tns({
        container: '.general-card-slider',
        controls: true,
        nav: false,
        rewind: false,
        fixedWidth: 300,
        gutter: 40,
        center: true,
        mouseDrag: true,
        prevButton: '#generalPrevious',
        nextButton: '#generalNext',
        startIndex: 4
      });
      break;
    case "food_drink":
      brandCardSlider = tns({
        container: '.food-and-drink-card-slider',
        controls: true,
        nav: false,
        rewind: false,
        fixedWidth: 300,
        gutter: 38,
        center: true,
        mouseDrag: true,
        prevButton: '#brandPrevious',
        nextButton: '#brandNext',
        responsive: {
          "576": {
            gutter: 60,
          },
        },
        startIndex: 4
      });
      break;
    case "fashion":
      brandLogoSlider = tns({
        container: '.fashion-logo-slider',
        items: 3,
        controls: false,
        nav: false,
        rewind: false,
        fixedWidth: 90,
        gutter: 5,
        responsive:
        {
          "575": {
            gutter: 20,
            controls: true
          },
          "767": {
            slideBy: 4
          },
          "1200": {
            items: 50
          }
        },
        mouseDrag: true,
        prevButton: '#brandLogoPrevious',
        nextButton: '#brandLogoNext',
        slideBy: 2,
        loop: true,
        rewind: false,
        center: true,
        startIndex: 4
      });
      break;
    case "malta":
      maltaCardSlider = tns({
        container: '.malta-card-slider',
        controls: true,
        nav: false,
        rewind: false,
        fixedWidth: 300,
        gutter: 40,
        center: true,
        mouseDrag: true,
        prevButton: '#maltaPrevious',
        nextButton: '#maltaNext',
        startIndex: 4
      });
      break;
      case "valletta":
        gozoCardSlider = tns({
          container: '.valletta-card-slider',
          controls: true,
          nav: false,
          rewind: false,
          fixedWidth: 300,
          gutter: 40,
          center: true,
          mouseDrag: true,
          prevButton: '#vallettaPrevious',
          nextButton: '#vallettaNext',
          startIndex: 4
        });
        break;
    case "gozo":
      gozoCardSlider = tns({
        container: '.gozo-card-slider',
        controls: true,
        nav: false,
        rewind: false,
        fixedWidth: 300,
        gutter: 40,
        center: true,
        mouseDrag: true,
        prevButton: '#gozoPrevious',
        nextButton: '#gozoNext',
        startIndex: 4
      });
      break;
    case "comino":
      cominoCardSlider = tns({
        container: '.comino-card-slider',
        controls: true,
        nav: false,
        rewind: false,
        fixedWidth: 300,
        gutter: 40,
        center: true,
        mouseDrag: true,
        prevButton: '#cominoPrevious',
        nextButton: '#cominoNext',
        responsive: {
          "1000": {
            items: 7
          },
        },
        loop: true,
        rewind: false,
        center: true,
        items: 7,
        startIndex: 4
      });
      break;
    default:
      break;
  }
}