jQuery(function ($){
$("#_manage_stock").each(function (){
if(!$(this).is(":checked")){
$(this).attr("checked", "checked");
}});
if($('.logoWebNow').length!=0){
const logoWebNow=document.querySelector('.logoWebNow');
const observer=new IntersectionObserver(entries=> {
entries.forEach(entry=> {
if(entry.isIntersecting){
entry.target.classList.add('animated');
}else{
entry.target.classList.remove('animated');
}});
});
observer.observe(logoWebNow);
}
if(window.counterUp){
const counterUpCallback=entries=> {
entries.forEach(entry=> {
const el=entry.target
if(entry.isIntersecting){
window.counterUp.default(el, { duration: 2000 })
}})
}
const IO=new IntersectionObserver(counterUpCallback, { threshold: 1 })
const els=document.querySelectorAll('.text-counter-up span');
els.forEach(el=> IO.observe(el))
}
const initPrice=$('.sgw-bao-gia').data('init-price');
function calculate(){
let result=initPrice;
const checkboxes=$('.sgw-bao-gia input[type=checkbox]:checked');
const selectboxes=$('.sgw-bao-gia select');
for (const item of checkboxes){
result +=$(item).data('price');
}
for (const item of selectboxes){
result +=$(item).find(':selected').data('price');
}
$('.sgw-bao-gia .total-money .val').text(result!==0 ? result.toLocaleString() + ' ₫':'Miễn phí');
}
$('.sgw-bao-gia select').change(function(){
const price=$(this).find(':selected').data('price');
$(this).siblings('.select-price').text(price!==0 ? price.toLocaleString() + ' ₫':'Miễn phí');
calculate();
});
$('.sgw-bao-gia input[type=checkbox]').change(function(){
calculate();
});
$("#sgw-bao-gia-form").submit(function (e){
e.preventDefault();
const data={};
$(this).serializeArray().map((item)=> (data[item.name]=item.value));
$(this).siblings('.sgw-bao-gia-loader').fadeIn();
$.ajax({
type: "post",
dataType: "json",
url: data.ajax_url,
data: {
action: "sgw_send_bao_gia",
...data,
},
context: this,
success(response){
if(response){
alert("Gửi yêu cầu thành công!");
$(this).siblings('.sgw-bao-gia-loader').fadeOut();
$(this)[0].reset();
}else{
$(this).siblings('.sgw-bao-gia-loader').fadeIn();
}},
error(jqXHR, textStatus, errorThrown){
alert("Đã có lỗi xảy ra.");
$(this).siblings('.sgw-bao-gia-loader').fadeOut();
},
});
});
$('.sgw-desktop').click(e=> {
$('.sgw-preview-responsive').removeClass().addClass('sgw-preview-responsive');
});
$('.sgw-tablet-portrait').click(e=> {
$('.sgw-preview-responsive').removeClass().addClass('sgw-preview-responsive sgw-pr-tablet');
});
$('.sgw-tablet-landscape').click(e=> {
$('.sgw-preview-responsive').removeClass().addClass('sgw-preview-responsive sgw-pr-tablet-landscape');
});
$('.sgw-mobile-portrait').click(e=> {
$('.sgw-preview-responsive').removeClass().addClass('sgw-preview-responsive sgw-pr-mobile');
});
$('.sgw-mobile-landscape').click(e=> {
$('.sgw-preview-responsive').removeClass().addClass('sgw-preview-responsive sgw-pr-mobile-landscape');
});
$(document).on('click', '.checkWhois', e=> {
var domain=$(e.currentTarget).attr('domain');
var suffix=$(e.currentTarget).attr('suffix');
$('.checkWhois').addClass('clicked');
substring=domain.split('.',1);
query="query checkWhois($input: CheckWhoisInput!){ checkWhois(input: $input) }";
input='{ "input": { "name": "'+substring+'", "suffix": "'+suffix+'" }}';
$('.wn-modal-whois-title').html('');
$('.wn-modal-whois-content').html('');
$.ajax({
url: 'https://portal.webnow.vn/api/graphql',
type: 'POST',
contentType: "application/json; charset=utf-8",
data: JSON.stringify({query: query, variables: input}),
beforeSend: function(){
$("#loaderDivWhois").show();
},
}).done(function(data){
$("#loaderDivWhois").hide();
$('.wn-modal-whois-title').html('Tên miền '+domain);
$('.wn-modal-whois-content').html(data.data.checkWhois);
});
$.loadMagnificPopup().then(function(){
$.magnificPopup.open({
items: {
src: '#wn-modal-whois',
type: 'inline'
}})
})
})
$("#loaderDiv").hide();
$('.check-domain-input').on("submit", function(e){
$('.showMoreDomain').hide();
$('.moreDomainBox').hide();
e.preventDefault();
$('.domainBox').show();
if($('input[name="domain"]').val()==''){
alert('Vui lòng nhập tên miền');
}else{
substring=$('input[name="domain"]').val().split('.',1);
input='{ "input": { "name": "'+substring+'", "suffixes": [".vn", ".com", ".com.vn", ".net"] }}';
query="query FindDomainsByName($input: FindDomainByNameInput!){ findDomainsByName(input: $input){ domain isRegistered price suffix }}";
$('.domainBox').html('');
domainBox(input,query);
}});
$('.showMoreDomain').click(function(e){
substring=$('input[name="domain"]').val().split('.',1);
input='{ "input": { "name": "'+substring+'", "suffixes": [".org",".info",".net.vn",".edu.vn",".biz.vn",".pro.vn",".asia",".biz",".mobi",".top",".shop",".me",".us"] }}';
query="query FindDomainsByName($input: FindDomainByNameInput!){ findDomainsByName(input: $input){ domain isRegistered price suffix }}";
$('.moreDomainBox').html('');
$('.showMoreDomain').hide();
moreDomainBox(input,query);
});
function domainBox(input,query){
$.ajax({
url: 'https://portal.webnow.vn/api/graphql',
type: 'POST',
contentType: "application/json; charset=utf-8",
data: JSON.stringify({query: query, variables: input}),
beforeSend: function(){
$("#loaderDiv").show();
},
}).done(function(data){
$("#loaderDiv").hide();
$("#loaderDiv").css('height','0px');
result=data.data.findDomainsByName;
html='';
result.forEach(function(element){
if(element.isRegistered==true){
html +='<div class="domainItem"><div class="domain"><span class="domainName">'+(element.domain)+'</span></div><div class="domainPrice"><i>Tên miền đã có người đăng ký!</i></div><div class="domainAction"><a class="button checkWhois" href="#wn-modal-whois" domain="'+(element.domain)+'" suffix="'+(element.suffix)+'"><i class="icon-search"></i>Whois</a></div></div>';
}else{
html +='<div class="domainItem"><div class="domain"><span class="domainName">'+(element.domain)+'</span></div><div class="domainPrice">'+Intl.NumberFormat('vi-VN', { style: 'currency', currency: 'VND' }).format(element.price)+'</div><div class="domainAction"><a class="button buy" href="https://zalo.me/0963457527" target="_blank"><i class="icon-plus"></i>Mua</a></div></div>';
}}, this);
$('.domainBox').html(html);
$('.showMoreDomain').show();
});
}
$('.wn-show-more-btn').click(function(e){
$('.wn-show-more-btn').hide();
$('.wn-show-less-btn').show();
$('.wnHideDomain').show();
});
$('.wn-show-less-btn').click(function(e){
$('.wn-show-less-btn').hide();
$('.wn-show-more-btn').show();
$('.wnHideDomain').hide();
});
function moreDomainBox(input,query){
$.ajax({
url: 'https://portal.webnow.vn/api/graphql',
type: 'POST',
contentType: "application/json; charset=utf-8",
data: JSON.stringify({query: query, variables: input}),
beforeSend: function(){
$("#loaderDiv").show();
},
}).done(function(data){
$("#loaderDiv").hide();
result=data.data.findDomainsByName;
html='';
result.forEach(function(element){
if(element.isRegistered==true){
html +='<div class="domainItem"><div class="domain"><span class="domainName">'+(element.domain)+'</span></div><div class="domainPrice"><i>Tên miền đã có người đăng ký!</i></div><div class="domainAction"><a class="button checkWhois" href="#wn-modal-whois" domain="'+(element.domain)+'" suffix="'+(element.suffix)+'"><i class="icon-search"></i>Whois</a></div></div>';
}else{
html +='<div class="domainItem"><div class="domain"><span class="domainName">'+(element.domain)+'</span></div><div class="domainPrice">'+Intl.NumberFormat('vi-VN', { style: 'currency', currency: 'VND' }).format(element.price)+'</div></div>';
}}, this);
$('.moreDomainBox').html(html);
$('.moreDomainBox').show();
});
}
if($('.home-category-list').length){
if($(window).width() < 768){
var limit=5;
}else{
var limit=12;
}
var cate=0;
var keyword='';
if(cate==0){
$('.home-category-link').removeClass('actived');
$('.home-category-list').removeClass('selected');
load_templateHome(0,limit,cate,keyword);
}
$(document).on('click','.home-category-link', function (e){
e.preventDefault();
$('.home-category-link').removeClass('actived');
cate=$(this).attr('cate');
$(this).addClass('actived');
$('.home-category-list').addClass('selected');
if(cate==0){
$('.home-category-link').removeClass('actived');
$('.home-category-list').removeClass('selected');
}
load_templateHome(0,limit,cate,keyword);
});
$(document).on('click','.wn-theme-pagi-item', function (e){
e.preventDefault();
var page=$(this).attr('data-page');
if(page){
load_templateHome(page,limit,cate,keyword);
}});
$('.keyword').keyup(function (){
keyword=$(this).val();
if(cate==0){
$('.home-category-link').removeClass('actived');
$('.home-category-list').removeClass('selected');
load_templateHome(0,limit,cate,keyword);
}
$(document).on('click','.home-category-link', function (e){
e.preventDefault();
$('.home-category-link').removeClass('actived');
cate=$(this).attr('cate');
$(this).addClass('actived');
$('.home-category-list').addClass('selected');
if(cate==0){
$('.home-category-link').removeClass('actived');
$('.home-category-list').removeClass('selected');
}
load_templateHome(0,limit,cate,keyword);
});
$(document).on('click','.wn-theme-pagi-item', function (e){
e.preventDefault();
var page=$(this).attr('data-page');
if(page){
load_templateHome(page,limit,cate,keyword);
}});
});
}
const pagiFunc=function (total, limit, currentPage){
const page=Math.ceil(total/limit);
let html='';
let actived='';
let currentActived='';
let beforePag='';
let afterPag='';
if(page < 8){
for(let i=1; i <=page; i++){
if(i===currentPage){
actived='actived';
html +=renderPage(i,actived);
currentActived=i;
}else{
actived='';
html +=renderPage(i,actived);
}}
}else{
if(currentPage < 5||currentPage > page-4){
if(currentPage > page-5){
html +=renderPage(1,actived);
}else{
for(let i=1; i < 6; i++){
if(i===currentPage){
actived='actived';
html +=renderPage(i,actived);
currentActived=i;
}else{
actived='';
html +=renderPage(i,actived);
}}
}
html +=`<a class="wn-theme-pagi-item wn-pagi-prev-item">...</a>`;
if(currentPage < 5){
html +=renderPage(page,actived);
}else{
for(let i=page - 4; i <=page; i++){
if(i===currentPage){
actived='actived';
html +=renderPage(i,actived);
currentActived=i;
}else{
actived='';
html +=renderPage(i,actived);
}}
}}else{
html +=renderPage(1, actived);
if(currentPage!=4){
html +=`<a data-page="`+(parseInt(currentPage)-6)+`" class="wn-theme-pagi-item wn-pagi-prev-item">...</a>`;
}
for(let i=currentPage - 2 ; i < currentPage + 3; i++){
if(i===currentPage){
actived='actived';
html +=renderPage(i,actived);
currentActived=i;
}else{
actived='';
html +=renderPage(i,actived);
}}
if(currentPage <=page-4){
html +=`<a data-page="`+(parseInt(currentPage)+4)+`" class="wn-theme-pagi-item wn-pagi-prev-item">...</a>`;
}
html +=renderPage(page, actived);
}}
if(currentPage==1){
beforePag=`<a style="opacity:0.2;cursor:not-allowed"  class="wn-theme-pagi-item wn-pagi-prev-item"><i class="fas fa-chevron-left"></i></a>`;
}else{
beforePag=`<a `+ (parseInt(currentActived) > 1 ? `data-page="`+(parseInt(currentActived)-2)+`"`:``) +`class="wn-theme-pagi-item wn-pagi-prev-item"><i class="fas fa-chevron-left"></i></a>`;
}
if(currentPage==page){
afterPag=`<a style="opacity:0.2;cursor:not-allowed"  class="wn-theme-pagi-item wn-pagi-prev-item"><i class="fas fa-chevron-right"></i></a>`;
}else{
afterPag=`<a `+ (parseInt(currentActived) < page ? `data-page="`+(parseInt(currentActived))+`"`:``) +` class="wn-theme-pagi-item wn-pagi-prev-item"><i class="fas fa-chevron-right"></i></a>`;
}
return `<div class="wn-theme-pagination">` + beforePag + html + afterPag + `</div>`;
}
function renderPage(index, active=""){
return `<a href="${index}" class="wn-theme-pagi-item ${active}" data-page="${index-1}">${index}</a>`;
}
function load_templateHome(page,limit,cate,keyword){
query='query WebsiteCategories($input: GetTemplatesInput!){ templates(input: $input){ data { domain id name price thumbnail } total }}';
input='{ "input": { "page": '+page+', "limit": '+limit+', "order": "ASC", "orderBy": "id"'+(cate!=0 ? ', "category": "'+cate+'"':'') + (keyword!="" ? ', "search": "'+keyword+'"':'')+' }}';
$.ajax({
url: 'https://portal.webnow.vn/api/graphql',
type: 'POST',
contentType: "application/json; charset=utf-8",
data: JSON.stringify({query: query, variables: input}),
beforeSend: function(){
},
}).done(function(data){
curPage=parseInt(page)+1;
html="";
htmlMobile="";
html +=pagiFunc(data.data.templates.total,limit,curPage);
htmlMobile +=pagiFunc(data.data.templates.total,limit,curPage);
$('.wn-home-mobile-theme-container').html(htmlMobile);
data.data.templates.data.forEach(function(element){
html +='<div class="col medium-6 small-12 large-3">';
html +='<div class="sgw-template box-shadow-2 box-shadow-3-hover"><div class="sgw-image-wrapper"><img src="'+element.thumbnail+'" /><div class="sgw-template-cta"> <a href="https://'+(element.domain)+'/" target="_blank" rel="noopener nofollow" class="button success "><span>Xem demo</span></a></div></div><div class="sgw-template-info"><h2><a href="https://'+(element.domain)+'/">'+(element.name)+'</a></h2><div class="sgw-template-meta"> <span class="woocommerce-Price-amount amount"><bdi>'+Intl.NumberFormat('vi-VN',{ style: 'currency', currency: 'VND' }).format(element.price)+'</bdi></span><div class="sgw-template-sku"><a href="https://zalo.me/0963457527" target="_blank" class="button wn-home-theme-item-call">Dùng thử</a></div></div></div></div>';
html +='</div>';
});
html +=pagiFunc(data.data.templates.total,limit,curPage);
$('.wn-home-theme-container').html(html);
});
}
$(document).on('click','#btn-1', function(){
var readmore=$(".planet-1 .planetViewMoreBtn");
if(readmore.text()=='Xem thêm'){
readmore.text('Rút gọn');
$(".planet-1 .wn-planet-hide").animate({height: 'toggle',},"slow");
}else{
readmore.text("Xem thêm");
$(".planet-1 .wn-planet-hide").animate({height: 'toggle',},"slow");
}});
$(document).on('click','#btn-2', function(){
var readmore=$(".planet-2 .planetViewMoreBtn");
if(readmore.text()=='Xem thêm'){
readmore.text('Rút gọn');
$(".planet-2 .wn-planet-hide").animate({height: 'toggle',},"slow");
}else{
readmore.text("Xem thêm");
$(".planet-2 .wn-planet-hide").animate({height: 'toggle',},"slow");
}});
$(document).on('click','#btn-3', function(){
var readmore=$(".planet-3 .planetViewMoreBtn");
if(readmore.text()=='Xem thêm'){
readmore.text('Rút gọn');
$(".planet-3 .wn-planet-hide").animate({height: 'toggle',},"slow");
}else{
readmore.text("Xem thêm");
$(".planet-3 .wn-planet-hide").animate({height: 'toggle',},"slow");
}});
if($('.wn-row-cat-template').length){
if($(window).width() < 768){
var limit=5;
}else{
var limit=6;
}
var cate=0;
var keyword='';
if(cate==0){
$('.wn-category-link').removeClass('actived');
$('.wn-row-cat-template').removeClass('selected');
load_templateHomeN(0,limit,cate,keyword);
}
$(document).on('click','.wn-category-link', function (e){
e.preventDefault();
$('.wn-category-link').removeClass('actived');
cate=$(this).attr('cate');
$(this).addClass('actived');
$('.wn-row-cat-template').addClass('selected');
if(cate==0){
$('.wn-category-link').removeClass('actived');
$('.wn-row-cat-template').removeClass('selected');
}
load_templateHomeN(0,limit,cate,keyword);
});
$(document).on('click','.wn-theme-pagi-item', function (e){
e.preventDefault();
var page=$(this).attr('data-page');
if(page){
load_templateHomeN(page,limit,cate,keyword);
}});
$('.keyword').keyup(function (){
keyword=$(this).val();
if(cate==0){
$('.wn-category-link').removeClass('actived');
$('.wn-row-cat-template').removeClass('selected');
load_templateHomeN(0,limit,cate,keyword);
}
$(document).on('click','.wn-category-link', function (e){
e.preventDefault();
$('.wn-category-link').removeClass('actived');
cate=$(this).attr('cate');
$(this).addClass('actived');
$('.wn-row-cat-template').addClass('selected');
if(cate==0){
$('.wn-category-link').removeClass('actived');
$('.wn-row-cat-template').removeClass('selected');
}
load_templateHomeN(0,limit,cate,keyword);
});
$(document).on('click','.wn-theme-pagi-item', function (e){
e.preventDefault();
var page=$(this).attr('data-page');
if(page){
load_templateHomeN(page,limit,cate,keyword);
}});
});
}
$(window).on("load", function(){
var groundElements;
groundElements=$(".wn-ground");
function setCustomProperty(elem, prop, value){
elem.style.setProperty(prop, value);
}
function getCustomProperty(elem, prop){
return parseFloat(getComputedStyle(elem).getPropertyValue(prop))||0
}
function incrementCustomProperty(elem, prop, inc){
setCustomProperty(elem, prop, getCustomProperty(elem, prop) + inc + "px")
}
function moveGround(){
setCustomProperty(groundElements[1], '--right', groundElements[1].width*-1 + "px")
setInterval(function(){
for(var i=0; i < groundElements.length; i++){
incrementCustomProperty(groundElements[i], "--right", 1)
if(getCustomProperty(groundElements[i], '--right') >=groundElements[i].width){
incrementCustomProperty(groundElements[i], '--right', -groundElements[i].width*2)
}}
}, 5);
}
if(groundElements.length > 0){
moveGround();
}});
function load_templateHomeN(page,limit,cate,keyword){
query='query WebsiteCategories($input: GetTemplatesInput!){ templates(input: $input){ data { domain id name price thumbnail } total }}';
input='{ "input": { "page": '+page+', "limit": '+limit+', "order": "ASC", "orderBy": "id"'+(cate!=0 ? ', "category": "'+cate+'"':'') + (keyword!="" ? ', "search": "'+keyword+'"':'')+' }}';
$.ajax({
url: 'https://portal.webnow.vn/api/graphql',
type: 'POST',
contentType: "application/json; charset=utf-8",
data: JSON.stringify({query: query, variables: input}),
beforeSend: function(){
},
error: function (request, status, error){
html=`
<div class="wn-world">
<img class="wn-dino" src="/wp-content/uploads/2023/10/dino.png">
<img class="wn-cactus" src="/wp-content/uploads/2023/10/cactus.png">
<img class="wn-cactus hide" src="/wp-content/uploads/2023/10/cactus.png">
<div class="wn-ground-container">
<img class="wn-ground" src="/wp-content/uploads/2023/10/ground.png">
<img class="wn-ground" src="/wp-content/uploads/2023/10/ground.png">
</div>
</div>`;
$('.wn-home-template').html(html);
}}).done(function(data){
curPage=parseInt(page)+1;
html="";
htmlMobile="";
htmlMobile +=pagiFunc(data.data.templates.total,limit,curPage);
html +=pagiFunc(data.data.templates.total,limit,curPage);
data.data.templates.data.forEach(function(element){
html +='<div class="col medium-6 small-12 large-4"><div class="col-inner">';
html +=`<div class="box has-hover has-hover box-label box-text-bottom">
<div class="box-image">
<div class="image-cover" style="padding-top:90%;">
<img width="1359" height="5683" src="${element.thumbnail}" class="attachment-original size-original" alt="" decoding="async"">
</div>
</div>
<div class="box-text text-left">
<div class="box-text-inner">
<div class="wn-template">
<div class="wn-template-text">
<h3 class="wn-template-name">${element.name}</h3>
<p class="wn-gia-template">${Intl.NumberFormat('vi-VN',{ style: 'currency', currency: 'VND' }).format(element.price)}</p>
</div>
<p><a href="https://${element.domain}/" target="_blank" class="button wn-template-btn">Xem Demo</a><br></p>
</div>
</div>
</div>
</div>`;
html +='</div></div>';
});
html +=pagiFunc(data.data.templates.total,limit,curPage);
$('.wn-home-template').html(html);
});
}
const chiTietBangGiaHide=$('.wn-row-bang-gia .col-inner .wn-mo-ta-bang-gia ul.hide');
const btnXemChiTietBangGia=$('.wn-row-bang-gia .col-inner .wn-mo-ta-bang-gia .wn-btn-mo-ta-chi-tiet');
const colBangGia=$('.wn-row-bang-gia .wn-bang-gia');
$(document).on("click", '.wn-row-bang-gia .col-inner .wn-mo-ta-bang-gia .wn-btn-mo-ta-chi-tiet', function(e){
for(var i=0; i < btnXemChiTietBangGia.length; i++){
if(btnXemChiTietBangGia[i]==this){
if($(this).hasClass('show')){
$(chiTietBangGiaHide[i]).animate({height: 'toggle',},"slow");
$(this).removeClass('show');
$(btnXemChiTietBangGia[i]).html("Xem thêm");
}else{
$(chiTietBangGiaHide[i]).animate({height: 'toggle',},"slow");
$(this).addClass('show');
$(btnXemChiTietBangGia[i]).html("Rút gọn");
}}
}});
var screenSize=screen.width;
var currentTaget;
var lastTaget;
$('.wn-home-row-dich-vu').on('mouseleave', function(){
setTimeout(function(){
var arrDV=$('.wn-home-dich-vu');
for(var i=0; i < arrDV.length; i++){
$(arrDV[i]).removeClass(' minimize');
$(arrDV[i]).removeClass(' active');
}}, 20);
});
if(screenSize < 850){
$('.wn-home-dich-vu').hover(function(event){
var arrDV=$('.wn-home-dich-vu');
for(var i=0; i < arrDV.length; i++){
$(arrDV[i]).removeClass('minimize');
$(arrDV[i]).removeClass('active');
}
currentTaget=event.currentTarget;
for(var j=0; j < arrDV.length; j++){
if(currentTaget==arrDV[j]){
$(arrDV[j]).addClass(' active');
if(j==0){
$(arrDV[1]).addClass(' minimize');
$(arrDV[2]).addClass(' minimize');
}
if(j==1){
$(arrDV[0]).addClass(' minimize');
$(arrDV[2]).addClass(' minimize');
}
if(j==2){
$(arrDV[0]).addClass(' minimize');
$(arrDV[1]).addClass(' minimize');
}
if(j==3){
$(arrDV[4]).addClass(' minimize');
$(arrDV[5]).addClass(' minimize');
}
if(j==4){
$(arrDV[3]).addClass(' minimize');
$(arrDV[5]).addClass(' minimize');
}
if(j==5){
$(arrDV[3]).addClass(' minimize');
$(arrDV[4]).addClass(' minimize');
}}
}});
}else{
var timeout;
var hover=true;
$('.wn-home-dich-vu').on('mousemove', function (event){
if(timeout!==undefined){
window.clearTimeout(timeout);
}
if(hover){
timeout=window.setTimeout(function (){
$(event.target).trigger('mousemoveend');
var arrDV=$('.wn-home-dich-vu');
for(var i=0; i < arrDV.length; i++){
$(arrDV[i]).removeClass('minimize');
$(arrDV[i]).removeClass('active');
}
currentTaget=event.currentTarget;
for(var j=0; j < arrDV.length; j++){
if(currentTaget==arrDV[j]){
$(arrDV[j]).addClass(' active');
hover=false;
lastTaget=arrDV[j];
}else{
$(arrDV[j]).addClass(' minimize');
}}
}, 20);
}
$(lastTaget).on('mouseleave', function(){
hover=true;
});
});
}
var limitPreviewThumb;
if($(window).width() < 855){
limitPreviewThumb=3;
}else{
limitPreviewThumb=5;
}
var swiperThumd=new Swiper(".wn-swiper-sub", {
loop: true,
spaceBetween: 10,
slidesPerView: limitPreviewThumb,
freeMode: true,
watchSlidesProgress: true,
});
var swiperSlideDuAn=new Swiper(".wn-swiper-main", {
autoplay: true,
loop: true,
spaceBetween: 10,
grabCursor: true,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
thumbs: {
swiper: swiperThumd,
},
});
});