$('.loadercontain').show();
        setTimeout(function() { 
         $('.loadercontain').hide();
    }, 500);
$('a').on('click', function () {
       
         if ($(this).attr('target') == "_blank") {
            }else{
         $('.loadercontain').show();
        setTimeout(function() { 
         $('.loadercontain').hide();
    }, 2000);
                
            }
    });                    

    $('.wrapper-menu').on('click', function () {
                    $('.wrapper-menu').toggleClass('open'); 
                     $('.menuicon').toggleClass('active');
                     $('.overlaymenu').toggleClass('active');
                });
        $('.overlaymenu').on('click', function () {
                    $('.wrapper-menu').toggleClass('open'); 
                     $('.menuicon').toggleClass('active');
                     $('.overlaymenu').toggleClass('active');
                });
                $('.menuicon ul li a').on('click', function () {
                    $('.wrapper-menu').removeClass('open'); 
                     $('.menuicon').removeClass('active');
                     $('.overlaymenu').toggleClass('active');
                });

    var swiper2 = new Swiper('.swiper-container-2', {
       slidesPerView: 'auto',
      centeredSlides: true,
      spaceBetween: 20,
      initialSlide:1,
        loop: true,
        loopFillGroupWithBlank: true,
      observer: true,
  observeParents: true,
      autoplay: {
        delay: 3500,
        disableOnInteraction: false,
      },
       navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      pagination: {
          el: ".swiper-pagination",
          dynamicBullets: true,
        },
    });




function openTabBox(evt, cityName) {
  // Declare all variables
  var i, tabcontent, tablinks;

  // Get all elements with class="tabcontent" and hide them
  tabcontent = document.getElementsByClassName("tabmainbox");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }

  // Get all elements with class="tablinks" and remove the class "active"
  tablinks = document.getElementsByClassName("tabmenu");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }

  // Show the current tab, and add an "active" class to the button that opened the tab
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";

// ปลาหมุน
  $('.loadingspin').show();
  setTimeout(function(){ $('.loadingspin').hide(); }, 500);
// ปลาหมุน


 if($('#sportstab').css('display') == 'block' || $('#casinostab').css('display') == 'block' || $('#slotstab').css('display') == 'block' || $('#homegamestab').css('display') == 'block' || $('#fishstab').css('display') == 'block'){
  $('.sidegamebar').removeClass("hide");
  $('.containmain').removeClass("othertabs");
}
else{
  $('.sidegamebar').addClass("hide");
  $('.containmain').addClass("othertabs");
}
 if($('#sportstab').css('display') == 'block'){
  $('.tabmenu.sport').addClass("active");
 }
}



$(".loginbtn").on('click', function () {
    $('.loginmodaldiv').show();
     $('.registermodaldiv').hide();
});

$('.closepopup, .overlaymodal').on('click', function () {
        $('.loginmodaldiv').hide();
});

$(".registerbtn").on('click', function () {
    $('.registermodaldiv').show();
     $('.loginmodaldiv').hide();
});

$('.closepopup, .overlaymodal').on('click', function () {
        $('.registermodaldiv').hide();
});
$('.closepopup, .overlaymodal').on('click', function () {
        $('.contentmodaldiv').hide();
});




function openPopupTab(evt, cityName) {
  // Declare all variables
  var i, tabcontent, tablinks;

  // Get all elements with class="tabcontent" and hide them
  tabcontent = document.getElementsByClassName("contentmodaldiv");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  // Get all elements with class="tablinks" and remove the class "active"
  tablinks = document.getElementsByClassName("popupbtn");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" ac", "");
  }


  // Show the current tab, and add an "active" class to the button that opened the tab
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " ac";

  

}





if (!$(".tabgamemenu ul li").hasClass("current_page_item")) {
   $('.fixedleft').addClass("hide");
  $('.fixedright').addClass("othertab");
  $('.fixedtopmobile').addClass("othertab");
  $('footer').addClass("othertab");
}
 




$("a[href='#loginmodal'").on('click', function () {
    $('.loginmodaldiv').css('display','flex');
});

$('.loginmodaldiv button, .overlaymodal').on('click', function () {
        $('.loginmodaldiv').css('display','none');
});


$("a[href='#registermodal'").on('click', function () {
    $('.registermodaldiv').css('display','flex');
});

$('.registermodaldiv button, .overlaymodal').on('click', function () {
        $('.registermodaldiv').css('display','none');
});