logo hoveR

1 files changed, 32 insertions, 21 deletions

diff --git a/public/javascripts/game.js b/public/javascripts/game.js
index 184d3a9..2ddc432 100644
--- a/public/javascripts/game.js
+++ b/public/javascripts/game.js
@@ -53,32 +53,43 @@ var game = {
 	},
 	
 	bindEvents: function(){
-		window.onblur = function () {
-			$("#really_waiting").html("BLUR");
-			socket.emit('blur', { id: _id });
-			blurTime = Date.now();
-			afk = true;
-			own_cursor.el.addClass('idle');
-		}
-		window.onfocus = function () {
-			$("#really_waiting").html("FOCUS");
-			socket.emit('focus', { id: _id });
-			afk = false;
-			own_cursor.el.removeClass('idle');
-			if (blurTime) {
-				delay += (Date.now() - blurTime);
-				$("#reset").html( "You left the page for " + timeInWords(delay) + ", counting it against your score.." );
-			}
-		}
 		var emit_mouse_movement = $.throttle(50, function (e) {
 			var y = Math.floor( e.pageY - window.innerHeight / 2 );
 			var x = Math.floor( e.pageX - window.innerWidth / 2 );
 			socket.emit('mouse', { x: x, y: y, id: _id });
 		});
-		window.onmousemove = function(e){
-			emit_mouse_movement(e);
-			own_cursor.el.css({ 'left': e.pageX, 'top': e.pageY });
-		}
+		$(window).bind({
+			blur: function () {
+				$("#really_waiting").html("BLUR");
+				socket.emit('blur', { id: _id });
+				blurTime = Date.now();
+				afk = true;
+				own_cursor.el.addClass('idle');
+			},
+			focus: function () {
+				$("#really_waiting").html("FOCUS");
+				socket.emit('focus', { id: _id });
+				afk = false;
+				own_cursor.el.removeClass('idle').show();
+				if (blurTime) {
+					delay += (Date.now() - blurTime);
+					$("#reset").html( "You left the page for " + timeInWords(delay) + ", counting it against your score.." );
+				}
+			},
+			mousemove: function(e){
+				emit_mouse_movement(e);
+				own_cursor.el.css({ 'left': e.pageX, 'top': e.pageY });
+			}
+		});
+		
+		$(".okfocus").bind({
+			mouseover: function(){
+				own_cursor.el.hide();
+			},
+			mouseout: function(){
+				own_cursor.el.show();
+			}
+		});
 	}
 };