From 13322cdf7d388ba5cc1b6f81f192157fba88e8fb Mon Sep 17 00:00:00 2001
From: Shaun Tabone <shaun.tabone@kpmg.co.uk>
Date: Tue, 10 Oct 2017 20:43:43 +0200
Subject: [PATCH] Added new options page

Added IT layout
New options page
---
 background.js      |   4 +-
 buttons/Thumbs.db  | Bin 2560 -> 0 bytes
 icons/Thumbs.db    | Bin 9216 -> 0 bytes
 keyboard.html      |  22 +--
 keyboard_it.html   |  96 ++++++++++++
 manifest.json      |   2 +-
 options.html       | 381 +++++++++++++--------------------------------
 options/script.js  | 138 ++++++++++++++++
 options/styles.css | 261 +++++++++++++++++++++++++++++++
 script.js          |   2 +-
 10 files changed, 620 insertions(+), 286 deletions(-)
 delete mode 100644 buttons/Thumbs.db
 delete mode 100644 icons/Thumbs.db
 create mode 100644 keyboard_it.html
 create mode 100644 options/script.js
 create mode 100644 options/styles.css

diff --git a/background.js b/background.js
index 0994085..4555196 100644
--- a/background.js
+++ b/background.js
@@ -94,7 +94,9 @@ chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
 			chrome.tabs.sendRequest(tab.id, "openUrlBar");
 			sendResponse({data: "ok" });
 		});
-	} 
+	} else if (request.method == "createTab") {
+		chrome.tabs.create({ url: request.url });
+	}
     else {
       sendResponse({});
 	}
