﻿var animateSpeed = 3;
var object = null;
var cX = null;
var cY = null;
var fX = null;
var fY = null;
var next = null;
var radius = null;
var cardtwoanswer;
var cardoneanswer;
var blank = " ";
var cover;
var coverfocus;
var maxnumber = 9;
var cardfocus = 2;
var numberquestions = 25;
var displayquestions = 25;
var checknumber = 2;
var testonoff = "0";
var questioncounter = 0;
var questionscorrect = 0;
var lastanswer = "0";
var lastcorrectanswer = "0";
var lastoperandone = "0";
var lastoperandone = "0";
var setcheck;
var score;
lastoperandone = "0";
lastoperandtwo = "0";
function initAnimateCircle(objectID, theRadius) {
if (testonoff=="1" && lastanswer=="1") {
questionscorrect++;
document.getElementById("correctCounter").innerHTML = questionscorrect;
document.getElementById("feedback").style.visibility="hidden"};
if (testonoff=="1" && lastanswer=="0") {
document.getElementById("feedback").innerHTML = lastoperandone + " x " + lastoperandtwo + " = " + lastcorrectanswer;
document.getElementById("feedback").style.visibility="visible"};
if (testonoff=="1" && parseInt(questioncounter) < (parseInt(numberquestions)-1)) {
questioncounter++;
document.getElementById("questionsCounter").innerHTML = questioncounter}
else {
if (testonoff=="1"){
questioncounter++;
document.getElementById("questionsCounter").innerHTML = questioncounter;
score = parseInt((questionscorrect/questioncounter)*100);
alert ("That's it!\nYou got " + questionscorrect + " out of " + questioncounter + " correct.\n" + "That is a score of " + score + "%.\n" +
"Press OK to return to practice cards.");
refreshtest();
}
}
cover = document.getElementById('cover');
cover.style.zIndex = "99";
object = document.getElementById(objectID);
radius = theRadius;
cX = fX = 20;
cY = fY = 20;
next = 1;
animateObjectCircle();
resetIndex();
objectzindex = document.getElementById('card1');
}
function animateObjectCircle() {
window.status="Type in your answer. It will change color when correct.";
if (next < 144){
var nX = cX + (Math.cos(next*(Math.PI/72))*radius);
var nY = cY + (Math.sin(next*(Math.PI/72))*radius);
object.style.left=Math.round(nX)+'px';
object.style.top=Math.round(nY)+'px';
cX = nX;
cY = nY;
next++;
if (next>72) object.style.zIndex="-1000";
if (next>72) object.style.backgroundColor="#eee";
if (next>72) object.style.borderColor="#ddd";
if (next>16) document.getElementById("yes").style.visibility="hidden";
setTimeout('animateObjectCircle()',animateSpeed);
}
else{
object.style.left = fX + 'px';
object.style.top = fY + 'px';
cover.style.zIndex = "-99";
}
return;
}
function resetIndex(){
var cardone=document.getElementById('card1');
var cardtwo=document.getElementById('card2');
cardone.style.backgroundColor = "#fff";
cardtwo.style.backgroundColor = "#fff";
cardone.style.borderColor = "#000";
cardtwo.style.borderColor = "#000";
lastanswer="0";
if (cardone.style.zIndex > cardtwo.style.zIndex) {
cardone.style.zIndex = 3;
cardtwo.style.zIndex = 1;
document.getElementById("spannumber21").innerText = Math.round(Math.floor((maxnumber - 0 + 1) * Math.random() + 0) );
document.getElementById("spannumber22").innerText = Math.round(Math.floor((maxnumber - 0 + 1) * Math.random() + 0) );
cardtwoanswer = document.getElementById("spannumber21").innerText*document.getElementById("spannumber22").innerText;
document.getElementById("spannumber23").innerText = blank;
document.getElementById("Answer2").value = blank;
cardtwo.style.color="green";
lastcorrectanswer = cardtwoanswer;
lastoperandone = document.getElementById("spannumber21").innerText;
lastoperandtwo = document.getElementById("spannumber22").innerText;
document.getElementById('Answer2').focus();
cardfocus = 2;
coverfocus = 2;
}
else{
cardone.style.zIndex = 1;
cardtwo.style.zIndex = 3;
document.getElementById("spannumber11").innerText = Math.round(Math.floor((maxnumber - 0 + 1) * Math.random() + 0) );
document.getElementById("spannumber12").innerText = Math.round(Math.floor((maxnumber - 0 + 1) * Math.random() + 0) );
cardoneanswer = document.getElementById("spannumber11").innerText*document.getElementById("spannumber12").innerText;
document.getElementById("spannumber13").innerText = blank;
document.getElementById("Answer1").value = blank;
cardone.style.color="green";
lastcorrectanswer = cardoneanswer;
lastoperandone = document.getElementById("spannumber11").innerText;
lastoperandtwo = document.getElementById("spannumber12").innerText;
document.getElementById('Answer1').focus();
cardfocus = 1;
coverfocus = 1;
}
}
function initCard(){
window.status="We love Math!";
setcheck = document.getElementById("checkButton");
setcheck.src = "check.gif";
if (navigator.appName != "Microsoft Internet Explorer") {window.location="WebMozilla/multiplicationm.html"};
if (navigator.appName != "Microsoft Internet Explorer") {window.location="WebMozilla/multiplicationm.html"};
document.getElementById("spannumber11").innerText = Math.round(Math.floor((maxnumber - 0 + 1) * Math.random() + 0) )
document.getElementById("spannumber12").innerText = Math.round(Math.floor((maxnumber - 0 + 1) * Math.random() + 0) )
cardoneanswer = document.getElementById("spannumber11").innerText*document.getElementById("spannumber12").innerText
document.getElementById("spannumber21").innerText = Math.round(Math.floor((maxnumber - 0 + 1) * Math.random() + 0) )
document.getElementById("spannumber22").innerText = Math.round(Math.floor((maxnumber - 0 + 1) * Math.random() + 0) )
cardtwoanswer = document.getElementById("spannumber21").innerText*document.getElementById("spannumber22").innerText
document.getElementById('Answer2').focus();
coverfocus = 2;
cover = document.getElementById('cover');
cover.style.zIndex = "-99";
lastcorrectanswer = cardtwoanswer;
lastoperandone = document.getElementById("spannumber21").innerText;
lastoperandtwo = document.getElementById("spannumber22").innerText;
}
function shuffle () {
document.getElementById("card2").click();
}
function Get_Number2()
{
var Input = document.getElementById("Answer2")
var Output = document.getElementById("spannumber23")
Output.innerText = Input.value;
if (cardtwoanswer==Output.innerText) document.getElementById("yes").style.visibility="visible";
if (cardtwoanswer==Output.innerText && testonoff=="0") {
document.getElementById("card2").style.color="purple";
}
else {
document.getElementById("card2").style.color="green";
}
if (cardtwoanswer==Output.innerText) {
lastanswer="1"}
else {
lastanswer="0"
};
if (cardtwoanswer!=Output.innerText) document.getElementById("yes").style.visibility="hidden";
var evt = (evt) ? evt : ((window.event) ? event : null);
var charCode = (evt.charCode) ? evt.char.Code : evt.keyCode;
if (charCode == 13 && cover.style.zIndex == "-99") initAnimateCircle('card2',40);
}
function Get_Number1()
{
var Input = document.getElementById("Answer1")
var Output = document.getElementById("spannumber13")
Output.innerText = Input.value;
if (cardoneanswer==Output.innerText) document.getElementById("yes").style.visibility="visible";
if (cardoneanswer==Output.innerText  && testonoff=="0") {
document.getElementById("card1").style.color="purple";
}
else {
document.getElementById("card1").style.color="green";
}
if (cardoneanswer==Output.innerText) {
lastanswer="1"}
else {
lastanswer="0"
};
if (cardoneanswer!=Output.innerText) document.getElementById("yes").style.visibility="hidden";
var evt = (evt) ? evt : ((window.event) ? event : null);
var charCode = (evt.charCode) ? evt.char.Code : evt.keyCode;
if (charCode == 13 && cover.style.zIndex == "-99") initAnimateCircle('card1',40);
}
function Cover_Focus()
{
if (coverfocus==2) {
document.getElementById('Answer2').select();
}
else{
document.getElementById('Answer1').select();
}
}
function changecard()
{
if (document.getElementById('card1').zIndex > document.getElementById('card2').zIndex) {
document.getElementById('card1').click();
}
else{
document.getElementById('card2').click();
} 
}
function changeoperator(num)
{
maxnumber=num;
document.getElementById("spannumber23").innerText="";
document.getElementById("spannumber13").innerText="";
document.getElementById("Answer1").value = blank; document.getElementById("Answer2").value = blank;
document.getElementById("card1").style.backgroundColor = "#fff";
document.getElementById("card2").style.backgroundColor = "#fff";
document.getElementById("card1").style.color="green";
document.getElementById("card2").style.color="green";
document.getElementById("card2").style.zIndex="3";
document.getElementById("card1").style.zIndex="1";
if (maxnumber==1) {
document.getElementById("one").style.visibility = "visible"
}
else {
document.getElementById("one").style.visibility = "hidden"
};
if (maxnumber==2) {
document.getElementById("two").style.visibility = "visible"
}
else {
document.getElementById("two").style.visibility = "hidden"
};
if (maxnumber==3) {
document.getElementById("three").style.visibility = "visible"
}
else {
document.getElementById("three").style.visibility = "hidden"
};
if (maxnumber==4) {
document.getElementById("four").style.visibility = "visible"
}
else {
document.getElementById("four").style.visibility = "hidden"
};
if (maxnumber==5) {
document.getElementById("five").style.visibility = "visible"
}
else {
document.getElementById("five").style.visibility = "hidden"
};
if (maxnumber==6) {
 document.getElementById("six").style.visibility = "visible"
}
else {
document.getElementById("six").style.visibility = "hidden"
};
if (maxnumber==7) {
document.getElementById("seven").style.visibility = "visible"
}
else {
document.getElementById("seven").style.visibility = "hidden"
};
if (maxnumber==8) {
document.getElementById("eight").style.visibility = "visible"
}
else {
document.getElementById("eight").style.visibility = "hidden"
};
if (maxnumber==9) {
document.getElementById("nine").style.visibility = "visible"
}
else {
document.getElementById("nine").style.visibility = "hidden"
};
if (maxnumber==10) {
document.getElementById("ten").style.visibility = "visible"
}
else {
document.getElementById("ten").style.visibility = "hidden"
};
if (maxnumber==11) {
document.getElementById("eleven").style.visibility = "visible"
}
else {
document.getElementById("eleven").style.visibility = "hidden"
};
if (maxnumber==12) {
document.getElementById("twelve").style.visibility = "visible"
}
else {
document.getElementById("twelve").style.visibility = "hidden"
};
initCard();
}
function refocus()
{if (cardfocus=1) document.getElementById('Answer1').focus();
if (cardfocus=2) document.getElementById('Answer2').focus();
}
function decrease()
{
if (checknumber==0) {
checknumber=5
}
else    {
checknumber --;
}
checkanumber();
}
function checkanumber(){
switch (checknumber)
{
case 0:
numberquestions = 5;
displayquestions = 5;
break;
case 1:
numberquestions = 10;
displayquestions =10;
break;
case 2:
numberquestions = 25;
displayquestions = 25;
break;
case 3:
numberquestions = 50;
displayquestions = 50;
break;
case 4:
numberquestions = 100;
displayquestions = 100;
break;
case 5:
numberquestions = 100000;
displayquestions = "";
break;
}
var Output = document.getElementById("numberOfQuestions");
Output.innerText = displayquestions;
}
function increase()
{
if (checknumber==5) {
checknumber=0
}
else    {
checknumber ++;
}
checkanumber();
}
function refreshtest()
{
if (testonoff=="0") {
testonoff = "1";
lastanswer="0";
questioncounter = 0;
document.getElementById("questionsCounter").innerHTML = "0";
questionscorrect = 0;
document.getElementById("correctCounter").innerHTML = "0";
setcheck = document.getElementById("checkButton");
setcheck.src = "checkgreen.gif";
document.getElementById("numbersign").style.visibility = "visible";
document.getElementById("arrowup").style.visibility = "visible";
document.getElementById("arrowdown").style.visibility = "visible";
document.getElementById("questionsCounter").style.visibility = "visible";
document.getElementById("correctCounter").style.visibility = "visible";
document.getElementById("numberOfQuestions").style.visibility = "visible";
document.getElementById("helpme").style.visibility = "hidden";
}
else {
testonoff = "0";
lastanswer="0";
questioncounter = 0;
document.getElementById("questionsCounter").innerHTML = "0";
questionscorrect = 0;
document.getElementById("correctCounter").innerHTML = "0";
document.getElementById("numbersign").style.visibility = "hidden";
document.getElementById("arrowup").style.visibility = "hidden";
document.getElementById("arrowdown").style.visibility = "hidden";
document.getElementById("questionsCounter").style.visibility = "hidden";
document.getElementById("correctCounter").style.visibility = "hidden";
document.getElementById("numberOfQuestions").style.visibility = "hidden";
document.getElementById("feedback").style.visibility = "hidden";
setcheck = document.getElementById("checkButton");
setcheck.src = "check.gif";
document.getElementById("helpme").style.visibility = "visible";
}
}
function refreshcheck()
{
if (testonoff=="0") {
setcheck = document.getElementById("checkButton");
setcheck.src = "check.gif";
}
else {
setcheck = document.getElementById("checkButton");
setcheck.src = "checkgreen.gif";
}
}
