document.getElementById("demo").innerHTML = '<img id="myImage" src="http://i.imgur.com/AP5imrD.png" onclick="nedface()" height="200" width="600"><br>';

function hideface() {
document.getElementById("demo").innerHTML = '';
document.getElementById("hide").innerHTML = '';
document.getElementById("show").innerHTML = '<nedface id="hide" onclick="showface()">Show face</nedface>';
}

function showface() {
document.getElementById("demo").innerHTML = '<img id="myImage" src="http://i.imgur.com/AP5imrD.png" onclick="nedface()" height="200" width="600"><br>';
document.getElementById("hide").innerHTML = '<nedface id="hide" onclick="hideface()">Hide face</nedface>';
document.getElementById("show").innerHTML = '';
}

function hbox() {
document.getElementById("inside").innerHTML = '';
document.getElementById("hbox").innerHTML = '';
document.getElementById("sbox").innerHTML = '<nedface id="sbox" onclick="sbox()">Show Settings</nedface>';
}

function sbox() {
document.getElementById("inside").innerHTML = document.getElementById("insideText").innerHTML;
document.getElementById("hbox").innerHTML = '<nedface id="hbox" onclick="hbox()">Hide Settings</nedface>';
document.getElementById("sbox").innerHTML = '';
}

@@ -113,35 +113,35 @@
 face()%22 height=%22
-200
+175
 %22 width=%22600%22%3E%3Cb
@@ -125,33 +125,33 @@
 ht=%22175%22 width=%22
-6
+5
 00%22%3E%3Cbr%3E';%0A%0Afunc
@@ -528,11 +528,11 @@
 ht=%22
-200
+175
 %22 wi
@@ -540,9 +540,9 @@
 th=%22
-6
+5
 00%22%3E

Update settings.js