diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 3acbd6c..8dfd550 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -2,7 +2,11 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="3d479175-aeea-4c43-8aeb-9b6b465cf195" name="Default" comment="">
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/.idea/workspace.xml" afterPath="$PROJECT_DIR$/.idea/workspace.xml" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/index.html" afterPath="$PROJECT_DIR$/index.html" />
       <change type="MODIFICATION" beforePath="$PROJECT_DIR$/js/get_timezone.js" afterPath="$PROJECT_DIR$/js/get_timezone.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/js/get_timezone_list.js" afterPath="$PROJECT_DIR$/js/get_timezone_list.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/js/seeds/timezone_list.json" afterPath="$PROJECT_DIR$/js/seeds/timezone_list.json" />
     </list>
     <ignored path="wgclock.iws" />
     <ignored path=".idea/workspace.xml" />
@@ -27,8 +31,8 @@
       <file leaf-file-name="index.html" pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/index.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state vertical-scroll-proportion="0.0">
-              <caret line="67" column="32" selection-start-line="67" selection-start-column="32" selection-end-line="67" selection-end-column="32" />
+            <state vertical-scroll-proportion="-45.0">
+              <caret line="72" column="17" selection-start-line="72" selection-start-column="17" selection-end-line="72" selection-end-column="17" />
               <folding />
             </state>
           </provider>
@@ -38,7 +42,7 @@
         <entry file="file://$PROJECT_DIR$/js/get_timezone_list.js">
           <provider selected="true" editor-type-id="text-editor">
             <state vertical-scroll-proportion="0.0">
-              <caret line="86" column="35" selection-start-line="86" selection-start-column="35" selection-end-line="86" selection-end-column="35" />
+              <caret line="92" column="0" selection-start-line="92" selection-start-column="0" selection-end-line="92" selection-end-column="0" />
               <folding />
             </state>
           </provider>
@@ -47,9 +51,11 @@
       <file leaf-file-name="get_timezone.js" pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/js/get_timezone.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state vertical-scroll-proportion="0.37437603">
-              <caret line="15" column="48" selection-start-line="15" selection-start-column="48" selection-end-line="15" selection-end-column="48" />
-              <folding />
+            <state vertical-scroll-proportion="0.22462562">
+              <caret line="9" column="138" selection-start-line="9" selection-start-column="138" selection-end-line="9" selection-end-column="138" />
+              <folding>
+                <marker date="1454653931000" expanded="true" signature="1057:1483" placeholder="..." />
+              </folding>
             </state>
           </provider>
         </entry>
@@ -57,8 +63,8 @@
       <file leaf-file-name="timezone_list.json" pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/js/seeds/timezone_list.json">
           <provider selected="true" editor-type-id="text-editor">
-            <state vertical-scroll-proportion="-17.791666">
-              <caret line="199" column="18" selection-start-line="199" selection-start-column="18" selection-end-line="199" selection-end-column="18" />
+            <state vertical-scroll-proportion="-7.5">
+              <caret line="107" column="17" selection-start-line="107" selection-start-column="17" selection-end-line="107" selection-end-column="17" />
               <folding />
             </state>
           </provider>
@@ -105,7 +111,7 @@
     <ConfirmationsSetting value="0" id="Remove" />
   </component>
   <component name="ProjectView">
-    <navigator currentView="ProjectPane" proportions="" version="1">
+    <navigator proportions="" version="1">
       <flattenPackages />
       <showMembers />
       <showModules />
@@ -118,63 +124,7 @@
       <manualOrder />
       <foldersAlwaysOnTop value="true" />
     </navigator>
-    <panes>
-      <pane id="Scratches" />
-      <pane id="PackagesPane" />
-      <pane id="ProjectPane">
-        <subPane>
-          <PATH>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="wgclock" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
-            </PATH_ELEMENT>
-          </PATH>
-          <PATH>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="wgclock" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="wgclock" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-          </PATH>
-          <PATH>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="wgclock" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="wgclock" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="js" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-          </PATH>
-          <PATH>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="wgclock" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="wgclock" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="js" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="seeds" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-          </PATH>
-        </subPane>
-      </pane>
-      <pane id="Scope" />
-    </panes>
+    <panes />
   </component>
   <component name="PropertiesComponent">
     <property name="GoToClass.includeLibraries" value="false" />
