$(document).ready(function(){
  $(".valForm").val("true");
  $('#modalWachtwoord').modal('show');
  $('#modalMissingPost').modal('show');

  slideShow = new rockSlide("#slideshow", "fade", 2000, 5000, ".slideDots");
  $(".slideDots>div").each(function(index){
    $(this).click(function(){
      slideShow.to(index);
    });
  });
  
  textSlider = new rockSlide("#textSlider", "fade", 2000, 9000, "");
  $("div.textSliderHolder .left").click(function(){
    textSlider.previous();
  });
  $("div.textSliderHolder .right").click(function(){
    textSlider.next();
  });
/*
  catSlider = new rockSlide("#catSlider", "fade", 500, 0, "");
  $("div.categorySliderHolder .left").click(function(){
    catSlider.previous();
  });
  $("div.categorySliderHolder .right").click(function(){
    catSlider.next();
  });
*/
  $('.catSlider').slick({
    infinite: true,
    dots: false,
    slidesToShow: 4,
    slidesToScroll: 1,
    autoplay: true,
    autoplaySpeed: 3000,
    variableWidth: true,
    centerMode: false,
  });
  
  refSlider = new rockSlide("#referalSlider", "fade", 500, 8000, "");
  $("div.referalSliderHolder .left").click(function(){
    refSlider.previous();
  });
  $("div.referalSliderHolder .right").click(function(){
    refSlider.next();
  });
  
  $("div.imageThumb").click(function(){
    //$("#bigImage").css("background-image","url('/uploads/product/"+$(this).attr("data-attr")+"')");
    //$("#bigImage").attr("href","/uploads/product/"+$(this).attr("data-attr").replace(".jpg","_original.jpg"));
  });
  $("#bigImage").mouseenter(function(){
    $("#bigImage").css("background-size","200% auto");
  }).mouseleave(function(){
    $("#bigImage").css("background-size","cover");
  });
  
  $("#bigImage").mousemove(function( event ) {
    xPerc = Math.round(event.offsetX / $("#bigImage").width() * 100);
    yPerc = Math.round(event.offsetY / $("#bigImage").innerHeight() * 100);
    $("#bigImage").css("background-position", xPerc + "% " + yPerc + "%");
  });
  
  //CART TABS
  $('#cartTabs a').on('click', function (e) {
    e.preventDefault()
    $(this).tab('show')
  })
  
  //DATA TABS
  $('#dataTabs a').on('click', function (e) {
    e.preventDefault()
    $(this).tab('show')
  })

  $("div.faqHolder div.faq p.faqTitle").click(function(){
    openTab = false;
    if($(this).parent().hasClass("closed")){
      openTab = true;
    }
    $("div.faqHolder div.faq").addClass("closed");
    if(openTab == true){
      $(this).parent().removeClass("closed");
    }
  });


  $("div.cookieCenter div.cookieAllow").click(function(){
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
      'event': 'cookieakkoord',
      'Statistieken': true,
      'Advertising': true
    });

    var d = new Date();
    d.setTime(d.getTime() + (90*24*60*60*1000));
    var expires = "expires="+ d.toUTCString();
    document.cookie = "BurgersVerhuurCookieAVG=true;" + expires + ";path=/";
    window.location.reload();
  });
  $("div.cookieCenter .cookieDeny").click(function(){
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
      'event': 'cookieakkoord',
      'Statistieken': true,
      'Advertising': false
    });

    var d = new Date();
    d.setTime(d.getTime() + (90*24*60*60*1000));
    var expires = "expires="+ d.toUTCString();
    document.cookie = "BurgersVerhuurCookieAVG=true;" + expires + ";path=/";
    window.location.reload();
  });


  $(".cookieSettings").click(function(){
    $(".cookieCenterHolder").show();
  });
  
  //CHECKBOX
  $(".checkBox").click(function(){
    $(this).children("div.box").children("span").toggleClass("active");
    if($(this).children("div.box").children("span").hasClass("active")){
      $(this).children("input").prop('checked', true);
    } else {
      $(this).children("input").prop('checked', false);
    }
    
  });
  
  $(".menuButton").click(function(){
    $("div.menuHolder").animate({right: "0px"}, {duration: 250, easing: "linear" });
  });
  $(".closeMenu").click(function(){
    $("div.menuHolder").animate({right: "100%"}, {duration: 100, easing: "linear" });
  });
});
/*
var menuExpanded = false;
function toggleMenu() {
  if (menuExpanded) {
    $(".menuItem").fadeOut();
    menuExpanded = false;
  } else {
    $(".menuItem:not(.homeButton)").fadeIn();
    menuExpanded = true;
  }
}
*/