diff --git a/buttons/Thumbs.db b/buttons/Thumbs.db
deleted file mode 100644
index 7d5a63cfe7db21461ddbddc35bba9326b241ee61..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2560
zcmca`Uhu)fjZzO8(10BSGsD0CoD6J8;*3Bx2!nwD0|OI~0pkDr|NlQkkbwcn90fxt
z1pWfu3W`4%9zsqZbt)A?Ac!F!2um0g7+e|hfOHW<B`hlwMT;@8!t*@5Y`~#2Kw_Io
z<-c=`%piGC;Q<6j45kcb4Dmp0%8<yA%8<m60whftOc*SIa%l_}K%OyB78lTBU}6LX
z1IRcKjY}Q6_)n++%>ERh%?3c5AT}ESZ8ZeCA&J2p=qiv5E&#M2?tfzKX8{^^AD4k-
zh=c5f0aCSt;tUjapf~}Q0jxk8ROYio`7m=w>ERgy62N!{#r;DdzVo7+gFCOK^6*X1
z8=V1u?z~)5TtH!7PY;(MAPrI~!2wDf56W$S04c`eAa^H*b?0PW0y!+{j=qiz3>*8o
z|0IGEQMadyV~B_M+bP~$2NZZ*d<!2-?rHeGe{#Bj%SNA-iZ7hReZ%b}K20=`2*_G1
z>ATK+RUywbnP$@p_5hBBj`7a~?k~9Z>&0oA75h`nKHT&7Gjx0PcWz9Rozi-Z=Qf_-
z%8OQ>tJf|%w=vkOGiC2#i)N{bylb}BM0hDizBf3xz%3;H;?HiNd8((_j@@amK7CV{
zd2TV#Sqz@8elF{r5}H74Ab|P*IFJqUe-~F`k7&XgUyA)-2=)J@gPaEpI9zk}-%a4$
z<g@Ip-_3&$7DfnZpFHY(;w1b0|DrY;P690Ume1X{7;~4GCp`1F{w%oe-Grb^TiLc=
zGx{|zXX3sc^Hyx#cH*1u%~ujtN-kGSJ6GJeb=XFE>yJ;apUo>w&$BohFjO!GoZox6
QCBs4*<SjH`f`qUG065BsV*mgE

diff --git a/icons/Thumbs.db b/icons/Thumbs.db
deleted file mode 100644
index 9776ad2e0f5a833ec4d057a7d986afd52d16f0a0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 9216
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

diff --git a/keyboard.html b/keyboard.html
index b4b3211..0d86a6b 100644
--- a/keyboard.html
+++ b/keyboard.html
@@ -33,7 +33,7 @@
 				<td class="kbdH kbdClick" _key="5"><span>5</span></td>
 				<td class="kbdH kbdClick" _key="6"><span>6</span></td>
 				<td class="kbdH kbdClick" _key="-"><span>-</span></td>
-				<td class="kbdH kbdClick" _key="("><span>(</span></td>
+				<td class="kbdH kbdClick" _key=")"><span>)</span></td>
 			</tr>
 		</table>	
 		<table cellpadding="2">
@@ -42,7 +42,7 @@
 				<td class="kbdH kbdClick" _key="2"><span>2</span></td>
 				<td class="kbdH kbdClick" _key="3"><span>3</span></td>
 				<td class="kbdH kbdClick" _key="+"><span>+</span></td>
-				<td class="kbdH kbdClick" _key=")"><span>)</span></td>
+				<td class="kbdH kbdClick" _key="("><span>(</span></td>
 			</tr>
 		</table>	
 		<table cellpadding="2">
@@ -51,7 +51,7 @@
 				<td class="kbdH kbdClick" _key="."><span>.</span></td>
 				<td class="kbdH kbdClick" _key="*"><span>*</span></td>
 				<td class="kbdH kbdClick" _key="$"><span>$</span></td>
-				<td class="kbdD kbdClick" _key="Close"><span>Enter</span></td>
+				<td class="kbdD kbdClick" _key="Enter"><span>Enter</span></td>
 			</tr>
 		</table>	
 	</div>
@@ -82,7 +82,7 @@
 				<td class="kbdH kbdClick" _key=")"><span>)</span></td>
 				<td class="kbdH kbdClick" _key="("><span>(</span></td>
 				<td class="kbdH kbdClick" _key="/"><span>/</span></td>
-				<td style="width: 2px;"><span></span></td>
+				<td class="kbdH kbdClick" _key="^"><span>^</span></td>
 				<td class="kbdH kbdClick" _key="1"><span>1</span></td>
 				<td class="kbdH kbdClick" _key="2"><span>2</span></td>
 				<td class="kbdH kbdClick" _key="3"><span>3</span></td>
@@ -97,23 +97,23 @@
 				<td class="kbdH kbdClick" _key="@"><span>@</span></td>
 				<td class="kbdH kbdClick" _key='"'><span>"</span></td>
 				<td class="kbdH kbdClick" _key="*"><span>*</span></td>
-				<td style="width: 2px;"><span></span></td>
+				<td class="kbdH kbdClick" _key="~"><span>~</span></td>
 				<td class="kbdH kbdClick" _key="4"><span>4</span></td>
 				<td class="kbdH kbdClick" _key="5"><span>5</span></td>
 				<td class="kbdH kbdClick" _key="6"><span>6</span></td>
 				<td style="width: 2px;"><span></span></td>
-				<td class="kbdD kbdClick" _key="Close"><span class="kEnter"></span></td>
+				<td class="kbdD kbdClick" _key="Enter"><span class="kEnter"></span></td>
 			</tr>
 			<tr>
 				<td class="kbdH kbdClick" _key="?"><span>?</span></td>
 				<td class="kbdH kbdClick" _key="!"><span>!</span></td>
 				<td class="kbdH kbdClick" _key="'"><span>'</span></td>
-				<td class="kbdH kbdClick" _key="}"><span>}</span></td>
+				<td class="kbdH kbdClick" _key="_"><span>_</span></td>
 				<td class="kbdH kbdClick" _key="<"><span>&lt;</span></td>
 				<td class="kbdH kbdClick" _key=">"><span>&gt;</span></td>
 				<td class="kbdH kbdClick" _key="-"><span>-</span></td>
-				<td style="width: 2px;"><span></span></td>
-				<td class="kbdH kbdClick" _key="7"><span>7</span></td>
+				<td class="kbdH kbdClick" _key="`"><span>`</span></td>
+				<td class="kbdH kbdClick" _key="7"><span>7</span></td>
 				<td class="kbdH kbdClick" _key="8"><span>8</span></td>
 				<td class="kbdH kbdClick" _key="9"><span>9</span></td>
 				<td style="width: 2px;"><span></span></td>
@@ -127,7 +127,7 @@
 				<td class="kbdH kbdClick" _key="#"><span>#</span></td>
 				<td class="kbdH kbdClick" _key=","><span>,</span></td>
 				<td class="kbdH kbdClick" _key="+"><span>+</span></td>
-				<td style="width: 2px;"><span></span></td>
+				<td class="kbdH kbdClick" _key="%"><span>%</span></td>
 				<td colspan="2" class="kbdH kbdClick" _key="0"><span>0</span></td>
 				<td class="kbdD kbdClick" _key="."><span>.</span></td>
 				<td style="width: 2px;"><span></span></td>
@@ -135,4 +135,4 @@
 			</tr>
 		</table>	
 	</div>
-</div>
+</div>
\ No newline at end of file
diff --git a/keyboard_it.html b/keyboard_it.html
new file mode 100644
index 0000000..64ef1a4
--- /dev/null
+++ b/keyboard_it.html
@@ -0,0 +1,96 @@
+<div id="virtualKeyboardChromeExtensionOverlayItA" _state="closed" class="virtualKeyboardChromeExtensionOverlay" style="display: none;">
+  <ul class="virtualKeyboardChromeExtensionOverlayKeysUl">
+    <li class="virtualKeyboardChromeExtensionOverlayButton kdbCase" _action="key" _key="a">a</li>
+    <li class="virtualKeyboardChromeExtensionOverlayButton kdbCase" _action="key" _key="&agrave;" _keyC="&Agrave;">&agrave;</li>
+  </ul>
+</div>
+
+<div id="virtualKeyboardChromeExtensionOverlayItE" _state="closed" class="virtualKeyboardChromeExtensionOverlay" style="display: none;">
+  <ul class="virtualKeyboardChromeExtensionOverlayKeysUl">
+    <li class="virtualKeyboardChromeExtensionOverlayButton kdbCase" _action="key" _key="e">e</li>
+    <li class="virtualKeyboardChromeExtensionOverlayButton kdbCase" _action="key" _key="&eacute;" _keyC="&Eacute;">&eacute;</li>
+    <li class="virtualKeyboardChromeExtensionOverlayButton kdbCase" _action="key" _key="&egrave;" _keyC="&Egrave;">&egrave;</li>
+  </ul>
+</div>
+
+<div id="virtualKeyboardChromeExtensionOverlayItI" _state="closed" class="virtualKeyboardChromeExtensionOverlay" style="display: none;">
+  <ul class="virtualKeyboardChromeExtensionOverlayKeysUl">
+    <li class="virtualKeyboardChromeExtensionOverlayButton kdbCase" _action="key" _key="i">i</li>
+    <li class="virtualKeyboardChromeExtensionOverlayButton kdbCase" _action="key" _key="&igrave;" _keyC="&Igrave;">&igrave;</li>
+  </ul>
+</div>
+
+<div id="virtualKeyboardChromeExtensionOverlayItO" _state="closed" class="virtualKeyboardChromeExtensionOverlay" style="display: none;">
+  <ul class="virtualKeyboardChromeExtensionOverlayKeysUl">
+    <li class="virtualKeyboardChromeExtensionOverlayButton kdbCase" _action="key" _key="o">o</li>
+    <li class="virtualKeyboardChromeExtensionOverlayButton kdbCase" _action="key" _key="&ograve;" _keyC="&Ograve;">&ograve;</li>
+  </ul>
+</div>
+
+<div id="virtualKeyboardChromeExtensionOverlayItU" _state="closed" class="virtualKeyboardChromeExtensionOverlay" style="display: none;">
+  <ul class="virtualKeyboardChromeExtensionOverlayKeysUl">
+    <li class="virtualKeyboardChromeExtensionOverlayButton kdbCase" _action="key" _key="u">u</li>
+    <li class="virtualKeyboardChromeExtensionOverlayButton kdbCase" _action="key" _key="&ugrave;" _key="&Ugrave;">&ugrave;</li>
+  </ul>
+</div>
+
+<table cellpadding="2" class="virtualKeyboardChromeExtensionMainKeys">
+  <tr>
+    <td class="kbdH kdbCase kbdClick" _key="q"><span>q</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="w"><span>w</span></td>
+    <td class="kbdH kdbCase kbdClick kMenu" _menu="ItE" _hoverOnly="true" _key="e"><span>e</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="r"><span>r</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="t"><span>t</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="y"><span>y</span></td>
+    <td class="kbdH kdbCase kbdClick kMenu" _menu="ItU" _hoverOnly="true" _key="u"><span>u</span></td>
+    <td class="kbdH kdbCase kbdClick kMenu" _menu="ItI" _hoverOnly="true" _key="i"><span>i</span></td>
+    <td class="kbdH kdbCase kbdClick kMenu" _menu="ItO" _hoverOnly="true" _key="o"><span>o</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="p"><span>p</span></td>
+    <td class="kbdHB kbdClick" _key="Backspace"><span>Backspace</span></td>
+  </tr>
+</table>
+
+<table cellpadding="2" class="virtualKeyboardChromeExtensionMainKeys">
+  <tr>
+    <td style="width: 1px"><span></span></td>
+    <td class="kbdH kdbCase kbdClick kMenu" _menu="ItA" _hoverOnly="true" _key="a"><span>a</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="s"><span>s</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="d"><span>d</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="f"><span>f</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="g"><span>g</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="h"><span>h</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="j"><span>j</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="k"><span>k</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="l"><span>l</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="'"><span>'</span></td>
+    <td class="kbdHBE kbdClick" _key="Enter"><span>Enter</span></td>
+  </tr>
+</table>
+
+<table cellpadding="2" class="virtualKeyboardChromeExtensionMainKeys">
+  <tr>
+    <td class="kbdShift kbdClick" _key="Shift"><span class="kShift"></span></td>
+    <td class="kbdH kdbCase kbdClick" _key="z"><span>z</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="x"><span>x</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="c"><span>c</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="v"><span>v</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="b"><span>b</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="n"><span>n</span></td>
+    <td class="kbdH kdbCase kbdClick" _key="m"><span>m</span></td>
+    <td class="kbdH kbdClick" _key=","><span>,</span></td>
+    <td class="kbdH kbdClick" _key="."><span>.</span></td>
+    <td class="kbHideEmailInput kbdH kbdClick" _key="?"><span>?</span></td>
+    <td class="kbEmailInput kbdH kbdClick" _key="@"><span>@</span></td>
+    <td id="urlButton" class="kbdH kbdClick" _key="Url"><span>URL</span></td>
+    <td class="kbdShift kbdClick" _key="Shift"><span class="kShift"></span></td>
+  </tr>
+</table>
+
+<table cellpadding="2" class="virtualKeyboardChromeExtensionMainKeys">
+  <tr>
+    <td class="kbdD kbdClick" _key="&123"><span class="kAbc">&123</span></td>
+    <td width="10" id="settingsButton" _menu="Settings" class="kbdD kbdClick kSettings kMenu" _key="empty"><span></span></td>
+    <td class="kbdS kbdClick" _key=" "><span></span></td>
+    <td class="kbdD kbdClick" _key="Close"><span class="kClose"></span></td>
+  </tr>
+</table>
diff --git a/manifest.json b/manifest.json
index 04bd59e..c2b3701 100644
--- a/manifest.json
+++ b/manifest.json
@@ -24,7 +24,7 @@
     "keyboard_en.html",
     "keyboard_ru.html",
     "style.css",
-    "options.js",
+    "options/*",
     "toggle.html",
     "toggle.js",
     "icons/*",
diff --git a/options.html b/options.html
index 2f05515..7bfa35f 100644
--- a/options.html
+++ b/options.html
@@ -1,281 +1,118 @@
 <!DOCTYPE HTML>
 <html id="t" i18n-values="dir:textdirection">
-<head>
-<meta charset="utf-8">
-<title i18n-content="optionsPageTitle">Virtual Keyboard Settings</title>
-<style>
-body.loaded {
-	opacity: 1;
-}
-#page {
-	-webkit-transition: all 0.55s ease-out;
-	-webkit-transform: scale(0.9) translate3d(-200px,0,0);
-	width: 900px;
-}
-body.loaded #page {
-	-webkit-transform:  translate3d(30px,0,0) perspective(800);
-}
-select::-webkit-scrollbar {
-	width: 5px;
-	height: 5px;
-}
- 
-select::-webkit-scrollbar-track {
-	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
-	-webkit-border-radius: 10px;
-	border-radius: 10px;
-	background-color: #eee;
-}
- 
-select::-webkit-scrollbar-thumb {
-	-webkit-border-radius: 10px;
-	border-radius: 10px;
-	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.8);
-	-webkit-transition: all 0.2s;	
-	background-color: #666;
-}
-
-body {
-	font-family: 'Segoe UI', Tahoma, sans-serif;
-	color: #333;
-	margin: 30px;
-	background-color: #fefefe;
-	padding-bottom: 20px;
-	opacity: 0;
-	-webkit-transition: all 1.5s;
-}
-h1, h2 {
-	font-size: 30px;
-	margin: 0;
-	font-weight: normal;
-	letter-spacing: -1px;
-}
-h2 {
-	font-size: 20px;
-	margin-bottom: 10px;
-	color: #555;
-	margin-top: 30px;
-}
 