@@ -629,12 +579,12 @@
       <workItem from="1454565545632" duration="815000" />
       <workItem from="1454566768318" duration="601000" />
       <workItem from="1454572459362" duration="5298000" />
-      <workItem from="1454653286789" duration="401000" />
+      <workItem from="1454653286789" duration="611000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="7461000" />
+    <option name="totallyTimeSpent" value="7671000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="0" y="23" width="1676" height="1027" extended-state="6" />
@@ -646,6 +596,7 @@
       <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
       <window_info id="Maven Projects" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
+      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
       <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.32870865" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
       <window_info id="Remote Host" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Designer" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
@@ -655,14 +606,13 @@
       <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="UI Designer" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
       <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
+      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
       <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
       <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
       <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
-      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
       <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
       <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
-      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
     </layout>
   </component>
   <component name="Vcs.Log.UiProperties">
@@ -701,7 +651,9 @@
       <provider selected="true" editor-type-id="text-editor">
         <state vertical-scroll-proportion="0.0">
           <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
-          <folding />
+          <folding>
+            <marker date="1454653931000" expanded="true" signature="1057:1483" placeholder="..." />
+          </folding>
         </state>
       </provider>
     </entry>
@@ -749,7 +701,9 @@
       <provider selected="true" editor-type-id="text-editor">
         <state vertical-scroll-proportion="0.0">
           <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
-          <folding />
+          <folding>
+            <marker date="1454653931000" expanded="true" signature="1057:1483" placeholder="..." />
+          </folding>
         </state>
       </provider>
     </entry>
@@ -769,35 +723,37 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/index.html">
+    <entry file="file://$PROJECT_DIR$/js/get_timezone_list.js">
       <provider selected="true" editor-type-id="text-editor">
         <state vertical-scroll-proportion="0.0">
-          <caret line="67" column="32" selection-start-line="67" selection-start-column="32" selection-end-line="67" selection-end-column="32" />
+          <caret line="92" column="0" selection-start-line="92" selection-start-column="0" selection-end-line="92" selection-end-column="0" />
           <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/js/seeds/timezone_list.json">
+    <entry file="file://$PROJECT_DIR$/index.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="-17.791666">
-          <caret line="199" column="18" selection-start-line="199" selection-start-column="18" selection-end-line="199" selection-end-column="18" />
+        <state vertical-scroll-proportion="-45.0">
+          <caret line="72" column="17" selection-start-line="72" selection-start-column="17" selection-end-line="72" selection-end-column="17" />
           <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/js/get_timezone_list.js">
+    <entry file="file://$PROJECT_DIR$/js/seeds/timezone_list.json">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.0">
-          <caret line="86" column="35" selection-start-line="86" selection-start-column="35" selection-end-line="86" selection-end-column="35" />
+        <state vertical-scroll-proportion="-7.5">
+          <caret line="107" column="17" selection-start-line="107" selection-start-column="17" selection-end-line="107" selection-end-column="17" />
           <folding />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/js/get_timezone.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.37437603">
-          <caret line="15" column="48" selection-start-line="15" selection-start-column="48" selection-end-line="15" selection-end-column="48" />
-          <folding />
+        <state vertical-scroll-proportion="0.22462562">
+          <caret line="9" column="138" selection-start-line="9" selection-start-column="138" selection-end-line="9" selection-end-column="138" />
+          <folding>
+            <marker date="1454653931000" expanded="true" signature="1057:1483" placeholder="..." />
+          </folding>
         </state>
       </provider>
     </entry>
diff --git a/index.html b/index.html
index 1274d08..bfe6834 100644
--- a/index.html
+++ b/index.html
@@ -1,92 +1,92 @@
 <html lang="en">
 <head>
