//	create by nasir farhadi
//	email : nasirfarhadi92@gmail.com
//	github : nasirfarhadi92



	let i=2;

	
	$(document).ready(function(){
		var radius = 200;
		var fields = $('.itemdot');
		var container = $('.dotcircle');
		var width = container.width();
 radius = width/2.5;
 
		 var height = container.height();
		var angle = 0, step = (2*math.pi) / fields.length;
		fields.each(function() {
			var x = math.round(width/2 + radius * math.cos(angle) - $(this).width()/2);
			var y = math.round(height/2 + radius * math.sin(angle) - $(this).height()/2);
			if(window.console) {
				// console.log($(this).text(), x, y);
			}
			
			$(this).css({
				left: x + 'px',
				top: y + 'px'
			});
			angle += step;
		});
		
		
		$('.itemdot').click(function(){
			
			var datatab= $(this).data("tab");
			$('.itemdot').removeclass('active');
			$(this).addclass('active');
			$('.ciritem').removeclass('active');
			$( '.ciritem'+ datatab).addclass('active');
			i=datatab;
			
			$('.dotcircle').css({
				"transform":"rotate("+(360-(i-1)*36)+"deg)",
				"transition":"2s"
			});
			$('.itemdot').css({
				"transform":"rotate("+((i-1)*36)+"deg)",
				"transition":"1s"
			});
			
			
		});
		
		setinterval(function(){
			var datatab= $('.itemdot.active').data("tab");
			if(datatab>10||i>10){
			datatab=1;
			i=1;
			}
			$('.itemdot').removeclass('active');
			$('[data-tab="'+i+'"]').addclass('active');
			$('.ciritem').removeclass('active');
			$( '.ciritem'+i).addclass('active');
			i++;
			
			
			$('.dotcircle').css({
				"transform":"rotate("+(360-(i-2)*36)+"deg)",
				"transition":"2s"
			});
			$('.itemdot').css({
				"transform":"rotate("+((i-2)*36)+"deg)",
				"transition":"1s"
			});
			
			}, 5000);
		
	});