var kangas;
var ctx;
var raadius = 30;
var nihe;
var ringid = new Array();
var vigadeArv = 0;
var tiksuja;

window.onload = function(){
	kangas = document.getElementById('kangas');
	ctx = kangas.getContext('2d');
	
	loosiRingid(1);
	ringid[0].joonista();

	kangas.addEventListener('click', kontrolli);
	tiksuja = window.setInterval(v2henda,200);
};

function loosiRingid(kuiPalju){
	var suvx, suvy;
	for(var i = 0; i<kuiPalju; i ++){
		suvx = Math.floor(Math.random() * (kangas.width - 2 * raadius)) + raadius;
		suvy = Math.floor(Math.random() * (kangas.height - 2 * raadius)) + raadius;
		//console.log('ringi koht: ' + suvx + ' ' + suvy);
		ringid.push(new Ring(suvx, suvy, raadius));
	}

}//loosiringid lõppeb

function v2henda(){
	kangas.width = kangas.width; //tühjendab canvase
	for(var i = 0; i < ringid.length; i ++){
		if(ringid[i].kahane()){
			vigadeArv ++;
			console.log(vigadeArv);
			ringid.splice(i, 1);
			loosiRingid(1);
		}
		
	}
	
	//joonistab kõik olemasolevad ringid
	for(i = 0; i < ringid.length; i++){
		ringid[i].joonista();
	}
	
	document.getElementById('tabamata').innerHTML = vigadeArv;
	
	if(vigadeArv >= 10){
		kangas.removeEventListener('click', kontrolli);
		window.clearInterval(tiksuja);
	}
}; //vähenda lõppeb

function kontrolli(e){
	nihe = 
	{
		x: document.getElementById('kangas').offsetLeft,
		y: document.getElementById('kangas').offsetTop
	}
	//console.log('klõps: ' + (e.clientX - nihe.x) + ';' + (e.clientY - nihe.y));
	for(var i = 0; i < ringid.length; i++){
		//if(ringid[i].kasTabas((e.x - nihe.x), (e.y - nihe.y))){
		if(ringid[i].kasTabas((e.clientX - nihe.x), (e.clientY - nihe.y))){
			//console.log('tabas!');
			ringid.splice(i, 1); //eemaldab vastava ringi!
			loosiRingid(2);
			break; //lõpetab for tsükli, kuna saadi pihta!
		}
	}
};

function Ring(kohtX, kohtY, raadius){
	this.x = kohtX;
	this.y = kohtY;
	this.r = raadius;
	
	this.kahane = function(){
		this.r -= 1;
		if(this.r < 5){
			return true;
		}else{
			return false;
		}
	};
	this.kasTabas = function(mx, my){
		//console.log(mx + ' ' + my);
		return pythagoras(this.x, this.y, mx, my) <= this.r;
	};
	this.joonista = function(){
		ctx.fillStyle = '#ff0000';
		ctx.beginPath();
		ctx.arc(this.x, this.y, this.r, 0, 2*Math.PI);
		ctx.fill();
	};
		
}

function pythagoras(ux, uy, mx, my){
	return Math.sqrt(Math.pow(ux - mx, 2) + Math.pow(uy - my, 2));
}