-  <meta charset="utf-8">
-  <title>world grid clock</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
-  <script type="text/javascript" src="js/bootstrap-modal.js"></script>
-  <link href="css/bootstrap.css" rel="stylesheet">
-  <link href="css/main.css" rel="stylesheet">
-  <link href="https://cdn.jsdelivr.net/jquery.chardinjs/0.1.2/chardinjs.css" rel="stylesheet">
+    <meta charset="utf-8">
+    <title>world grid clock</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+    <script type="text/javascript" src="js/bootstrap-modal.js"></script>
+    <link href="css/bootstrap.css" rel="stylesheet">
+    <link href="css/main.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/jquery.chardinjs/0.1.2/chardinjs.css" rel="stylesheet">
 
-  <script type="text/javascript" src="js/get_timezone.js"></script>
-  <script type="text/javascript" src="js/currenttime.js"></script>
-  <script type="text/javascript" src="js/get_timezone_list.js"></script>
-  <script src="https://cdn.jsdelivr.net/jquery.chardinjs/0.1.2/chardinjs.js"></script>
-  
-  <link href="css/flat-ui.css" rel="stylesheet">
-  <link rel="shortcut icon" href="images/favicon.ico">
+    <script type="text/javascript" src="js/get_timezone.js"></script>
+    <script type="text/javascript" src="js/currenttime.js"></script>
+    <script type="text/javascript" src="js/get_timezone_list.js"></script>
+    <script src="https://cdn.jsdelivr.net/jquery.chardinjs/0.1.2/chardinjs.js"></script>
+
+    <link href="css/flat-ui.css" rel="stylesheet">
+    <link rel="shortcut icon" href="images/favicon.ico">
 </head>
 <body>
-  <style>
-  .main-content {
-    position: absolute;
-    top: 25%;
-    text-align:center;
-  }
-  .timezone {
-    width:45px; 
-  }
-  .btn-group {
-    width:98%;
-  }
-  .settings-modal {
-    text-align: right;
-  }
-  .hour {
-    width:16px;
-  }
-  </style>
+<style>
+    .main-content {
+        position: absolute;
+        top: 25%;
+        text-align:center;
+    }
+    .timezone {
+        width:45px;
+    }
+    .btn-group {
+        width:98%;
+    }
+    .settings-modal {
+        text-align: right;
+    }
+    .hour {
+        width:16px;
+    }
+</style>
 
-  <div class="container">
-  </br>
-  <div class="main-content">
-    <h2>
-      <div id="current_time" class="time-display">now loading...</div>
-    </h2>
-  </br>
-  <div id="my_timezones">
-  </div>
-</div>
-<div id="result"></div>
+<div class="container">
+    </br>
+    <div class="main-content">
+        <h2>
+            <div id="current_time" class="time-display">now loading...</div>
+        </h2>
+        </br>
+        <div id="my_timezones">
+        </div>
+    </div>
+    <div id="result"></div>
 
-<div class= "settings-modal">
-  <a href="#myModal" role="button" class="btn btn-primary" data-toggle="modal"><span class="fui-settings-24"></span></a>
+    <div class= "settings-modal">
+        <a href="#myModal" role="button" class="btn btn-primary" data-toggle="modal"><span class="fui-settings-24"></span></a>
+    </div>
 </div>
-</div> 
 <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-  <div class="modal-header">
-    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-    <h3 id="myModalLabel">Preferences</h3>
-  </div>
-  <div class="modal-body">
-    <form id="setting_form">
-      <h3>set your timezone:</h3>
-      <select class="timezones" id="current_timezone">
-      </select>
-      <h3>add timezone:</h3>
-      <div id = "timezone_forms">
-      </div>
-      <div class="btn btn-danger" id="add_timezone"><span class="fui-plus-24"></span></div>
-    <div class="modal-footer">
-      <input type="submit" class="btn btn-primary" />
+    <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+        <h3 id="myModalLabel">Preferences</h3>
+    </div>
+    <div class="modal-body">
+        <form id="setting_form">
+            <h3>set your timezone:</h3>
+            <select class="timezones" id="current_timezone">
+            </select>
+            <h3>add timezone:</h3>
+            <div id = "timezone_forms">
+            </div>
+            <div class="btn btn-danger" id="add_timezone"><span class="fui-plus-24"></span></div>
+            <div class="modal-footer">
+                <input type="submit" class="btn btn-primary" />
+            </div>
+        </form>
     </div>
