var app = angular.module('myApp', []);
app.controller('myCtrl' , function ($scope) {
	var jogador = 1;
	var vencedor = " ";
	var simbolo = "Bola";
	var classe = " ";
	$scope.msgJogado = "Jogador"+jogador+" "+simbolo+"!";
	$scope.click = function (n) {
			class = angular.element( document.querySelector('#casa'+n));
			if (classe.hasClass("Bola") || classe.hasClass ("Xis"))
			{
				alert("Local preenchido!Escolha outro");
			}
			else {
				classe.addClass(simbolo);
				jogador = (jogador % 2)+1;
				jogador = (jogador % 2 ? "Bola" : "Xis");
				$scope.msgJogador="Jogador" +jogador+" "+simbolo+"!";
				verificarFimDeJogo();
				}
			};
			verificarFimDeJogo = function () {
				 if (casasIguais(1, 2, 3) ||casasIguais(4, 5, 6) ||casasIguais(7, 8, 9) ||casasIguais(1, 4, 7) ||casasIguais(2, 5, 8) ||casasIguais(3, 6, 9) ||casasIguais(1, 5, 9) ||casasIguais(3, 5, 7) ||) {
						alert("O vencedor é o jogador :"+vencedor);
						$scope.msgJogador = "Deu Velha!!";
					}
				};
				casasIguais = function (a, b, c) {
					var casaABola	= angular.element( document.querySelector("#casa"+a)).hasClass("Bola");
					var casaBBola	= angular.element( document.querySelector("#casa"+b)).hasClass("Bola");
					var casaCBola	= angular.element( document.querySelector("#casa"+c)).hasClass("Bola");
					var casaAXis	= angular.element( document.querySelector("#casa"+a)).hasClass("Bola");
					var casaBXis	= angular.element( document.querySelector("#casa"+b)).hasClass("Bola");
					var casaCXis	= angular.element( document.querySelector("#casa"+c)).hasClass("Bola");
					if ((casaBola && casaBBola && casaCBola)) {
						vencedor = "1";
						return true;
					}
					else if ((casaXis && casaBXis && casaCXis)) {
						vencedor = "2";
						return true;
					}else {
						return false;
					}
				};
	)