diff --git a/www/css/styles.css b/www/css/styles.css
index 0b2befa..b40cd01 100644
--- a/www/css/styles.css
+++ b/www/css/styles.css
@@ -144,6 +144,8 @@ img.icon {
     top: 5px;
     left: 5px;
     white-space: nowrap; }
+    #story #controls.hidden {
+      display: none; }
   #story svg#graph {
     width: 100%;
     height: 100%;
diff --git a/www/index.html b/www/index.html
index dde0913..738a2f0 100644
--- a/www/index.html
+++ b/www/index.html
@@ -74,7 +74,7 @@
 			</div>
 		</div>
 		<div id='story'>
-			<div id="controls">
+			<div id="controls" :class="[{'hidden': selectedLang === null}]">
 				<span id="current_hv">{{selectedId}}</span>
 				<span id="current_lang"></span>
 				<div id="btn-save" class="btn">Save</div>
diff --git a/www/js/hugvey_console.js b/www/js/hugvey_console.js
index f9ea16b..0af5f48 100644
--- a/www/js/hugvey_console.js
+++ b/www/js/hugvey_console.js
@@ -16,6 +16,7 @@ class Panopticon {
                 selectedId: null,
                 logbook: "",
                 logbookId: null,
+                selectedLang: null,
             },
             methods: {
                 time_passed: function( hugvey, property ) {
@@ -214,6 +215,8 @@ class Panopticon {
                 }
             }
         }
+        this.hugveys.selectedLang = code;
+        
         let req = new XMLHttpRequest();
         let graph = this.graph;
         req.addEventListener( "load", function( e ) {
@@ -1009,6 +1012,167 @@ class Graph {
 					},
 					'value': this.configuration.hasOwnProperty('nothing_text') ? this.configuration.nothing_text : "nothing"
 				})
+    		),
+    		crel('hr'),
+    		crel('h2', 'Light setting #0'),
+    		crel(
+    				'label',
+    				"Light intensity: ",
+    				crel('input', {
+    					'type': 'number',
+    					'min': 0,
+    					'max': 255,
+    					'on': {
+    						'change': function(e){
+    							panopticon.graph.configuration['light0_intensity'] = e.target.value
+    						}
+    					},
+    					'value': this.configuration.hasOwnProperty('light0_intensity') ? this.configuration.light1_intensity : 0
+    				})
+        		),
+    		crel(
+				'label',
+				"Fade time: ",
+				crel('input', {
+					'type': 'number',
+					'min': 1,
+					'max': 5,
+					'step': .1,
+					'on': {
+						'change': function(e){
+							panopticon.graph.configuration['light0_fade'] = e.target.value
+						}
+					},
+					'value': this.configuration.hasOwnProperty('light0_fade') ? this.configuration.light0_fade: 30
+				})
+    		),
+    		crel('h2', 'Light setting #1'),
+    		crel(
+    				'label',
+    				"Light intensity: ",
+    				crel('input', {
+    					'type': 'number',
+    					'min': 0,
+    					'max': 255,
+    					'on': {
+    						'change': function(e){
+    							panopticon.graph.configuration['light1_intensity'] = e.target.value
+    						}
+    					},
+    					'value': this.configuration.hasOwnProperty('light1_intensity') ? this.configuration.light1_intensity : 150
+    				})
+        		),
+    		crel(
+				'label',
+				"Fade time: ",
+				crel('input', {
+					'type': 'number',
+					'min': 1,
+					'max': 5,
+					'step': .1,
+					'on': {
+						'change': function(e){
+							panopticon.graph.configuration['light1_fade'] = e.target.value
+						}
+					},
+					'value': this.configuration.hasOwnProperty('light1_fade') ? this.configuration.light1_fade: 10
+				})
+    		),
+    		crel('h2', 'Light setting #2'),
+    		crel(
+    				'label',
+    				"Light intensity: ",
+    				crel('input', {
+    					'type': 'number',
+    					'min': 0,
+    					'max': 255,
+    					'on': {
+    						'change': function(e){
+    							panopticon.graph.configuration['light2_intensity'] = e.target.value
+    						}
+    					},
+    					'value': this.configuration.hasOwnProperty('light2_intensity') ? this.configuration.light2_intensity : 75
+    				})
+        		),
+    		crel(
+				'label',
+				"Fade time: ",
+				crel('input', {
+					'type': 'number',
+					'min': 1,
+					'max': 5,
+					'step': .1,
+					'on': {
+						'change': function(e){
+							panopticon.graph.configuration['light2_fade'] = e.target.value
+						}
+					},
+					'value': this.configuration.hasOwnProperty('light2_fade') ? this.configuration.light2_fade: 10
+				})
+    		),
+    		crel('h2', 'Light setting #3'),
+    		crel(
+    				'label',
+    				"Light intensity: ",
+    				crel('input', {
+    					'type': 'number',
+    					'min': 0,
+    					'max': 255,
+    					'on': {
+    						'change': function(e){
+    							panopticon.graph.configuration['light3_intensity'] = e.target.value
+    						}
+    					},
+    					'value': this.configuration.hasOwnProperty('light3_intensity') ? this.configuration.light3_intensity : 150
+    				})
+        		),
+    		crel(
+				'label',
+				"Fade time: ",
+				crel('input', {
+					'type': 'number',
+					'min': 1,
+					'max': 5,
+					'step': .1,
+					'on': {
+						'change': function(e){
+							panopticon.graph.configuration['light3_fade'] = e.target.value
+						}
+					},
+					'value': this.configuration.hasOwnProperty('light3_fade') ? this.configuration.light3_fade: 10
+				})
+    		),
+    		crel('h2', 'Light setting #4'),
+    		crel(
+    				'label',
+    				"Light intensity: ",
+    				crel('input', {
+    					'type': 'number',
+    					'min': 0,
+    					'max': 255,
+    					'on': {
+    						'change': function(e){
+    							panopticon.graph.configuration['light4_intensity'] = e.target.value
+    						}
+    					},
+    					'value': this.configuration.hasOwnProperty('light4_intensity') ? this.configuration.light4_intensity : 150
+    				})
+        		),
+    		crel(
+				'label',
+				"Fade time: ",
+				crel('input', {
+					'type': 'number',
+					'min': 1,
+					'max': 5,
+					'step': .1,
+					'on': {
+						'change': function(e){
+							panopticon.graph.configuration['light4_fade'] = e.target.value
+						}
+					},
+					'value': this.configuration.hasOwnProperty('light4_fade') ? this.configuration.light4_fade: 10
+				})
     		)
     	);
 
diff --git a/www/scss/styles.scss b/www/scss/styles.scss
index 3965f1d..3ad917b 100644
--- a/www/scss/styles.scss
+++ b/www/scss/styles.scss
@@ -239,6 +239,9 @@ img.icon{
 		top: 5px;
 		left: 5px;
 		white-space: nowrap;
+		&.hidden{
+			display:none;
+		}
 	}
 	svg#graph{
 		width: 100%;