-#options {
-	margin-top: 30px;
-	font-size: 14px;
-}
-#footer {
-	position: fixed;
-	bottom: 0;
-	left: 0;
-	right: 0;
-	border-top: 1px solid #BBB;
-	padding: 10px 30px;
-	font-size: 13px;
-	color: #222;
-	background-color: rgba(255,255,255,0.8);
-	box-shadow: 0px 0px 10px rgba(0,0,0,0.07);
-	z-index: 100;
-}
- select, input[type='checkbox'], input[type='radio'] {
-	-webkit-appearance: none;
-	-webkit-user-select: none;
-	background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
-	border: 1px solid rgba(0, 0, 0, 0.25);
-	border-radius: 2px;
-	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
-	color: #444;
-	font: inherit;
-	margin: 0 1px 0 0;
-	text-shadow: 0 1px 0 rgb(240, 240, 240);
-}
-select, select:hover, select:focus {
-	background: #fff;
-	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.1);
-	background-image: none !important;
-}
-:enabled:hover:-webkit-any( select, input[type='checkbox'], input[type='radio'], :-webkit-any( button, input[type='button'], input[type='submit']):not(.custom-appearance):not(.link-button)) {
-	background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
-	border-color: rgba(0, 0, 0, 0.3);
-	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.95);
-	color: black;
-}
-input[type='checkbox']:checked::before {
-	-webkit-user-select: none;
-	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAcklEQVQY02NgwA/YoJgoEA/Es4DYgJBCJSBeD8SboRinBiYg7kZS2IosyQ/Eakh8LySFq4FYHFlxGRBvBOJYqMRqJMU+yApNkSRAeC0Sux3dfSCTetE0wKyXxOWhMKhTYIr9CAUXyJMzgLgBagBBgDPGAI2LGdNt0T1AAAAAAElFTkSuQmCC');
-	background-size: 100% 100%;
-	content: '';
-	display: block;
-	height: 100%;
-	width: 100%;
-}
-input[type='checkbox'] {
-	bottom: 2px;
-	height: 13px;
-	position: relative;
-	vertical-align: middle;
-	width: 13px;
-}
-select {
-	border: 1px solid #999;
-	border-radius: 3px;
-}
-select, input, button {
-	-webkit-transition: all 0.3s;
-	outline: none;
-}
-select:focus, input:focus, button:active {
-	border: 1px solid #15C !important;
-}
-#footer a {
-	color: #000;
-	-webkit-transition: all 0.4s;
-	text-decoration: none;	
-	border-bottom: 1px solid #fff;	
-}
-#footer a:hover {
-	border-bottom: 1px solid #333;	
-}
-#links {
-	position: fixed;
-	top: 35px;
-	bottom: 0;
-	right: 0;
-	z-index: 1;
-	padding-right: 100px;
-	box-shadow: 1px 10px 10px rgba(0,0,0,0.1);
-	padding-left: 25px;
-}
-#links a {
-	display: inline-block;
-	text-decoration: none;
-	-webkit-transition: all 0.4s;	
-	color: #888;
-	border-bottom: 1px solid #fff;
-	padding: 2px 5px;
-	margin: 5px 0;
-	font-size: 13px;
-}
-#links a:hover {
-	border-bottom: 1px solid #333;
-	color: #333;
-}
-select {
-	padding: 5px;
-}
-select.layout {
-	height: 200px;
-	width: 150px;
-}
-label {
-	padding: 7px 0;
-	display: block;
-}
-th {
-	font-size: 15px;
-	text-align: left;
-	font-weight: normal;
-	padding-top: 20px;
-}
-button {
-	-webkit-appearance: none;
-	-webkit-user-select: none;
-	background-image: -webkit-linear-gradient(#EDEDED, #EDEDED 38%, #DEDEDE);
-	border: 1px solid rgba(0, 0, 0, 0.25);
-	border-radius: 2px;
-	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
-	color: #000;
-	font: inherit;
-	margin: 5px 10px;
-	text-shadow: 0 1px 0 #F0F0F0;
-	padding: 5px 10px;
-	-webkit-transition: all 0.4s;	
-}
-#changeEffect {
-	-webkit-transition: all 0.4s;
-	font-size: 1px;
-	opacity: 0;
-}
-#changeEffect.show {
-	opacity: 1;
-	font-size: 14px;
-}
-button:active {
-  background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7);
-}
-</style>
-<script src="options.js"></script>
+<head>
+	<meta charset="utf-8">
+	<title i18n-content="optionsPageTitle">Virtual Keyboard Settings</title>
+	<link href="options/styles.css" rel="stylesheet" />
+	<script src="options/script.js"></script>
 </head>
 <body>