-  </form>
-</div>
 </div>
 
 <script type="text/javascript">
-$(function() {
-  setInterval ( 'clocknow()',1000 );
-  getMyTimezone();
-  getTimezoneList();
-  $('#add_timezone').click(function(){
-    addTimezone();
-  });
-  $("form#setting_form").submit(function() {
-    submitTimezone();
-  });
-});
+    $(function() {
+        setInterval ( 'clocknow()',1000 );
+        getMyTimezone();
+        getTimezoneList();
+        $('#add_timezone').click(function(){
+            addTimezone();
+        });
+        $("form#setting_form").submit(function() {
+            submitTimezone();
+        });
+    });
 </script>
 </body>
 </html>
diff --git a/js/get_timezone.js b/js/get_timezone.js
index e6e8fe7..57134d6 100644
--- a/js/get_timezone.js
+++ b/js/get_timezone.js
@@ -1,27 +1,26 @@
 function getMyTimezone(){
-  httpObj = new XMLHttpRequest();
-  httpObj.open("get", "./js/seeds/timezone_list.json", true);
-  httpObj.onload = function(){
-      
-    if(localStorage.myTimezone != null) {
-
-    } else {
-        
-        localStorage.setItem("currentTimezone",'{"name":"GMT","difference":0}');
-        localStorage.setItem("myTimezone",'[{"name":"PST","difference":-8},{"name":"EST","difference":-5},{"name":"MSK","difference":4}]');
-        
+    httpObj = new XMLHttpRequest();
+    httpObj.open("get", "./js/seeds/timezone_list.json", true);
+    httpObj.onload = function(){
+
+        if(localStorage.currentTimezone == null) {
+            localStorage.setItem("currentTimezone",'{"name":"GMT","difference":0}');
+        }
+        if(localStorage.myTimezone == null) {
+            localStorage.setItem("myTimezone",'[{"name":"PST","difference":-8},{"name":"EST","difference":-5},{"name":"JST","difference":9git }]');
+        }
+        var currentTimezone = JSON.parse(localStorage.currentTimezone);
+        var myTimezones = JSON.parse(localStorage.myTimezone);
+
+        showMyTimes(currentTimezone,myTimezones);
     }
-      var myTimezones = JSON.parse(localStorage.myTimezone);
-      var currentTimezone = JSON.parse(localStorage.currentTimezone);
-      showMyTimes(currentTimezone,myTimezones); 
-  }
-    
-  httpObj.send(null);
+
+    httpObj.send(null);
 }
 
 function showMyTimes(currentTimezone,myTimezones){
     plotTime(0,currentTimezone.name);
-    
+
     myTimezones.forEach(function(tz){
         var diff = parseInt(tz.difference) - parseInt(currentTimezone.difference);
         plotTime(diff,tz.name);
@@ -29,19 +28,19 @@ function showMyTimes(currentTimezone,myTimezones){
 }
 
 function plotTime(diff,name){
-      var myTimezoneStr = '<div class="btn-group"><div class="btn btn-danger timezone">'+ name + '</div>';
-      for (var i=0; i<=23; i++){
+    var myTimezoneStr = '<div class="btn-group"><div class="btn btn-danger timezone">'+ name + '</div>';
+    for (var i=0; i<=23; i++){
         var t = i + diff;
         if (t > 23) t = -24 + t;
         if (t <= -1) t = 24 + t;
         if ((t >= 8 && t <= 22)){
-          myTimezoneStr += '<div class="btn btn-primary hour">' + t + "</div>";
+            myTimezoneStr += '<div class="btn btn-primary hour">' + t + "</div>";
         } else {
-          myTimezoneStr += '<div class="btn hour">'+ t + "</div>";
+            myTimezoneStr += '<div class="btn hour">'+ t + "</div>";
         }
-      }
-      myTimezoneStr += "</div></br></br>";
-      document.getElementById("my_timezones").innerHTML += myTimezoneStr;
+    }
+    myTimezoneStr += "</div></br></br>";
+    document.getElementById("my_timezones").innerHTML += myTimezoneStr;
 }
 
 
diff --git a/js/get_timezone_list.js b/js/get_timezone_list.js
index 0e4c7f7..e6ac123 100644
--- a/js/get_timezone_list.js
+++ b/js/get_timezone_list.js
@@ -1,93 +1,93 @@
 function getTimezoneList(){
-  httpObj = new XMLHttpRequest();
-  httpObj.open("get", "./js/seeds/timezone_list.json", true);
-  httpObj.onload = function(){
+    httpObj = new XMLHttpRequest();
+    httpObj.open("get", "./js/seeds/timezone_list.json", true);
+    httpObj.onload = function(){
 
-    var timezoneList = JSON.parse(this.responseText);
+        var timezoneList = JSON.parse(this.responseText);
 
-    var currentTimezoneOption = "";
-    var currentTimezone = "";
-    
-    if(localStorage.currentTimezone != null) {
-      currentTimezone = JSON.parse(localStorage.currentTimezone);
+        var currentTimezoneOption = "";
+        var currentTimezone = "";
 
-      timezoneList.timezone.forEach(function(tz,index){
-        if (currentTimezone.name == tz.name) {
-          currentTimezoneOption = currentTimezoneOption + '<option value="'+index +'" selected="selected">' + tz.name + " (" + tz.difference + ")</option>";
-        }
-        else {
-          currentTimezoneOption = currentTimezoneOption + '<option value="'+ index +'">' + tz.name + " (" + tz.difference + ")</option>";
-        }
-      });
-    } else {
-      timezoneList.timezone.forEach(function(tz,index){
-        currentTimezoneOption = currentTimezoneOption + '<option value="'+ index +'">' + tz.name + " (" + tz.difference + ")</option>";
-      });
-    }
+        if(localStorage.currentTimezone != null) {
+            currentTimezone = JSON.parse(localStorage.currentTimezone);
 
-    var myTimezoneOptions = "";
-    if(localStorage.myTimezone != null) {
-      var myTimezones = JSON.parse(localStorage.myTimezone);
-        myTimezones.forEach(function(ltz) {
-            timezoneList.timezone.forEach(function(tz,index) {
-                if (ltz.name == tz.name) {
-                    myTimezoneOptions = myTimezoneOptions + '<option value="'+ index +'" selected="selected">' + tz.name + " (" + tz.difference + ")</option>";
+            timezoneList.timezone.forEach(function(tz,index){
+                if (currentTimezone.name == tz.name) {
+                    currentTimezoneOption = currentTimezoneOption + '<option value="'+index +'" selected="selected">' + tz.name + " (" + tz.difference + ")</option>";
                 }
                 else {
-                    myTimezoneOptions = myTimezoneOptions + '<option value="'+ index +'">' + tz.name + " (" + tz.difference + ")</option>";
-                }  
+                    currentTimezoneOption = currentTimezoneOption + '<option value="'+ index +'">' + tz.name + " (" + tz.difference + ")</option>";
+                }
             });
-            $('#timezone_forms').append('<br>');
-            $('#timezone_forms').append('<select class="timezones" id="my_timezones_menu2">' + myTimezoneOptions + '</select>');
-            myTimezoneOptions = "";
-        });
-    } else {
-      timezoneList.timezone.forEach(function(tz,index) {
-        myTimezoneOptions = myTimezoneOptions + '<option value="'+ index +'">' + tz.name + " (" + tz.difference + ")</option>";
-      });
-    }
+        } else {
+            timezoneList.timezone.forEach(function(tz,index){
+                currentTimezoneOption = currentTimezoneOption + '<option value="'+ index +'">' + tz.name + " (" + tz.difference + ")</option>";
+            });
+        }
+
+        var myTimezoneOptions = "";
+        if(localStorage.myTimezone != null) {
+            var myTimezones = JSON.parse(localStorage.myTimezone);
+            myTimezones.forEach(function(ltz) {
+                timezoneList.timezone.forEach(function(tz,index) {
+                    if (ltz.name == tz.name) {
+                        myTimezoneOptions = myTimezoneOptions + '<option value="'+ index +'" selected="selected">' + tz.name + " (" + tz.difference + ")</option>";
+                    }
+                    else {
+                        myTimezoneOptions = myTimezoneOptions + '<option value="'+ index +'">' + tz.name + " (" + tz.difference + ")</option>";
+                    }
+                });
+                $('#timezone_forms').append('<br>');
+                $('#timezone_forms').append('<select class="timezones" id="my_timezones_menu2">' + myTimezoneOptions + '</select>');
+                myTimezoneOptions = "";
+            });
+        } else {
+            timezoneList.timezone.forEach(function(tz,index) {
+                myTimezoneOptions = myTimezoneOptions + '<option value="'+ index +'">' + tz.name + " (" + tz.difference + ")</option>";
+            });
+        }
 
-    document.getElementById("current_timezone").innerHTML = currentTimezoneOption
-  }
-  httpObj.send(null);
+        document.getElementById("current_timezone").innerHTML = currentTimezoneOption
+    }
+    httpObj.send(null);
 }
 
 function addTimezone(){
-  httpObj = new XMLHttpRequest();
-  httpObj.open("get", "./js/seeds/timezone_list.json", true);
-  httpObj.onload = function(){
+    httpObj = new XMLHttpRequest();
+    httpObj.open("get", "./js/seeds/timezone_list.json", true);
+    httpObj.onload = function(){
 
-    var myData = JSON.parse(this.responseText);
+        var myData = JSON.parse(this.responseText);
 
-    var txt = "";
-    myData.timezone.forEach(function(tz,index) {
-      txt = txt + '<option value="'+ index +'">' + tz.name + " (" + tz.difference + ")</option>";
-    });
-      
-    $("#timezone_forms").append('<br>');
-    $("#timezone_forms").append('<select class="timezones">' + txt +'</select>');
-  }
-  httpObj.send(null);
+        var txt = "";
+        myData.timezone.forEach(function(tz,index) {
+            txt = txt + '<option value="'+ index +'">' + tz.name + " (" + tz.difference + ")</option>";
+        });
+
+        $("#timezone_forms").append('<br>');
+        $("#timezone_forms").append('<select class="timezones">' + txt +'</select>');
+    }
+    httpObj.send(null);
 }
 
 function submitTimezone(){
-  httpObj = new XMLHttpRequest();
-  httpObj.open("get", "./js/seeds/timezone_list.json", true);
-  var timezoneList;
-  httpObj.onload = function(){
-    timezoneList = JSON.parse(this.responseText);
+    httpObj = new XMLHttpRequest();
+    httpObj.open("get", "./js/seeds/timezone_list.json", true);
+    var timezoneList;
+    httpObj.onload = function(){
+        timezoneList = JSON.parse(this.responseText);
 
-    var timezones = new Array();
-    $('.timezones').each(function(index,e) { 
-      timezones.push(timezoneList.timezone[e.value]);
-    });
+        var timezones = new Array();
+        $('.timezones').each(function(index,e) {
+            timezones.push(timezoneList.timezone[e.value]);
+        });
 
-    localStorage.setItem("currentTimezone",JSON.stringify(timezones[0]));
-    timezones.shift();
-    localStorage.setItem("myTimezone",JSON.stringify(timezones));
-    document.getElementById("my_timezones").innerHTML = '';
-    getMyTimezone();
-  }
-  httpObj.send(null);
+        localStorage.setItem("currentTimezone",JSON.stringify(timezones[0]));
+        timezones.shift();
+        localStorage.setItem("myTimezone",JSON.stringify(timezones));
+        document.getElementById("my_timezones").innerHTML = '';
+        getMyTimezone();
+    }
+    httpObj.send(null);
 }
 
diff --git a/js/seeds/timezone_list.json b/js/seeds/timezone_list.json
index 202ae0d..24a55fb 100644
--- a/js/seeds/timezone_list.json
+++ b/js/seeds/timezone_list.json
@@ -103,6 +103,10 @@
     "name":"WIT",
     "difference":9
   },
+  {
+    "name":"JST",
+    "difference":9
+  },
   {
     "name":"SGT",
     "difference":8