bingo.js

	
window.onload = initAll;
var usedNums = new Array(76);

function initAll() {
		document.getElementById("reload").onclick = anotherCard;
		newCard

}

function newCard() {
	//insert a new number into each cell
	for (var i=0; i<24; i++) {
		setSquare(i);
	}
	
}
function setSquare(thisSquare) {
	var currSquare = "square" + thisSquare;
	var colPlace = new Array(0,0,0,0,0,1,1,1,1,1,2,2,2,2,2,3,3,3,3,3,4,4,4,4,4);
	var colBasis = colPlace[thisSquare] * 15;
	var newNum;
	
	do{
		newNum = colBasis + getNewNum() + 1;
	}
	while (usedNums[newNum]);
	
	usedNums[newNum] = true;
	document.getElementById(currSquare).innerHTML = newNum;
	document.getElementById(currSquare).className = "";
	document.getElementById(currSquare).onmousedown = toggleColor;
}
function getNewNum() {
	return Math.floor(Math.random() * 15);
}
function anotherCard() {
	//change all the values in the code to false
	for (var i=1; i<usedNums.length; i++) {
		usedNums[i] = false;
	}
	
	newCard();
	return false;
	
}
function toggleColor(evt) {
	if (evt) {
		var thisSquare = evt.target;
	}
	else{
		var thisSquare = window.event.srcElement;
	}
	if (thisSquare.className == "") {
		thisSquare.className = "pickedBG";
	}
	else {
		thisSquare.className = "";
	}
	
}