-<div id="page">
-	<div id="navigation">
-		<h1>Virtual Keyboard Settings</h1>
-		<div id="changeEffect">Settings have been saved. Note: Your changes will take effect when you reload page</div>
-	</div>
-	<div id="options">
-		<h2>Keyboard Layout</h2>
-		<table cellpadding="0" cellspacing="0">
-			<tr>
-				<th>Available Layouts:</th>
-				<th></th>
-				<th>Chosen Layouts:</th>
-			</tr>
-			<tr>
-				<td>
-					<select id="al" multiple="multiple" class="layout" width="100" height="200">
-						<option value="en">English (QWERTY)</option>
-						<option value="fr">French (AZERTY)</option>
-						<option value="de">German (QWERTZ)</option>
-						<option value="kr">Korean</option>
-						<option value="hu">Magyar (QWERTY)</option>
-						<option value="no">Norwegian (QWERTY)</option>
-						<option value="pl">Polish (QWERTY)</option>
-						<option value="ru">Russian (JCUKEN)</option>
-						<option value="sl">Slovenian (QWERTZ)</option>
-						<option value="es">Spanish (QWERTY)</option>
-						<option value="sw">Swedish (QWERTY)</option>
-						<option value="ta">Tamil 99</option>
-					</select>
-				</td>
-				<td>
-					<button id="kl_add">&gt;</button><br />
-					<button id="kl_remove">&lt;</button>
-				</td>
-				<td>
-					<select id="sl" multiple="multiple" class="layout" width="100" height="200">
-						<option value="en">English (QWERTY)</option>
-					</select>
-				</td>
-			</tr>
-		</table>
-		<br />	
-		<h2>Behaviour</h2>
-		<label><input type="checkbox" id="capsLock" _setting="capsLock" class="setting" value="true" _default="true" /> Enable Caps Lock</label>
-		<label><input type="checkbox" id="intelligentScroll" _setting="intelligentScroll" class="setting" value="true" _default="true" /> Enable Intelligent Auto-Scrolling (Scrolls the page automatically when a text field is in focus)</label>
-		<label><input type="checkbox" id="repeatLetters" _setting="repeatLetters" class="setting" value="true" _default="false" /> Enable Auto letter/character Repetition </label>
-		<label><input type="checkbox" id="touchEvents" _setting="touchEvents" class="setting" value="true" _changed="checkbox_touchEvents" /> Use Touch events instead of Mouse events</label>
-		<div id="autoTriggerPH">
-			<label><input type="checkbox" id="autoTrigger" _setting="autoTrigger" class="setting" value="true" _changed="checkbox_autoTrigger" /> Enable Auto Clicking via Mouse Hover</label>
-			<div id="autoTriggerOnPH">
-				<label id="autoTriggerAfterLabel"><span style="vertical-align: top;">Trigger auto clicking after: </span> <input type="range" min="0.1" max="30" step="0.1" style="width: 260px" id="autoTriggerAfter" _setting="autoTriggerAfter" class="setting" value="1.0" _default="1.0	" _changed="slider_autoTriggerAfter" /> <span style="vertical-align: top;" id="autoTriggerAfterValue"></span></label>
-				<label><input type="checkbox" id="autoTriggerLinks" _setting="autoTriggerLinks" class="setting" value="true"/> Enable Auto Clicking via Mouse Hover on Anchor tags (Links)</label>
+	<h1>Virtual Keyboard Settings</h1>
+	<div id="page">
+		<div id="navigation">
+			<div id="changeEffect">Settings have been saved. Note: Your changes will take effect when you reload page</div>
+		</div>
+		<div id="options">
+			<h2>Keyboard Layout</h2>
+			<table cellpadding="0" cellspacing="0">
+				<tr>
+					<th>Available Layouts:</th>
+					<th></th>
+					<th>Chosen Layouts:</th>
+				</tr>
+				<tr>
+					<td>
+						<select id="al" multiple="multiple" class="layout" width="100" height="200">
+							<option value="en">English (QWERTY)</option>
+							<option value="fr">French (AZERTY)</option>
+							<option value="de">German (QWERTZ)</option>
+							<option value="it">Italian (QWERTY)</option>
+							<option value="kr">Korean</option>
+							<option value="hu">Magyar (QWERTY)</option>
+							<option value="no">Norwegian (QWERTY)</option>
+							<option value="pl">Polish (QWERTY)</option>
+							<option value="ru">Russian (JCUKEN)</option>
+							<option value="sl">Slovenian (QWERTZ)</option>
+							<option value="es">Spanish (QWERTY)</option>
+							<option value="sw">Swedish (QWERTY)</option>
+							<option value="ta">Tamil 99</option>
+						</select>
+					</td>
+					<td>
+						<button id="kl_add">&gt;</button>
+						<br />
+						<button id="kl_remove">&lt;</button>
+					</td>
+					<td>
+						<select id="sl" multiple="multiple" class="layout" width="100" height="200">
+							<option value="en">English (QWERTY)</option>
+						</select>
+					</td>
+				</tr>
+			</table>
+			<br />
+			<h2>Behaviour</h2>
+			<label>
+				<input type="checkbox" id="capsLock" _setting="capsLock" class="setting" value="true" _default="true" /> Enable Caps Lock</label>
+			<label>
+				<input type="checkbox" id="intelligentScroll" _setting="intelligentScroll" class="setting" value="true" _default="true"
+				/> Enable Intelligent Auto-Scrolling (Scrolls the page automatically when a text field is in focus)</label>
+			<label>
+				<input type="checkbox" id="repeatLetters" _setting="repeatLetters" class="setting" value="true" _default="false" /> Enable Auto letter/character Repetition </label>
+			<label>
+				<input type="checkbox" id="touchEvents" _setting="touchEvents" class="setting" value="true" _changed="checkbox_touchEvents"
+				/> Use Touch events instead of Mouse events</label>
+			<div id="autoTriggerPH">
+				<label>
+					<input type="checkbox" id="autoTrigger" _setting="autoTrigger" class="setting" value="true" _changed="checkbox_autoTrigger"
+					/> Enable Auto Clicking via Mouse Hover</label>
+				<div id="autoTriggerOnPH">
+					<label id="autoTriggerAfterLabel">
+						<span style="vertical-align: top;">Trigger auto clicking after: </span>
+						<input type="range" min="0.1" max="30" step="0.1" style="width: 260px" id="autoTriggerAfter"
+						 _setting="autoTriggerAfter" class="setting" value="1.0" _default="1.0	" _changed="slider_autoTriggerAfter" />
+						<span style="vertical-align: top;" id="autoTriggerAfterValue"></span>
+					</label>
+					<label>
+						<input type="checkbox" id="autoTriggerLinks" _setting="autoTriggerLinks" class="setting" value="true" /> Enable Auto Clicking via Mouse Hover on Anchor tags (Links)</label>
+				</div>
 			</div>
