diff --git a/js/buttonbehaviors.js b/js/buttonbehaviors.js
index 4b285c6..06dd178 100644
--- a/js/buttonbehaviors.js
+++ b/js/buttonbehaviors.js
@@ -49,8 +49,9 @@ function initButtonBehavior() {
   popupWordArt = $("#popupWordArt");
   popupShape = $("#popupShape");
   popupMask = $("#popupMask");
-
-  popupMask.Button();
+  logoPanel = $("#logopanel");
+  
+  logoPanel.on("onButtonClick", onLogo);
   btnNew.on("onButtonClick", onBtnNew);
   btnAdd.on("onButtonClick", onBtnAdd);
   btnWordArt.on("onButtonClick", onBtnWordArt);
@@ -88,6 +89,9 @@ function initButtonBehavior() {
   	buttonGroupVerticalShapes.fadeToggle(BUTTON_GROUP_SHOW_DURATION);
   }
 
+  function onLogo() {
+  	location.reload();
+	}
   function onBtnAdd() {
     buttonGroupAdd.fadeToggle(BUTTON_GROUP_SHOW_DURATION);
   }
diff --git a/www/index.html b/www/index.html
index 29629aa..a3b5210 100644
--- a/www/index.html
+++ b/www/index.html
@@ -80,7 +80,7 @@
   <!-- center panel -->
   <div id="centerpanel">
     
-    <div id="logopanel" onclick="location.reload()">
+    <div id="logopanel" class="btn">
       <img id="pencil" src="img/logo/pencil.png"/>
       <img id="logo" src="img/logo/doodle3d.png"/>
     </div>
@@ -127,7 +127,7 @@
 
   <div id="debug_display"></div>
 
-  <div id="popupMask"></div>
+  <div id="popupMask" class="btn"></div>
 
   <div class="popup" id="popupWordArt">
     <div class="content">