https://store.awmi.net/Include/AWMICustom.js

1//AWMI Custom JavaScript
2
3$( document ).ready(function() {
4  document.querySelector("#q32544 > a").setAttribute("target", "_blank");
5  document.querySelector("#h83174 > a").setAttribute("target", "_blank");
6});
7
8
9//Old Slider code for testing - still needed? 
10/*
11let slideIndex = 0;
12showSlides();
13function showSlides() {
14  let i;
15  let slides = document.getElementsByClassName("myTestSlides");
16  let dots = document.getElementsByClassName("dot");
17  for (i = 0; i < slides.length; i++) {
18    slides[i].style.display = "none";  
19  }
20  slideIndex++;
21  if (slideIndex > slides.length) {slideIndex = 1}    
22  for (i = 0; i < dots.length; i++) {
23    dots[i].className = dots[i].className.replace(" active", "");
24  }
25  slides[slideIndex-1].style.display = "block";  
26  dots[slideIndex-1].className += " active";
27  setTimeout(showSlides, 3900); // Change image every 3.9 seconds
28}
29*/
30
31//New slider code 
32
33var options = {
34  freeScroll: true,
35  wrapAround: true,
36  resize: true,
37  adaptiveHeight: true,
38  imagesLoaded: true,
39  cellAlign: "center",
40  freeScrollFriction: 0.1,
41  pageDots: true
42}; 
43
44(function ($) {
45  var $carousel1 = $("#carousel-1").flickity(options);
46  var $carousel2 = $("#carousel-1-2").flickity(options);
47  var $carousel3 = $("#carousel-3").flickity(options);
48  var $carousel3_2 = $("#carousel-3-2").flickity(options);
49  /*
50
51   * We need to turn it into a function.
52
53   * To apply the changes both on document ready and when we resize the browser.
54
55   */
56  function mediaSize() {
57    /* Set the matchMedia */
58    if (window.matchMedia("(min-width: 480px)").matches) {
59      $carousel1.flickity(options);
60      $("#carousel-1").attr("style", "");
61      $("#carousel-1").css("display", "block");
62      $carousel2.flickity(options);
63      $carousel2.flickity("destroy");
64      $("#carousel-1-2").attr("style", "");
65      $("#carousel-1-2").css("display", "none");
66      $carousel3.flickity(options);
67      $("#carousel-3").attr("style", "");
68      $("#carousel-3").css("display", "block");
69      $carousel3_2.flickity(options);
70      $carousel3_2.flickity("destroy");
71      $("#carousel-3-2").attr("style", "");
72      $("#carousel-3-2").css("display", "none");
73    } else {
74      $carousel1.flickity(options);
75      $carousel1.flickity("destroy");
76      $("#carousel-1").attr("style", "");
77      $("#carousel-1").css("display", "none");
78      $carousel2.flickity(options);
79      $("#carousel-1-2").attr("style", "");
80      $("#carousel-1-2").css("display", "block");
81      $carousel3.flickity(options);
82      $carousel3.flickity("destroy");
83      $("#carousel-3").attr("style", "");
84      $("#carousel-3").css("display", "none");
85      $carousel3_2.flickity(options);
86      $("#carousel-3-2").attr("style", "");
87      $("#carousel-3-2").css("display", "block");
88    }
89  }
90  /* Call the function */
91  mediaSize();
92  /* Attach the function to the resize event listener */
93  window.addEventListener("resize", mediaSize, false);})(jQuery);
94
95var flkty = new Flickity("#carousel-2", {
96  freeScroll: true,
97  wrapAround: true,
98  adaptiveHeight: true,
99  resize: true,
100  imagesLoaded: true,
101  cellAlign: "center",
102  freeScrollFriction: 0.1
103});
104
105// /end new slider code