+			<h2>User Interface (UI)</h2>
+			<label>
+				<input type="checkbox" id="hardwareAcceleration" _setting="hardwareAcceleration" class="setting" value="true" _default="true"
+				/> Enable Hardware Acceleration</label>
+			<label>
+				<input type="checkbox" id="toogleKeyboard" _setting="toogleKeyboard" class="setting" value="true" _default="true" /> Enable Toggle Keyboard page action (Keyboard icon in URL bar)</label>
+			<label>
+				<input type="checkbox" id="urlButton" _setting="urlButton" class="setting" value="true" /> Enable URL Button (Allows you to type a new website address using this keyboard)</label>
+			<label>
+				<input type="checkbox" id="smallKeyboard" _setting="smallKeyboard" class="setting" value="true" _changed="checkbox_smallKeyboard"
+				/> Enable Small Keyboard Layout (Can also be moved!)</label>
+			<label id="zoomLevelLabel">
+				<span style="vertical-align: top;">Zoom level: </span>
+				<input type="range" min="0" max="1.8" step="0.05" id="zoomLevel" _setting="zoomLevel" style="width: 260px"
+				 class="setting" value="0" _default="0" _changed="slider_zoom" />
+				<span style="vertical-align: top;" id="zoomLevelValue"></span>
+			</label>
+		</div>
+		<div id="links">
+			<h2 style="margin-top: 60px;">Links</h2>
+			<a target="_blank" href="http://apps.xontab.com/Suggest/VirtualKeyboard?from=VKO">Suggest a Feature</a>
+			<br />
+			<a target="_blank" href="https://apps.xontab.com/?from=VKO">FREE Extensions &amp; Applications</a>
+			<br />
+			<a target="_blank" href="http://xontab.com?from=VKO">Developer's Website</a>
+			<br />
+			<h2 style="margin-top: 40px">Credits</h2>
+			<a target="_blank" href="#">Stuart Wright</a>
+			<a id="footer" target="_blank" href="http://xontab.com?from=VKO">
+				Developed by:
+				<span>Shaun Tabone</span> 
+			</a>
+			<iframe src="http://xontab.com/advert.html" width="210" height="650" />
 		</div>
