1 files changed, 119 insertions, 0 deletions
diff --git a/examples/QuickMultiplication/js/lesson.js b/examples/QuickMultiplication/js/lesson.js
new file mode 100755
index 0000000..ebc85b0
--- /dev/null
+++ b/examples/QuickMultiplication/js/lesson.js
@@ -0,0 +1,119 @@
+$(document).ready(function(){
+	var k = Karma ({
+		svg: [{domId:"truck", name:"truck"}]
+	});
+
+	k.ready(function(){
+		var TIMER_DELAY=1000, TOTAL_SECONDS=10;
+        var boxInTruckA=0,boxInTruckB=0,level=1,num1=0,num2=0,numTime=TOTAL_SECONDS;
+        var selectedOpt="#optA";
+		var isRunning=false;
+		var isFirstRun=true;
+        var timer;
+
+        var init = function() {
+            $("#happyFace",k.svg.truck.root).hide();
+            $("#sadFace",k.svg.truck.root).hide();
+            $("#rightBox",k.svg.truck.root).text("");
+            $(selectedOpt,k.svg.truck.root).animate({svgTransform: 'translate(0 -10)'},500);
+            $("#box1",k.svg.truck.root).text("");
+            $("#box2",k.svg.truck.root).text("");
+        };
+
+        var addBoxInTruck = function(truckName,num) {
+            $("#"+truckName+"box"+num,k.svg.truck.root).show();
+        };
+
+		var timesOut =function(){
+			numTime--;
+			$("#tmrValue",k.svg.truck.root).text(numTime);
+			if (numTime===0) {
+                boxInTruckA++;
+                addBoxInTruck("truckA",boxInTruckA);
+                if (boxInTruckA===9) {
+					$("#truckAtext",k.svg.truck.root).show();
+                    $("#truckA",k.svg.truck.root).animate({svgTransform: 'translate(600)'}, 4000);
+                    endGame();
+                    return;
+                }
+                numTime=TOTAL_SECONDS;
+                showQuestion();
+			}
+            timer = window.setTimeout(timesOut,TIMER_DELAY);
+		};
+        
+        var showQuestion = function() {
+            $("#rightBox",k.svg.truck.root).text(num1+" X "+num2+" = "+num1*num2);
+            num1=Karma.rand(2+level,3+(level*3));
+            num2=Karma.rand(2+level,num1);
+            $("#box1",k.svg.truck.root).text(num1);
+            $("#box2",k.svg.truck.root).text(num2);
+        };
+
+        var checkAnswer = function(event) {
+            if(isRunning===true){
+                $("#answerBox").css('background-color','white');
+                if(event.keyCode===13) {
+                    $("#happyFace",k.svg.truck.root).hide();
+                    $("#sadFace",k.svg.truck.root).hide();
+                    if($("#answerBox").val()==(num1*num2)) {
+                        $("#happyFace",k.svg.truck.root).show();
+                        numTime=TOTAL_SECONDS;
+                        boxInTruckB++;
+                        addBoxInTruck("truckB",boxInTruckB);
+                        if (boxInTruckB===9) {
+							$("#truckBtext",k.svg.truck.root).show();
+                            $("#truckB",k.svg.truck.root).animate({svgTransform: 'translate(600 198)'}, 4000);
+                            endGame();
+                            return;
+                        }
+                        else {
+                            showQuestion();
+                        }
+                    }
+                    else {
+                        $("#sadFace",k.svg.truck.root).show();
+                        $("#answerBox").css('background-color','red');
+                    }
+                    $("#answerBox").val('');
+                }
+            }
+        };
+
+        var addEvent = function() {
+            $("#answerBox").keydown(checkAnswer);
+			$("#btnStart",k.svg.truck.root).click(startGame);
+            $(".optBtns",k.svg.truck.root).click(function(){
+				if(isFirstRun===true) {
+					if (selectedOpt==="#"+this.id) {  //if same option clicked, do nothing
+						return;
+					}
+					$(selectedOpt,k.svg.truck.root).animate({svgTransform: 'translate(0 0)'},500);
+					$(this).animate({svgTransform: 'translate(0 -10)'},500);
+					selectedOpt="#"+this.id;
+					level = selectedOpt.charCodeAt(4) - 64;  //A=65, B=66, C=67
+				}
+            });
+        };
+
+        var endGame=function() {
+			isRunning=false;
+            clearTimeout(timer);
+        };
+
+		var startGame = function() {
+			if(isFirstRun===true) {
+				$(".box",k.svg.truck.root).hide();
+				$(".truckText",k.svg.truck.root).hide();
+				isRunning=true;
+				isFirstRun=false;
+				timesOut();
+				showQuestion();
+				$("#answerBox").val('').focus();
+			}
+		}
+
+		addEvent();
+        init();
+	});
+});