$(document).ready(function(){var t=2,a=200,e=$(".itemDot"),i=$(".dotCircle"),s=i.width();a=s/2.5;var o=i.height(),r=0,c=2*Math.PI/e.length;e.each(function(){var t=Math.round(s/2+a*Math.cos(r)-$(this).width()/2),e=Math.round(o/2+a*Math.sin(r)-$(this).height()/2);$(this).css({left:t+"px",top:e+"px"}),r+=c}),$(".itemDot").click(function(){$(".itemDot"),$(".dotCircle");var h=$(".holderCircle");i.width();a=s/2.5;h.height();var n=$(this).data("tab");$(".itemDot").removeClass("active"),$(this).addClass("active"),$(".CirItem").removeClass("active"),$(".CirItem"+n).addClass("active"),t=n,$(".dotCircle").css({transform:"rotate("+(360-36*(t-1))+"deg)",transition:"3s"}),$(".itemDot").css({transform:"rotate("+36*(t-1)+"deg)",transition:"2s"}),e.each(function(){var t=Math.round(s/2+a*Math.cos(r)-$(this).width()/2),e=Math.round(o/2+a*Math.sin(r)-$(this).height()/2);$(this).css({left:t+"px",top:e+"px"}),r+=c}),$(".itemDot.active").each(function(){$(".itemDot.active").css({left:"50%",top:"50%",transform:"translate(-50%,-50%) rotate("+36*(t-1)+"deg)"})})}),setInterval(function(){var i=$(".itemDot.active").data("tab");(i>10||t>10)&&(i=1,t=1),$(".itemDot").removeClass("active"),$('[data-tab="'+t+'"]').addClass("active"),$(".CirItem").removeClass("active"),$(".CirItem"+t).addClass("active"),t++,$(".dotCircle").css({transform:"rotate("+(360-36*(t-1))+"deg)",transition:"2s"}),$(".itemDot").css({transform:"rotate("+36*(t-1)+"deg)",transition:"1s"}),e.each(function(){var t=Math.round(s/2+a*Math.cos(r)-$(this).width()/2),e=Math.round(o/2+a*Math.sin(r)-$(this).height()/2);$(this).css({left:t+"px",top:e+"px"}),r+=c}),$(".itemDot.active").each(function(){$(".itemDot.active").css({left:"50%",top:"50%",transform:"translate(-50%,-50%) rotate("+36*(t-1)+"deg)"})})},7e3)});