diff --git a/assets/js/gui.js b/assets/js/gui.js
index 620c100..13d047d 100644
--- a/assets/js/gui.js
+++ b/assets/js/gui.js
@@ -51,9 +51,11 @@ $(function() {
           doc.addClass("normal");
       }
     });
+    if(preview){
+      $('input[name="preview"]').prop('checked', true).change();
+    }
 
     $('[name="debug"]').change(function() {
-
       if($(this).is(":checked")) {
           doc.addClass("debug");
       } else {
@@ -69,7 +71,7 @@ $(function() {
         }
     });
     if(spread){
-        $('[name="spread"]').prop('checked', true).change();
+      $('[name="spread"]').prop('checked', true).change();
     }
 
     //$('[name="hi-res"]').change(function() {
diff --git a/assets/js/setup.js b/assets/js/setup.js
index 775a588..7e88306 100644
--- a/assets/js/setup.js
+++ b/assets/js/setup.js
@@ -1,3 +1,5 @@
-
 nb_page = 100;
+// ui options default values
+// TODO: add default values for all gui options
+preview = true;
 spread = true;