From e876ad1ee95b3325f5ea249568d185d12a01d644 Mon Sep 17 00:00:00 2001
From: raylu <raylu@mixpanel.com>
Date: Wed, 16 Nov 2011 00:15:03 -0800
Subject: flashing for go button, fix flashing interval

---
 pages/tutorial.php | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

(limited to 'pages')

diff --git a/pages/tutorial.php b/pages/tutorial.php
index 5e582c6..15a7c83 100644
--- a/pages/tutorial.php
+++ b/pages/tutorial.php
@@ -13,7 +13,6 @@ topbar($Links);
 <script>
 isChallenge = true;
 function challengeGo(mapid) {
-	console.log('called with ', mapid);
 	var moves = mapjson[mapid].moves;
 	
 	switch (mapid) {
@@ -113,7 +112,23 @@ function startChallenge(mapid) {
 	switch (mapid) {
 	case 1:
 		updateDsp(1, 'instructions', '<p>The point of this game is to create the longest <i>path</i> between the start and the finish.</p><p>Press Go!</p>');
-		flashelement('1,btn', 10, null, 400);
+		var goBtn = document.getElementById('1,btn');
+		var interval1 = setInterval(function() {
+				goBtn.className += ' flash';
+			}, 1200),
+			interval2;
+		setTimeout(function() {
+			interval2 = setInterval(function() {
+				goBtn.className = goBtn.className.replace(' flash', '');
+			}, 1200);
+		}, 600);
+		var prevHandler = goBtn.onclick;
+		goBtn.onclick = function() {
+			clearInterval(interval1);
+			clearInterval(interval2);
+			goBtn.className = goBtn.className.replace(' flash', '');
+			prevHandler.apply(this, arguments);
+		}
 		break;
 	case 2:
 		updateDsp(1, 'instructions', "<p>Let's start off simple;</p><p>Start by pressing 'Go!' first.</p>");
@@ -178,8 +193,8 @@ TutorialView.prototype.unlock = function(n) {
 		tv.nextbtn.className += ' flash';
 	}, 1200);
 	setTimeout(function() {
-		this.interval2 = setInterval(function() {
-			tv.nextbtn.className = tv.nextbtn.className.replace('flash', '');
+		tv.interval2 = setInterval(function() {
+			tv.nextbtn.className = tv.nextbtn.className.replace(' flash', '');
 		}, 1200);
 	}, 600);
 }
-- 
cgit v1.2.3