-		<h2>User Interface (UI)</h2>
-		<label><input type="checkbox" id="hardwareAcceleration" _setting="hardwareAcceleration" class="setting" value="true" _default="true" /> Enable Hardware Acceleration</label>
-		<label><input type="checkbox" id="toogleKeyboard" _setting="toogleKeyboard" class="setting" value="true" _default="true" /> Enable Toggle Keyboard page action (Keyboard icon in URL bar)</label>
-		<label><input type="checkbox" id="urlButton" _setting="urlButton" class="setting" value="true" /> Enable URL Button (Allows you to type a new website address using this keyboard)</label>
-		<label><input type="checkbox" id="smallKeyboard" _setting="smallKeyboard" class="setting" value="true" _changed="checkbox_smallKeyboard" /> Enable Small Keyboard Layout (Can also be moved!)</label>
-		<label id="zoomLevelLabel"><span style="vertical-align: top;">Zoom level: </span> <input type="range" min="0" max="1.8" step="0.05" id="zoomLevel" _setting="zoomLevel" style="width: 260px" class="setting" value="0" _default="0" _changed="slider_zoom" /> <span style="vertical-align: top;" id="zoomLevelValue"></span></label>
 	</div>
-</div>
-<div id="links">
-	<h2 style="margin-top: 60px;">Links</h2>
-	<a target="_blank" href="http://www.xontab.com/Apps/Suggest/1?from=VKO">Suggest a Feature</a><br />
-	<a target="_blank" href="http://www.xontab.com/Apps?from=VKO">FREE Extensions &amp; Applications</a><br />
-	<a target="_blank" href="http://www.xontab.com?from=VKO">Developer's Website</a><br />
-	<h2 style="margin-top: 40px">Credits</h2>
-	<a target="_blank" href="#">Stuart Wright</a><br />
-</div>
-<div id="footer">
-	Developed by <a target="_blank" href="http://www.xontab.com?from=VKO">Shaun Tabone</a> in 2011-2013
-</div>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/options/script.js b/options/script.js
new file mode 100644
index 0000000..f87d46d
--- /dev/null
+++ b/options/script.js
@@ -0,0 +1,138 @@
+function kl_add() {
+	var o = document.getElementById("al").options;
+	for (var i = 0; i < o.length; i++) {
+		if (o[i].selected) {
+			var opt = document.createElement("option");
+			opt.text = o[i].innerHTML;
+			opt.value = o[i].value;
+			var os = document.getElementById("sl").options;
+			var exists = false;
+			for (var i2 = 0; i2 < os.length; i2++) {
+				if (os[i2].value == o[i].value) {
+					exists = true;
+				}
+			}
+			if (!exists) {
+				document.getElementById("sl").options.add(opt);
+			}
+		}
+	}
+	kl_save();
+}
+
+function kl_save() {
+	var a = new Array();
+	var o = document.getElementById("sl").options;
+	for (var i = 0; i < o.length; i++) {
+		if (o[i].value != undefined) {
+			a.push({ value: o[i].value, name: o[i].innerHTML });
+		}
+	}
+	localStorage["keyboardLayoutsList"] = JSON.stringify(a);
+	localStorage["keyboardLayout1"] = a[0].value;
+	document.getElementById("changeEffect").className = "show";
+}
+
+function kl_load() {
+	if (localStorage["keyboardLayoutsList"] != undefined) {
+		var a = JSON.parse(localStorage["keyboardLayoutsList"]);
+		if (a.length > 0) {
+			document.getElementById("sl").removeChild(document.getElementById("sl").options[0]);
+			for (var i = 0; i < a.length; i++) {
+				var opt = document.createElement("option");
+				opt.text = a[i].name;
+				opt.value = a[i].value;
+				if (a[i].value != undefined) {
+					document.getElementById("sl").options.add(opt);
+				}
+			}
+		}
+	}
+}
+
+function kl_remove() {
+	var o = document.getElementById("sl").options;
+	if (o.length > 1) {
+		for (var i = 0; i < o.length; i++) {
+			if (o[i].selected) {
+				document.getElementById("sl").removeChild(o[i]);
+			}
+		}
+	}
+	kl_save();
+}
+
+window.addEventListener('load', function () {
+	document.body.className = "loaded";
+	kl_load();
+	document.getElementById("kl_remove").addEventListener("click", kl_remove, false);
+	document.getElementById("kl_add").addEventListener("click", kl_add, false);
+	var c = document.getElementsByClassName("setting");
+	for (var i = 0; i < c.length; i++) {
+		var sk = c[i].getAttribute("_setting");
+		if (c[i].getAttribute("type") == "checkbox") {
+			if ((localStorage[sk] == undefined) && (c[i].getAttribute("_default") != undefined)) {
+				localStorage[sk] = c[i].getAttribute("_default");
+			}
+			if (localStorage[sk] == "true") {
+				c[i].checked = true;
+			}
+		} if (c[i].getAttribute("type") == "range") {
+			if (localStorage[sk] == undefined) {
+				c[i].value = 0;
+			} else {
+				c[i].value = localStorage[sk];
+			}
+		} else {
+			c[i].value = localStorage[sk];
+		}
+		c[i].onchange = function () {
+			var skey = this.getAttribute("_setting");
+			if (this.getAttribute("type") == "checkbox") {
+				if ((localStorage[skey] == undefined) && (this.getAttribute("_default") != undefined)) {
+					localStorage[skey] = this.getAttribute("_default");
+				}
+				localStorage[skey] = this.checked ? "true" : "false";
+			} else {
+				localStorage[skey] = this.value;
+			}
+			document.getElementById("changeEffect").className = "show";
+			if (this.getAttribute("_changed") != undefined) {
+				callFunc(this.getAttribute("_changed"));
+			}
+		}
+		if (c[i].getAttribute("_changed") != undefined) {
+			callFunc(c[i].getAttribute("_changed"));
+		}
+	}
+}, false);
+
+function callFunc(callback) {
+	eval(callback)();
+}
+
+function slider_zoom() {
+	var v = document.getElementById("zoomLevel").value;
+	if (v < 0.3) { v = "Auto"; } else { v = (v * 100).toFixed(0) + "%"; }
+	document.getElementById("zoomLevelValue").innerHTML = v;
+}
+
+function checkbox_smallKeyboard() {
+	var s = document.getElementById("smallKeyboard").checked;
+	document.getElementById("zoomLevelLabel").style.display = s ? "none" : "block";
+}
+
+function checkbox_touchEvents() {
+	var s = document.getElementById("touchEvents").checked;
+	document.getElementById("autoTriggerPH").style.display = s ? "none" : "block";
+}
+
+function slider_autoTriggerAfter() {
+	var v = document.getElementById("autoTriggerAfter").value + " sec";
+	document.getElementById("autoTriggerAfterValue").innerHTML = v;
+}
+
+function checkbox_autoTrigger() {
+	var s = !document.getElementById("autoTrigger").checked;
+	document.getElementById("autoTriggerOnPH").style.display = s ? "none" : "block";
+}
diff --git a/options/styles.css b/options/styles.css
new file mode 100644
index 0000000..0fd8267
--- /dev/null
+++ b/options/styles.css
@@ -0,0 +1,261 @@
+body.loaded {
+    opacity: 1;
+}
+
+#page {
+    -webkit-transition: all 0.55s ease-out;
+    -webkit-transform: scale(0.9) translate3d(-230px, 0, 0);
+    min-width: 1000px;
+    padding: 30px;
+    padding-top: 80px;
+    padding-left: 60px;
+}
+
+body.loaded #page {
+    -webkit-transform: translate3d(0, 0, 0) perspective(800);
+}
+
+select::-webkit-scrollbar {
+    width: 5px;
+    height: 5px;
+}
+
+select::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+    background-color: #eee;
+}
+
+select::-webkit-scrollbar-thumb {
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
+    -webkit-transition: all 0.2s;
+    background-color: #666;
+}
+
+body {
+    font-family: 'Segoe UI', Tahoma, sans-serif;
+    color: #333;
+    background-color: #fefefe;
+    opacity: 0;
+    -webkit-transition: all 1.5s;
+}
+
+h1 {
+    background-color: #20509F;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    font-size: 24px;
+    padding: 12px;
+    padding-left: 70px;
+    color: #fff;
+    z-index: 10;
+}
+
+h1,
+h2 {
+    margin: 0;
+    font-weight: normal;
+    letter-spacing: -1px;
+}
+
+h2 {
+    font-size: 20px;
+    margin-bottom: 10px;
+    color: #555;
+    margin-top: 30px;
+}
+
+#options {
+    margin-top: 30px;
+    font-size: 14px;
+}
+
+#links a#footer {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    border-top: 1px solid #BBB;
+    padding: 20px 30px;
+    font-size: 13px;
+    color: #222;
+    text-decoration: none;
+    border-bottom: 0;
+    margin-bottom: 0;
+}
+
+#links a#footer:hover {
+    background-color: #eee;
+}
+
+#links a#footer span {
+    background-image: url(https://xontab.com/res/images/logo/header.png);
+    background-repeat: no-repeat;
+    background-size: 50px;
+    height: 50px;
+    padding-left: 60px;
+    font-size: 23px;
+    margin-top: 12px;
+    padding-top: 8px;
+    text-decoration: none;
+    color: #20509F;
+    letter-spacing: -1px;
+    margin-left: 10px;
+    display: inline-block;
+}
+
+select,
+input[type='checkbox'],
+input[type='radio'] {
+    -webkit-appearance: none;
+    -webkit-user-select: none;
+    background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
+    border: 1px solid rgba(0, 0, 0, 0.25);
+    border-radius: 2px;
+    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
+    color: #444;
+    font: inherit;
+    margin: 0 1px 0 0;
+    text-shadow: 0 1px 0 rgb(240, 240, 240);
+}
+
+select,
+select:hover,
+select:focus {
+    background: #fff;
+    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.1);
+    background-image: none !important;
+}
+
+:enabled:hover:-webkit-any( select, input[type='checkbox'], input[type='radio'], :-webkit-any( button, input[type='button'], input[type='submit']):not(.custom-appearance):not(.link-button)) {
+    background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
+    border-color: rgba(0, 0, 0, 0.3);
+    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.95);
+    color: black;
+}
+
+input[type='checkbox']:checked::before {
+    -webkit-user-select: none;
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAcklEQVQY02NgwA/YoJgoEA/Es4DYgJBCJSBeD8SboRinBiYg7kZS2IosyQ/Eakh8LySFq4FYHFlxGRBvBOJYqMRqJMU+yApNkSRAeC0Sux3dfSCTetE0wKyXxOWhMKhTYIr9CAUXyJMzgLgBagBBgDPGAI2LGdNt0T1AAAAAAElFTkSuQmCC');
+    background-size: 100% 100%;
+    content: '';
+    display: block;
+    height: 100%;
+    width: 100%;
+}
+
+input[type='checkbox'] {
+    bottom: 2px;
+    height: 13px;
+    position: relative;
+    vertical-align: middle;
+    width: 13px;
+}
+
+select {
+    border: 1px solid #999;
+    border-radius: 3px;
+}
+
+select,
+input,
+button {
+    -webkit-transition: all 0.3s;
+    outline: none;
+}
+
+select:focus,
+input:focus,
+button:active {
+    border: 1px solid #15C !important;
+}
+
+#links {
+    position: absolute;
+    top: 35px;
+    bottom: 0;
+    right: 0;
+    z-index: 1;
+    padding-right: 220px;
+    box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.1);
+    padding-left: 25px;
+}
+
+#links iframe {
+    position: absolute;
+    right: 0;
+    top: 50px;
+    border: 0;
+}
+
+#links a {
+    display: inline-block;
+    text-decoration: none;
+    -webkit-transition: all 0.4s;
+    color: #888;
+    border-bottom: 1px solid #fff;
+    padding: 2px 5px;
+    margin: 5px 0;
+    font-size: 13px;
+}
+
+#links a:hover {
+    border-bottom: 1px solid #333;
+    color: #333;
+}
+
+select {
+    padding: 5px;
+}
+
+select.layout {
+    height: 200px;
+    width: 150px;
+}
+
+label {
+    padding: 7px 0;
+    display: block;
+}
+
+th {
+    font-size: 15px;
+    text-align: left;
+    font-weight: normal;
+    padding-top: 20px;
+}
+
+button {
+    -webkit-appearance: none;
+    -webkit-user-select: none;
+    background-image: -webkit-linear-gradient(#EDEDED, #EDEDED 38%, #DEDEDE);
+    border: 1px solid rgba(0, 0, 0, 0.25);
+    border-radius: 2px;
+    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
+    color: #000;
+    font: inherit;
+    margin: 5px 10px;
+    text-shadow: 0 1px 0 #F0F0F0;
+    padding: 5px 10px;
+    -webkit-transition: all 0.4s;
+}
+
+#changeEffect {
+    -webkit-transition: all 0.4s;
+    font-size: 1px;
+    opacity: 0;
+}
+
+#changeEffect.show {
+    opacity: 1;
+    font-size: 14px;
+}
+
+button:active {
+    background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7);
+}
diff --git a/script.js b/script.js
index 187504b..e93e01b 100644
--- a/script.js
+++ b/script.js
@@ -704,7 +704,7 @@ var virtualKeyboardChromeExtensionRequestRefresh = false;
 
 function xk_settings_load_main(response) {
 	if (response.openedFirstTime == undefined) {
-		window.open(chrome.extension.getURL("options.html"));
+		chrome.extension.sendRequest({ method: "createTab", url: chrome.extension.getURL("options.html") });		
 		setting_set("openedFirstTime", "true");
 	}
 	if (response.smallKeyboard == "true") {