From 2a2720bc5efa46c158fbf343a3e5ab1005d0af99 Mon Sep 17 00:00:00 2001
From: sm4xas <sm4xas@hotmail.com>
Date: Sat, 11 Jan 2020 21:39:57 +0100
Subject: [PATCH] Frequency Fine Tuning

Merged project to add frequency fine tuning
---
 htdocs/css/openwebrx.css   |  78 +++---
 htdocs/icons/link.png      | Bin 0 -> 219 bytes
 htdocs/icons/stepdn.16.png | Bin 0 -> 1560 bytes
 htdocs/icons/stepdn.18.png | Bin 0 -> 1590 bytes
 htdocs/icons/stepdn.20.png | Bin 0 -> 1682 bytes
 htdocs/icons/stepup.16.png | Bin 0 -> 1565 bytes
 htdocs/icons/stepup.18.png | Bin 0 -> 1656 bytes
 htdocs/icons/stepup.20.png | Bin 0 -> 1745 bytes
 htdocs/index.html          |  38 +--
 htdocs/openwebrx.js        | 469 +++++++++++++++++++++++++++++--------
 10 files changed, 429 insertions(+), 156 deletions(-)
 create mode 100644 htdocs/icons/link.png
 create mode 100644 htdocs/icons/stepdn.16.png
 create mode 100644 htdocs/icons/stepdn.18.png
 create mode 100644 htdocs/icons/stepdn.20.png
 create mode 100644 htdocs/icons/stepup.16.png
 create mode 100644 htdocs/icons/stepup.18.png
 create mode 100644 htdocs/icons/stepup.20.png

diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index 9f0ac6f..21dae76 100644
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -3,7 +3,7 @@
 	This file is part of OpenWebRX,
 	an open-source SDR receiver software with a web UI.
 	Copyright (c) 2013-2015 by Andras Retzler <randras@sdr.hu>
-	Copyright (c) 2019-2020 by Jakob Ketterl <dd5jfk@darc.de>
+	Copyright (c) 2019 by Jakob Ketterl <dd5jfk@darc.de>
 
     This program is free software: you can redistribute it and/or modify
     it under the terms of the GNU Affero General Public License as
@@ -266,16 +266,14 @@ input[type=range]:focus::-ms-fill-upper
 	background-repeat: no-repeat;
 	background-color: #1e5f7f;
 	background-size: cover;
-	display: flex;
-	flex-direction: column;
 }
 
 #webrx-canvas-container
 {
 	position: relative;
-	overflow: visible;
+	overflow: hidden;
 	cursor: crosshair;
-	flex-grow: 1;
+	height: 100%;
 }
 
 #webrx-canvas-container canvas
@@ -288,6 +286,13 @@ input[type=range]:focus::-ms-fill-upper
     height: 200px;
 }
 
+#openwebrx-mathbox-container
+{
+    flex-grow: 1;
+	overflow: none;
+	display: none;
+}
+
 #openwebrx-log-scroll
 {
     /*overflow-y:auto;*/
@@ -345,7 +350,7 @@ input[type=range]:focus::-ms-fill-upper
 	padding: 0;
 	margin: 0;
 	line-height:22px;
-
+	display: inline-block;
 }
 
 #webrx-mouse-freq
@@ -358,6 +363,20 @@ input[type=range]:focus::-ms-fill-upper
 	margin-bottom: 5px;
 }
 
+
+/*---- begin id-control:id-step-freq */
+#id-step-freq
+{
+	cursor: pointer;
+
+}
+
+
+#id-freq-link {
+	display: inline-block;
+	float: right;
+}
+
 #openwebrx-panels-container-left,
 #openwebrx-panels-container-right {
     position: absolute;
@@ -649,7 +668,8 @@ img.openwebrx-mirror-img
 	font-family: 'expletus-sans-medium';
 }
 
-.openwebrx-overlay {
+#openwebrx-autoplay-overlay
+{
 	position: fixed;
 	width: 100%;
 	height: 100%;
@@ -663,10 +683,6 @@ img.openwebrx-mirror-img
 	color: white;
 	font-weight: bold;
 	font-size: 20pt;
-}
-
-#openwebrx-autoplay-overlay
-{
 	cursor: pointer;
 	transition: opacity 0.3s linear;
 }
@@ -676,7 +692,7 @@ img.openwebrx-mirror-img
 	width: 150px;
 }
 
-.openwebrx-overlay .overlay-content {
+#openwebrx-autoplay-overlay .overlay-content {
     position: absolute;
     left: 50%;
     top: 50%;
@@ -684,12 +700,6 @@ img.openwebrx-mirror-img
     text-align: center;
 }
 
-#openwebrx-error-overlay .overlay-content {
-    background-color: #000;
-    padding: 50px;
-    border-radius: 20px;
-}
-
 #openwebrx-digimode-canvas-container
 {
 	/*margin: -10px -10px 10px -10px;*/
@@ -932,15 +942,13 @@ img.openwebrx-mirror-img
 }
 
 #openwebrx-panel-wsjt-message,
-#openwebrx-panel-packet-message,
-#openwebrx-panel-pocsag-message
+#openwebrx-panel-packet-message
 {
     height: 180px;
 }
 
 #openwebrx-panel-wsjt-message tbody,
-#openwebrx-panel-packet-message tbody,
-#openwebrx-panel-pocsag-message tbody
+#openwebrx-panel-packet-message tbody
 {
     display: block;
     overflow: auto;
@@ -949,8 +957,7 @@ img.openwebrx-mirror-img
 }
 
 #openwebrx-panel-wsjt-message thead tr,
-#openwebrx-panel-packet-message thead tr,
-#openwebrx-panel-pocsag-message thead tr
+#openwebrx-panel-packet-message thead tr
 {
     display: block;
 }
@@ -958,9 +965,7 @@ img.openwebrx-mirror-img
 #openwebrx-panel-wsjt-message th,
 #openwebrx-panel-wsjt-message td,
 #openwebrx-panel-packet-message th,
-#openwebrx-panel-packet-message td,
-#openwebrx-panel-pocsag-message th,
-#openwebrx-panel-pocsag-message td
+#openwebrx-panel-packet-message td
 {
     width: 50px;
     text-align: left;
@@ -982,7 +987,6 @@ img.openwebrx-mirror-img
 
 #openwebrx-panel-packet-message .message {
     width: 410px;
-    max-width: 410px;
 }
 
 #openwebrx-panel-packet-message .callsign {
@@ -994,16 +998,6 @@ img.openwebrx-mirror-img
     text-align: center;
 }
 
-#openwebrx-panel-pocsag-message .address {
-    width: 100px;
-}
-
-#openwebrx-panel-pocsag-message .message {
-    width: 486px;
-    max-width: 486px;
-    white-space: pre;
-}
-
 .aprs-symbol {
     display: inline-block;
     width: 15px;
@@ -1085,14 +1079,12 @@ img.openwebrx-mirror-img
 #openwebrx-panel-digimodes[data-mode="jt9"]    #openwebrx-digimode-content-container,
 #openwebrx-panel-digimodes[data-mode="ft4"]    #openwebrx-digimode-content-container,
 #openwebrx-panel-digimodes[data-mode="packet"] #openwebrx-digimode-content-container,
-#openwebrx-panel-digimodes[data-mode="pocsag"] #openwebrx-digimode-content-container,
 #openwebrx-panel-digimodes[data-mode="ft8"]    #openwebrx-digimode-select-channel,
 #openwebrx-panel-digimodes[data-mode="wspr"]   #openwebrx-digimode-select-channel,
 #openwebrx-panel-digimodes[data-mode="jt65"]   #openwebrx-digimode-select-channel,
 #openwebrx-panel-digimodes[data-mode="jt9"]    #openwebrx-digimode-select-channel,
 #openwebrx-panel-digimodes[data-mode="ft4"]    #openwebrx-digimode-select-channel,
-#openwebrx-panel-digimodes[data-mode="packet"] #openwebrx-digimode-select-channel,
-#openwebrx-panel-digimodes[data-mode="pocsag"] #openwebrx-digimode-select-channel
+#openwebrx-panel-digimodes[data-mode="packet"] #openwebrx-digimode-select-channel
 {
     display: none;
 }
@@ -1102,10 +1094,8 @@ img.openwebrx-mirror-img
 #openwebrx-panel-digimodes[data-mode="jt65"]   #openwebrx-digimode-canvas-container,
 #openwebrx-panel-digimodes[data-mode="jt9"]    #openwebrx-digimode-canvas-container,
 #openwebrx-panel-digimodes[data-mode="ft4"]    #openwebrx-digimode-canvas-container,
-#openwebrx-panel-digimodes[data-mode="packet"] #openwebrx-digimode-canvas-container,
-#openwebrx-panel-digimodes[data-mode="pocsag"] #openwebrx-digimode-canvas-container
+#openwebrx-panel-digimodes[data-mode="packet"] #openwebrx-digimode-canvas-container
 {
     height: 200px;
     margin: -10px;
 }
-
diff --git a/htdocs/icons/link.png b/htdocs/icons/link.png
new file mode 100644
index 0000000000000000000000000000000000000000..101865a0d7b5dccbc3559a49d27c07d8f671f664
GIT binary patch
literal 219
zcmeAS@N?(olHy`uVBq!ia0vp^LLkh+1|-AI^@Rf|mUKs7M+S!VC(K#9UIO`&C9V-A
z!TD(=<%vb942~)JNvR5+xryniL8*x;m4zo$ZGeh$JzX3_DsJtW9LRS-fx~(2$4PT0
zBwwqYmD_i!=Z~pS1uNspP0F|49K7rP^XAzz0jHN`B+2Fda-5;~Xv&LO?7}J%rM{CC
zW(gX(hA46M9$M?_x<J5FMf=)4v*V)K9OoW=Z}*9|j$WZzUNU6`w*f<AmbhN7>KPTF
O#SEUVelF{r5}E+`yG`@}

literal 0
HcmV?d00001

diff --git a/htdocs/icons/stepdn.16.png b/htdocs/icons/stepdn.16.png
new file mode 100644
index 0000000000000000000000000000000000000000..61f7acf5d25616022e2e97f4a97d7c67c6ca8ba7
GIT binary patch
literal 1560
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
KMNUMnLSTY2pXD$B

literal 0
HcmV?d00001

diff --git a/htdocs/icons/stepdn.18.png b/htdocs/icons/stepdn.18.png
new file mode 100644
index 0000000000000000000000000000000000000000..20c7185a62ba8e3a433c3e099eadc31a5f89d7ce
GIT binary patch
literal 1590
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

literal 0
HcmV?d00001

diff --git a/htdocs/icons/stepdn.20.png b/htdocs/icons/stepdn.20.png
new file mode 100644
index 0000000000000000000000000000000000000000..ab010b3c3667cee47d6754fa8994c982f1dc5bb1
GIT binary patch
literal 1682
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

literal 0
HcmV?d00001

diff --git a/htdocs/icons/stepup.16.png b/htdocs/icons/stepup.16.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ad18228b927ed107264251fa7b4697a8455ea3c
GIT binary patch
literal 1565
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
P00000NkvXXu0mjfD&X!V

literal 0
HcmV?d00001

diff --git a/htdocs/icons/stepup.18.png b/htdocs/icons/stepup.18.png
new file mode 100644
index 0000000000000000000000000000000000000000..54af8ac8932dde6561967508a1c58eb58a8b06fe
GIT binary patch
literal 1656
zcmV-;28a2HP)<h;3K|Lk000e1NJLTq000sI000sQ1^@s6R?d!B00004XF*Lt006O%
z3;baP000CeX+uL$Nkc;*P;zf(X>4Tx05}naRo`#hR1`jmZ&IWdKOk5~hl<6oRa0BJ
z8yc;~21%2p?MfD<>DVeH<T^KrsT&8|>9(p*dx19w`~g7O0}n_%Aq@s%d)fBDv`JHk
zDym6Hd+5XuAtvnwRpGmKVkc9?T=n|PIo~<wJLg{8L_J?=wVD}Kh?c9aozEndlcyGx
zo=u9<v(!ri)T`-EEs@L35-!0N_s;9#9f}Cc?UC;OPWB_edW+oAi6T$HZWSGU8TbrQ
z%+zbPOBBBc`}k?M2Hf);@Y6N~0;>X-eVh__(Z?q}P9Z-Dj?gOW6|D%o20XmjW-qs4
zUjrD(li^iv8@eK9k+ZFmVRFymFOPAzG5-%Pn|1W;U4vNroTa&AxDScmEA~{ri9gr1
z^c?U@uwSpaNnw8l_>cP1d;)kMQS_;jeRSUEM_*s96y65j1$)tOrwdK{YIQMt92l|D
z^(E_=$Rjw{b!QT@q!)niR`|5oW9X5n$Wv+HVc@|^eX5yXnsHX<gx$-tTA9oOBadXi
zr_JPm2Y^4ct-PoO&C)tIGolvqOIK@duBk!Vu9{g<3;i;gJ6?~-DQ&xz!jvD&4!U-s
z8Os(*#?k2}f30SEXA#=i1-qUX+K`{!((H5w7<t$~ygD!D1{~X6)KX%$qrgY#L_{M_
z7A<1csY*MfP@XcB#Jxr~JS8&7goVS)VKE|4(h_Xlc{z{c$ApZs7riZ_QKdV_uW-M~
zu~<J-*#Z0?VzcZp8)p-wus7J7><CN2I>8PF3UX~a6)MwxDE0HaPjyrlI!;jX{6Kvu
zh*8ej?;85ekN$?5uuCiSBTvvVG+XTxAO{m@bvM#Jr)z6J><&E22D|vq?Y?Vkbo_Di
zjopiF$2PET#<s%v*srlI{B2SKJ79W>mZ8e<cESmGBON_l0n;T7>u=y$(ArYkv7@Ex
z`GL?QCc!_*KFrd&;n1r7qW-CFs9&fT)ZaU5gc&=gBz-D<EBz>aCw(vdOp0__x+47~
zU6sC(E(JNe@4cTT*n6*EVH4eoU1-&7pEV~_PRe`a7v+@vy!^5}8?Y3)UmlaE<h}6h
z3HHql{T;m+bPBU-O|^S1@dOw&4<!bj2G_<^#e}PL7FpY$lcrKO$i~?8Bd2y;oaL5^
zcsibnCrF9!i%-PI;xhubp1k;8_$IKX1NHus6EHeD;B72SCCD@4ojP$=Mf3`Eo6yZ&
zeg@wTqDiZE);7u&SJ|(suPF(9%D6IJ)klXF%`_Fy<tR3HxV^%Qqa?nAB97=m-uu2q
zcHInZ?ps8M|H3=#R%lzO6MgLv^}ib0hVV{&<};#;2lcwW;^(7C<OY#bI<VjS9qCKr
z-E_Cnc!2j+&nHAXA2%BRt~VMxUn2h&(Pi^LSpac(Y#S>R00009a7bBm000XU000XU
z0RWnu7ytkP>PbXFR5%fJlsikDK@^5pT@6|)7z7CsY(x-EAxI!wDR?csfSqWS`~?eJ
zv9s0MGyy}1ilB*|Sc*-=#zrg@wNAY3`aGX=bYtQRkMqu%IWuQw=QCF-m2!!EnI9+?
zi)-{x;TG<a-=H0Ve{w1eqCDI}E385XY{CW{gL(@CFa(D%mfDA07K%zf;MGrPhS>Fa
z+r-!=s6KE!ACp>*qD6>Ub@JV`J;_JRIrE^}As0ypbgaaFC0J!t`VGGYj#Z_&t^IX4
z(tAG7?VY><RSDi#l^t{q;q5zSo|=I(7&GY;c(Er?4a&rr>>N?X#b2lf&fzP3bizCE
z*HJg%j(6|})NcrHb&iQ%twWc)zJ~aTyYaJNqC2}tA^8>BS5SmnSb$wHx50%fAY^hK
z*v66c5qBZ0i8<KpnAtseSuIA;9`t4I>Cb1Z6^uTG{&MDCx$8dkry(ypD)2IuRfsb7
ze0-4DfeS5x&%Oz~Y>yfjiha?0+4V31%kdz8@u+<E|9f=biT@}Yi%03)RXBDm7HXrT
zeD)EmN&Y=;A^C_oXAV>+WDCWo(3^!Ho_(W(FVH~TO4Kko@A0FJ#ry#Mc9fH+p#c78
zn1U~$JWf^#ZI)ZUYb<7L9Jb*CLYJ5wn1slC%((~7?@MK<2IPeR0000<MNUMnLSTZv
CZV;IO

literal 0
HcmV?d00001

diff --git a/htdocs/icons/stepup.20.png b/htdocs/icons/stepup.20.png
new file mode 100644
index 0000000000000000000000000000000000000000..68687369a2cf189bb4094b32e219e60d0e9703e8
GIT binary patch
literal 1745
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

literal 0
HcmV?d00001

diff --git a/htdocs/index.html b/htdocs/index.html
index 4d63278..9394fb4 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -4,7 +4,7 @@
     This file is part of OpenWebRX,
     an open-source SDR receiver software with a web UI.
     Copyright (c) 2013-2015 by Andras Retzler <randras@sdr.hu>
-    Copyright (c) 2019-2020 by Jakob Ketterl <dd5jfk@darc.de>
+    Copyright (c) 2019 by Jakob Ketterl <dd5jfk@darc.de>
 
     This program is free software: you can redistribute it and/or modify
     it under the terms of the GNU Affero General Public License as
@@ -23,7 +23,8 @@
 <html>
     <head>
         <title>OpenWebRX | Open Source SDR Web App for Everyone!</title>
-        <link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico" />
+        <script src="static/sdr.js"></script>
+		<script src="static/mathbox-bundle.min.js"></script>
         <script src="static/openwebrx.js"></script>
         <script src="static/lib/jquery-3.2.1.min.js"></script>
         <script src="static/lib/jquery.nanoscroller.js"></script>
@@ -44,6 +45,7 @@
             <canvas id="openwebrx-scale-canvas" width="0" height="0"></canvas>
         </div>
     </div>
+    <div id="openwebrx-mathbox-container"> </div>
     <div id="webrx-canvas-background">
         <div id="webrx-canvas-container">
             <!-- add canvas here by javascript -->
@@ -85,13 +87,6 @@
                 </tr></thead>
                 <tbody></tbody>
             </table>
-            <table class="openwebrx-panel" id="openwebrx-panel-pocsag-message" style="display: none; width: 619px;" data-panel-name="pocsag-message">
-                <thead><tr>
-                    <th class="address">Address</th>
-                    <th class="message">Message</th>
-                </tr></thead>
-                <tbody></tbody>
-            </table>
             <div class="openwebrx-panel openwebrx-meta-panel" id="openwebrx-panel-metadata-ysf" style="display: none;" data-panel-name="metadata-ysf">
                 <div class="openwebrx-meta-frame">
                     <div class="openwebrx-meta-slot">
@@ -125,6 +120,7 @@
                 <div class="openwebrx-panel-inner nano" id="openwebrx-log-scroll">
                     <div class="nano-content">
                         <div id="openwebrx-client-log-title">OpenWebRX client log</div>
+                        <div>Author contact: <a href="http://blog.sdr.hu/about" target="_blank">András Retzler, HA7ILM</a></div>
                         <div>Author contact: <a href="http://www.justjakob.de/" target="_blank">Jakob Ketterl, DD5JFK</a></div>
                         <div id="openwebrx-debugdiv"></div>
                     </div>
@@ -144,7 +140,18 @@
                 <div class="openwebrx-panel-line frequencies-container">
                     <div class="frequencies">
                         <div id="webrx-actual-freq">---.--- MHz</div>
-                        <div id="webrx-mouse-freq">---.--- MHz</div>
+						<div id="id-freq-link"></div>                        
+						<div id="webrx-mouse-freq">---.--- MHz</div>
+
+						<div id="id-step-freq" class="bal">
+							<img id="id-step-0" src="static/icons/stepdn.20.png" onclick="freqstep(0)" title="-5k">
+							<img id="id-step-1" src="static/icons/stepdn.18.png" onclick="freqstep(1)" style="padding-bottom:1px" title="-100">
+							<img id="id-step-2" src="static/icons/stepdn.16.png" onclick="freqstep(2)" style="padding-bottom:2px" title="-10">
+							<img id="id-step-3" src="static/icons/stepup.16.png" onclick="freqstep(3)" style="padding-bottom:2px" title="+10">
+							<img id="id-step-4" src="static/icons/stepup.18.png" onclick="freqstep(4)" style="padding-bottom:1px" title="+100">
+							<img id="id-step-5" src="static/icons/stepup.20.png" onclick="freqstep(5)" title="+5k">
+						</div>
+						
                     </div>
                     <div class="openwebrx-button openwebrx-square-button openwebrx-bookmark-button" style="display:none;" title="Add bookmark...">
                         <img src="static/gfx/openwebrx-bookmark.png">
@@ -191,7 +198,6 @@
                         <option value="jt9" data-feature="wsjt-x">JT9</option>
                         <option value="ft4" data-feature="wsjt-x">FT4</option>
                         <option value="packet" data-feature="packet">Packet</option>
-                        <option value="pocsag" data-feature="pocsag">Pocsag</option>
                     </select>
                 </div>
                 <div class="openwebrx-panel-line">
@@ -211,6 +217,7 @@
                     <div class="openwebrx-button openwebrx-square-button" onclick="zoomOutOneStep();" title="Zoom out one step"> <img src="static/gfx/openwebrx-zoom-out.png" /></div>
                     <div class="openwebrx-button openwebrx-square-button" onclick="zoomInTotal();"  title="Zoom in totally"><img src="static/gfx/openwebrx-zoom-in-total.png" /></div>
                     <div class="openwebrx-button openwebrx-square-button" onclick="zoomOutTotal();" title="Zoom out totally"><img src="static/gfx/openwebrx-zoom-out-total.png" /></div>
+                    <div class="openwebrx-button openwebrx-square-button" onclick="mathbox_toggle();" title="Toggle 3D view"><img src="static/gfx/openwebrx-3d-spectrum.png" /></div>
                     <div id="openwebrx-smeter-db">0 dB</div>
                 </div>
                 <div class="openwebrx-panel-line">
@@ -222,19 +229,12 @@
         </div>
     </div>
 </div>
-    <div id="openwebrx-autoplay-overlay" class="openwebrx-overlay" style="display:none;">
+    <div id="openwebrx-autoplay-overlay" style="display:none;">
         <div class="overlay-content">
             <img id="openwebrx-play-button" src="static/gfx/openwebrx-play-button.png" />
             <div>Start OpenWebRX</div>
         </div>
     </div>
-    <div id="openwebrx-error-overlay" class="openwebrx-overlay" style="display:none;">
-        <div class="overlay-content">
-            <div>This receiver is currently unavailable due to technical issues.</div>
-            <div>Error Message:</div>
-            <div class="errormessage"></div>
-        </div>
-    </div>
     <div id="openwebrx-dialog-bookmark" class="openwebrx-dialog" style="display:none;">
         <form>
             <div class="form-field">
diff --git a/htdocs/openwebrx.js b/htdocs/openwebrx.js
index 416981e..7983671 100644
--- a/htdocs/openwebrx.js
+++ b/htdocs/openwebrx.js
@@ -3,7 +3,7 @@
 	This file is part of OpenWebRX,
 	an open-source SDR receiver software with a web UI.
 	Copyright (c) 2013-2015 by Andras Retzler <randras@sdr.hu>
-	Copyright (c) 2019-2020 by Jakob Ketterl <dd5jfk@darc.de>
+	Copyright (c) 2019 by Jakob Ketterl <dd5jfk@darc.de>
 
     This program is free software: you can redistribute it and/or modify
     it under the terms of the GNU Affero General Public License as
@@ -21,6 +21,9 @@
 """
 
 */
+var base_url = window.location.origin;
+//console.log(base_url);
+var act_freq=0;
 
 is_firefox = navigator.userAgent.indexOf("Firefox") >= 0;
 
@@ -29,7 +32,7 @@ var center_freq;
 var fft_size;
 var fft_fps;
 var fft_compression = "none";
-var fft_codec;
+var fft_codec = new sdrjs.ImaAdpcm();
 var waterfall_setup_done = 0;
 var secondary_fft_size;
 var rx_photo_state = 1;
@@ -98,6 +101,51 @@ function updateVolume() {
     audioEngine.setVolume(parseFloat(e("openwebrx-panel-volume").value) / 100);
 }
 
+function freqstep(sel){
+
+	stepsize = 0;
+
+	switch(sel) {
+    case 0:
+        stepsize = -5000;
+        break;
+    case 1:
+        stepsize = -100;
+        break;
+    case 2:
+        stepsize = -10;
+        break;
+    case 3:
+        stepsize = 10;
+        break;
+    case 4:
+        stepsize = 100;
+        break;
+    case 5:
+        stepsize = 5000;
+        break;
+    default:
+        stepsize = 0;
+} 
+
+	offset_frequency = parseInt(act_freq)-center_freq;
+	new_offset= offset_frequency + stepsize;
+	new_qrg = act_freq + stepsize;
+	demodulator_set_offset_frequency(0, new_offset);
+	e("webrx-actual-freq").innerHTML=format_frequency("{x} MHz",new_qrg,1e6,5);
+	updateShareLink(new_qrg);
+	act_freq = new_qrg;
+	}
+
+function updateShareLink(freq){
+	//console.log(freq);
+	var sqlSliderValue=parseInt(e("openwebrx-panel-squelch").value);
+	e("id-freq-link").innerHTML='<a href="'+base_url+'/#freq='+freq+',mod='+last_analog_demodulator_subtype+',sql='+sqlSliderValue+'" target="_blank" title="Share Settings"><img src="icons/link.png"></a>';
+
+}
+
+
+
 function toggleMute() {
     if (mute) {
         mute = false;
@@ -143,6 +191,7 @@ function setSquelchToAuto() {
 function updateSquelch() {
     var sliderValue = parseInt($("#openwebrx-panel-squelch").val());
     ws.send(JSON.stringify({"type": "dspcontrol", "params": {"squelch_level": sliderValue}}));
+	updateShareLink(act_freq);
 }
 
 var waterfall_min_level;
@@ -366,18 +415,8 @@ function Demodulator_default_analog(offset_frequency, subtype) {
     this.subtype = subtype;
     this.filter = {
         min_passband: 100,
-        getLimits: function() {
-            var max_bw;
-            if (secondary_demod === 'pocsag') {
-                max_bw = 12500;
-            } else {
-                max_bw = (audioEngine.getOutputRate() / 2) - 1;
-            }
-            return {
-                high: max_bw,
-                low: -max_bw
-            };
-        }
+        high_cut_limit: (audioEngine.getOutputRate() / 2) - 1,
+        low_cut_limit: (-audioEngine.getOutputRate() / 2) + 1
     };
     //Subtypes only define some filter parameters and the mod string sent to server,
     //so you may set these parameters in your custom child class.
@@ -427,7 +466,8 @@ function Demodulator_default_analog(offset_frequency, subtype) {
                 timeout_this.wait_for_timer = false;
                 if (timeout_this.set_after) timeout_this.set();
             }, demodulator_response_time);
-        } else {
+        }
+        else {
             this.set_after = true;
         }
     };
@@ -440,7 +480,6 @@ function Demodulator_default_analog(offset_frequency, subtype) {
         };
         if (first_time) params.mod = this.server_mod;
         ws.send(JSON.stringify({"type": "dspcontrol", "params": params}));
-        mkenvelopes(get_visible_freq_range());
     };
     this.doset(true); //we set parameters on object creation
 
@@ -486,7 +525,7 @@ function Demodulator_default_analog(offset_frequency, subtype) {
         //frequency.
         if (this.dragged_range === dr.beginning || this.dragged_range === dr.bfo || this.dragged_range === dr.pbs) {
             //we don't let low_cut go beyond its limits
-            if ((new_value = this.drag_origin.low_cut + minus * freq_change) < this.parent.filter.getLimits().low) return true;
+            if ((new_value = this.drag_origin.low_cut + minus * freq_change) < this.parent.filter.low_cut_limit) return true;
             //nor the filter passband be too small
             if (this.parent.high_cut - new_value < this.parent.filter.min_passband) return true;
             //sanity check to prevent GNU Radio "firdes check failed: fa <= fb"
@@ -495,7 +534,7 @@ function Demodulator_default_analog(offset_frequency, subtype) {
         }
         if (this.dragged_range === dr.ending || this.dragged_range === dr.bfo || this.dragged_range === dr.pbs) {
             //we don't let high_cut go beyond its limits
-            if ((new_value = this.drag_origin.high_cut + minus * freq_change) > this.parent.filter.getLimits().high) return true;
+            if ((new_value = this.drag_origin.high_cut + minus * freq_change) > this.parent.filter.high_cut_limit) return true;
             //nor the filter passband be too small
             if (new_value - this.parent.low_cut < this.parent.filter.min_passband) return true;
             //sanity check to prevent GNU Radio "firdes check failed: fa <= fb"
@@ -512,7 +551,10 @@ function Demodulator_default_analog(offset_frequency, subtype) {
         mkenvelopes(this.visible_range);
         this.parent.set();
         //will have to change this when changing to multi-demodulator mode:
-        e("webrx-actual-freq").innerHTML = format_frequency("{x} MHz", center_freq + this.parent.offset_frequency, 1e6, 4);
+        //e("webrx-actual-freq").innerHTML = format_frequency("{x} MHz", center_freq + this.parent.offset_frequency, 1e6, 4);
+		e("webrx-actual-freq").innerHTML=format_frequency("{x} MHz",center_freq+this.parent.offset_frequency,1e6,5);
+		act_freq=center_freq+this.parent.offset_frequency;
+		updateShareLink(act_freq);		
         return true;
     };
 
@@ -562,6 +604,7 @@ function demodulator_analog_replace(subtype, for_digital) { //this function shou
     }
     demodulator_add(new Demodulator_default_analog(temp_offset, subtype));
     demodulator_buttons_update();
+	updateShareLink(act_freq);
     update_digitalvoice_panels("openwebrx-panel-metadata-" + subtype);
 }
 
@@ -586,17 +629,63 @@ var scale_ctx;
 var scale_canvas;
 
 function scale_setup() {
-    e("webrx-actual-freq").innerHTML = format_frequency("{x} MHz", canvas_get_frequency(window.innerWidth / 2), 1e6, 4);
+//    e("webrx-actual-freq").innerHTML = format_frequency("{x} MHz", canvas_get_frequency(window.innerWidth / 2), 1e6, 4);
+	act_freq=center_freq;
+	e("webrx-actual-freq").innerHTML=format_frequency("{x} MHz",act_freq,1e6,5);
+	updateShareLink(act_freq);
+	
     scale_canvas = e("openwebrx-scale-canvas");
     scale_ctx = scale_canvas.getContext("2d");
     scale_canvas.addEventListener("mousedown", scale_canvas_mousedown, false);
     scale_canvas.addEventListener("mousemove", scale_canvas_mousemove, false);
     scale_canvas.addEventListener("mouseup", scale_canvas_mouseup, false);
+	scale_canvas.addEventListener("wheel",scale_canvas_mousewheel, false);
     resize_scale();
     var frequency_container = e("openwebrx-frequency-container");
     frequency_container.addEventListener("mousemove", frequency_container_mousemove, false);
 }
 
+var scale_canvas_scroll_params={
+	key_modifiers: {shiftKey:false, altKey: false, ctrlKey: false}
+};
+
+
+function scale_canvas_mousewheel(evt)
+{
+	//if(!waterfall_setup_done) return;
+
+	var relativeX=(evt.offsetX)?evt.offsetX:evt.layerX;
+	var dir=(evt.deltaY/Math.abs(evt.deltaY))>0;
+	if (dir){ // scroll down on scale
+
+		if (evt.shiftKey){ // shift pressed
+			stepsize = -5000;
+		} else {
+			stepsize = -100; 
+		}
+	} else { // scroll up on scale
+		if (evt.shiftKey){ // shift pressed
+			stepsize = 5000;
+		} else {
+			stepsize = 100; 
+		}
+	}
+	//console.log(act_freq);
+	offset_frequency = parseInt(act_freq)-center_freq;
+	new_offset= offset_frequency + stepsize;
+	//console.log(new_offset);
+	if (Math.abs(new_offset) < bandwidth/2){ // don't tune out of range
+
+		new_qrg = act_freq + stepsize
+		demodulator_set_offset_frequency(0, new_offset);
+		e("webrx-actual-freq").innerHTML=format_frequency("{x} MHz",new_qrg,1e6,5);
+		updateShareLink(new_qrg);
+		act_freq = new_qrg;
+	}
+	evt.preventDefault(); 
+}
+
+
 var scale_canvas_drag_params = {
     mouse_down: false,
     drag: false,
@@ -635,7 +724,11 @@ function scale_canvas_mousemove(evt) {
         for (i = 0; i < demodulators.length; i++) event_handled |= demodulators[i].envelope.drag_move(evt.pageX);
         if (!event_handled) demodulator_set_offset_frequency(0, scale_offset_freq_from_px(evt.pageX));
     }
-
+	else
+	{
+		relativeX=(evt.offsetX)?evt.offsetX:evt.layerX; 
+		e("webrx-mouse-freq").innerHTML=format_frequency("{x} MHz",canvas_get_frequency(relativeX),1e6,4);
+	}
 }
 
 function frequency_container_mousemove(evt) {
@@ -649,7 +742,14 @@ function scale_canvas_end_drag(x) {
     scale_canvas_drag_params.mouse_down = false;
     var event_handled = false;
     for (var i = 0; i < demodulators.length; i++) event_handled |= demodulators[i].envelope.drag_end();
-    if (!event_handled) demodulator_set_offset_frequency(0, scale_offset_freq_from_px(x));
+    //if (!event_handled) demodulator_set_offset_frequency(0, scale_offset_freq_from_px(x));
+	if (!event_handled) {
+		demodulator_set_offset_frequency(0,scale_offset_freq_from_px(x));
+		new_qrg = parseInt(center_freq + scale_offset_freq_from_px(x));
+		e("webrx-actual-freq").innerHTML=format_frequency("{x} MHz",new_qrg,1e6,5);
+		updateShareLink(new_qrg);
+		act_freq = new_qrg;
+	}	
 }
 
 function scale_canvas_mouseup(evt) {
@@ -930,6 +1030,9 @@ function canvas_mouseup(evt) {
 
     if (!canvas_drag) {
         demodulator_set_offset_frequency(0, canvas_get_freq_offset(relativeX));
+		e("webrx-actual-freq").innerHTML=format_frequency("{x} MHz",canvas_get_frequency(relativeX),1e6,5);
+		act_freq=canvas_get_frequency(relativeX);
+		updateShareLink(act_freq);
     }
     else {
         canvas_end_drag();
@@ -1064,6 +1167,9 @@ function on_ws_recv(evt) {
                         fft_compression = config['fft_compression'];
                         divlog("FFT stream is " + ((fft_compression === "adpcm") ? "compressed" : "uncompressed") + ".");
                         clientProgressBar.setMaxClients(config['max_clients']);
+                        mathbox_waterfall_colors = config['mathbox_waterfall_colors'];
+                        mathbox_waterfall_frequency_resolution = config['mathbox_waterfall_frequency_resolution'];
+                        mathbox_waterfall_history_length = config['mathbox_waterfall_history_length'];
                         var sql = Number.isInteger(config['initial_squelch_level']) ? config['initial_squelch_level'] : -150;
                         $("#openwebrx-panel-squelch").val(sql);
                         updateSquelch();
@@ -1115,7 +1221,7 @@ function on_ws_recv(evt) {
                         var features = json['value'];
                         for (var feature in features) {
                             if (features.hasOwnProperty(feature)) {
-                                $('[data-feature="' + feature + '"]')[features[feature] ? "show" : "hide"]();
+                                $('[data-feature="' + feature + '"')[features[feature] ? "show" : "hide"]();
                             }
                         }
                         break;
@@ -1143,27 +1249,10 @@ function on_ws_recv(evt) {
                         break;
                     case "sdr_error":
                         divlog(json['value'], true);
-                        var $overlay = $('#openwebrx-error-overlay');
-                        $overlay.find('.errormessage').text(json['value']);
-                        $overlay.show();
                         break;
                     case 'secondary_demod':
                         secondary_demod_push_data(json['value']);
                         break;
-                    case 'log_message':
-                        divlog(json['value'], true);
-                        break;
-                    case 'pocsag_data':
-                        update_pocsag_panel(json['value']);
-                        break;
-                    case 'backoff':
-                        divlog("Server is currently busy: " + json['reason'], true);
-                        var $overlay = $('#openwebrx-error-overlay');
-                        $overlay.find('.errormessage').text(json['reason']);
-                        $overlay.show();
-                        // set a higher reconnection timeout right away to avoid additional load
-                        reconnect_timeout = 16000;
-                        break;
                     default:
                         console.warn('received message of unknown type: ' + json['type']);
                 }
@@ -1263,7 +1352,7 @@ function update_metadata(meta) {
                 mode = "Mode: " + meta['mode'];
                 source = meta['source'] || "";
                 if (meta['lat'] && meta['lon'] && meta['source']) {
-                    source = "<a class=\"openwebrx-maps-pin\" href=\"map?callsign=" + meta['source'] + "\" target=\"_blank\"></a>" + source;
+                    source = "<a class=\"openwebrx-maps-pin\" href=\"/map?callsign=" + meta['source'] + "\" target=\"_blank\"></a>" + source;
                 }
                 up = meta['up'] ? "Up: " + meta['up'] : "";
                 down = meta['down'] ? "Down: " + meta['down'] : "";
@@ -1298,14 +1387,14 @@ function update_wsjt_panel(msg) {
     if (['FT8', 'JT65', 'JT9', 'FT4'].indexOf(msg['mode']) >= 0) {
         matches = linkedmsg.match(/(.*\s[A-Z0-9]+\s)([A-R]{2}[0-9]{2})$/);
         if (matches && matches[2] !== 'RR73') {
-            linkedmsg = html_escape(matches[1]) + '<a href="map?locator=' + matches[2] + '" target="_blank">' + matches[2] + '</a>';
+            linkedmsg = html_escape(matches[1]) + '<a href="/map?locator=' + matches[2] + '" target="_blank">' + matches[2] + '</a>';
         } else {
             linkedmsg = html_escape(linkedmsg);
         }
     } else if (msg['mode'] === 'WSPR') {
         matches = linkedmsg.match(/([A-Z0-9]*\s)([A-R]{2}[0-9]{2})(\s[0-9]+)/);
         if (matches) {
-            linkedmsg = html_escape(matches[1]) + '<a href="map?locator=' + matches[2] + '" target="_blank">' + matches[2] + '</a>' + html_escape(matches[3]);
+            linkedmsg = html_escape(matches[1]) + '<a href="/map?locator=' + matches[2] + '" target="_blank">' + matches[2] + '</a>' + html_escape(matches[3]);
         } else {
             linkedmsg = html_escape(linkedmsg);
         }
@@ -1391,7 +1480,7 @@ function update_packet_panel(msg) {
         'style="' + stylesToString(styles) + '"'
     ].join(' ');
     if (msg.lat && msg.lon) {
-        link = '<a ' + attrs + ' href="map?callsign=' + source + '" target="_blank">' + overlay + '</a>';
+        link = '<a ' + attrs + ' href="/map?callsign=' + source + '" target="_blank">' + overlay + '</a>';
     } else {
         link = '<div ' + attrs + '>' + overlay + '</div>'
     }
@@ -1407,17 +1496,6 @@ function update_packet_panel(msg) {
     $b.scrollTop($b[0].scrollHeight);
 }
 
-function update_pocsag_panel(msg) {
-    var $b = $('#openwebrx-panel-pocsag-message').find('tbody');
-    $b.append($(
-        '<tr>' +
-        '<td class="address">' + msg.address + '</td>' +
-        '<td class="message">' + msg.message + '</td>' +
-        '</tr>'
-    ));
-    $b.scrollTop($b[0].scrollHeight);
-}
-
 function update_digitalvoice_panels(showing) {
     $(".openwebrx-meta-panel").each(function (_, p) {
         toggle_panel(p.id, p.id === showing);
@@ -1442,7 +1520,6 @@ function waterfall_measure_minmax_do(what) {
 }
 
 function on_ws_opened() {
-    $('#openwebrx-error-overlay').hide();
     ws.send("SERVER DE CLIENT client=openwebrx.js type=receiver");
     divlog("WebSocket opened to " + ws.url);
     if (!networkSpeedMeasurement) {
@@ -1454,13 +1531,10 @@ function on_ws_opened() {
         networkSpeedMeasurement.reset();
     }
     reconnect_timeout = false;
-    ws.send(JSON.stringify({
-        "type": "connectionproperties",
-        "params": {"output_rate": audioEngine.getOutputRate()}
-    }));
     ws.send(JSON.stringify({
         "type": "dspcontrol",
-        "action": "start"
+        "action": "start",
+        "params": {"output_rate": audioEngine.getOutputRate()}
     }));
 }
 
@@ -1559,23 +1633,19 @@ function on_ws_error() {
     divlog("WebSocket error.", 1);
 }
 
+String.prototype.startswith = function (str) {
+    return this.indexOf(str) === 0;
+}; //http://stackoverflow.com/questions/646628/how-to-check-if-a-string-startswith-another-string
+
 var ws;
 
 function open_websocket() {
-    var protocol = window.location.protocol.match(/https/) ? 'wss' : 'ws';
-
-    var href = window.location.href;
-    var index = href.lastIndexOf('/');
-    if (index > 0) {
-        href = href.substr(0, index + 1);
+    var protocol = 'ws';
+    if (window.location.toString().startsWith('https://')) {
+        protocol = 'wss';
     }
-    href = href.split("://")[1];
-    href = protocol + "://" + href;
-    if (!href.endsWith('/')) {
-        href += '/';
-    }
-    var ws_url = href + "ws/";
 
+    var ws_url = protocol + "://" + (window.location.origin.split("://")[1]) + "/ws/"; //guess automatically -> now default behaviour
     if (!("WebSocket" in window))
         divlog("Your browser does not support WebSocket, which is required for WebRX to run. Please upgrade to a HTML5 compatible browser.");
     ws = new WebSocket(ws_url);
@@ -1640,6 +1710,7 @@ function add_canvas() {
 
 function init_canvas_container() {
     canvas_container = e("webrx-canvas-container");
+    mathbox_container = e("openwebrx-mathbox-container");
     canvas_container.addEventListener("mouseleave", canvas_container_mouseleave, false);
     canvas_container.addEventListener("mousemove", canvas_mousemove, false);
     canvas_container.addEventListener("mouseup", canvas_mouseup, false);
@@ -1677,6 +1748,27 @@ function waterfall_init() {
     waterfall_setup_done = 1;
 }
 
+var mathbox_shift = function () {
+    if (mathbox_data_current_depth < mathbox_data_max_depth) mathbox_data_current_depth++;
+    if (mathbox_data_index + 1 >= mathbox_data_max_depth) mathbox_data_index = 0;
+    else mathbox_data_index++;
+    mathbox_data_global_index++;
+};
+
+var mathbox_clear_data = function () {
+    mathbox_data_index = 50;
+    mathbox_data_current_depth = 0;
+};
+
+var mathbox_get_data_line = function (x) {
+    return (mathbox_data_max_depth + mathbox_data_index + x - 1) % mathbox_data_max_depth;
+};
+
+var mathbox_data_index_valid = function (x) {
+    return x > mathbox_data_max_depth - mathbox_data_current_depth;
+};
+
+
 function waterfall_add(data) {
     if (!waterfall_setup_done) return;
     var w = fft_size;
@@ -1688,18 +1780,26 @@ function waterfall_add(data) {
         waterfallColorsAuto();
     }
 
-    //Add line to waterfall image
-    var oneline_image = canvas_context.createImageData(w, 1);
-    for (var x = 0; x < w; x++) {
-        var color = waterfall_mkcolor(data[x]);
-        for (i = 0; i < 4; i++)
-            oneline_image.data[x * 4 + i] = ((color >>> 0) >> ((3 - i) * 8)) & 0xff;
+    if (mathbox_mode === MATHBOX_MODES.WATERFALL) {
+        //Handle mathbox
+        for (var i = 0; i < fft_size; i++) mathbox_data[i + mathbox_data_index * fft_size] = data[i];
+        mathbox_shift();
+    } else {
+        //Add line to waterfall image
+        var oneline_image = canvas_context.createImageData(w, 1);
+        for (var x = 0; x < w; x++) {
+            var color = waterfall_mkcolor(data[x]);
+            for (i = 0; i < 4; i++)
+                oneline_image.data[x * 4 + i] = ((color >>> 0) >> ((3 - i) * 8)) & 0xff;
+        }
+
+        //Draw image
+        canvas_context.putImageData(oneline_image, 0, canvas_actual_line--);
+        shift_canvases();
+        if (canvas_actual_line < 0) add_canvas();
     }
 
-    //Draw image
-    canvas_context.putImageData(oneline_image, 0, canvas_actual_line--);
-    shift_canvases();
-    if (canvas_actual_line < 0) add_canvas();
+
 }
 
 function check_top_bar_congestion() {
@@ -1717,6 +1817,167 @@ function check_top_bar_congestion() {
 
 }
 
+var MATHBOX_MODES =
+    {
+        UNINITIALIZED: 0,
+        NONE: 1,
+        WATERFALL: 2,
+        CONSTELLATION: 3
+    };
+var mathbox_mode = MATHBOX_MODES.UNINITIALIZED;
+var mathbox;
+var mathbox_element;
+var mathbox_waterfall_colors;
+var mathbox_waterfall_frequency_resolution;
+var mathbox_waterfall_history_length;
+var mathbox_correction_for_z;
+var mathbox_data_max_depth;
+var mathbox_data_current_depth;
+var mathbox_data_index;
+var mathbox_data;
+var mathbox_data_global_index;
+var mathbox_container;
+
+function mathbox_init() {
+    //mathbox_waterfall_history_length is defined in the config
+    mathbox_data_max_depth = fft_fps * mathbox_waterfall_history_length; //how many lines can the buffer store
+    mathbox_data_current_depth = 0; //how many lines are in the buffer currently
+    mathbox_data_index = 0; //the index of the last empty line / the line to be overwritten
+    mathbox_data = new Float32Array(fft_size * mathbox_data_max_depth);
+    mathbox_data_global_index = 0;
+    mathbox_correction_for_z = 0;
+
+    mathbox = mathBox({
+        plugins: ['core', 'controls', 'cursor', 'stats'],
+        controls: {klass: THREE.OrbitControls}
+    });
+    var three = mathbox.three;
+    if (typeof three === "undefined") divlog("3D waterfall cannot be initialized because WebGL is not supported in your browser.", true);
+
+    three.renderer.setClearColor(new THREE.Color(0x808080), 1.0);
+    mathbox_container.appendChild((mathbox_element = three.renderer.domElement));
+    var view = mathbox
+        .set({
+            scale: 1080,
+            focus: 3
+        })
+        .camera({
+            proxy: true,
+            position: [-2, 1, 3]
+        })
+        .cartesian({
+            range: [[-1, 1], [0, 1], [0, 1]],
+            scale: [2, 2 / 3, 1]
+        });
+
+    view.axis({
+        axis: 1,
+        width: 3,
+        color: "#fff"
+    });
+    view.axis({
+        axis: 2,
+        width: 3,
+        color: "#fff"
+        //offset: [0, 0, 0],
+    });
+    view.axis({
+        axis: 3,
+        width: 3,
+        color: "#fff"
+    });
+
+    view.grid({
+        width: 2,
+        opacity: 0.5,
+        axes: [1, 3],
+        zOrder: 1,
+        color: "#fff"
+    });
+
+    var remap = function (x, z, t) {
+        var currentTimePos = mathbox_data_global_index / (fft_fps * 1.0);
+        var realZAdd = (-(t - currentTimePos) / mathbox_waterfall_history_length);
+        var zAdd = realZAdd - mathbox_correction_for_z;
+        if (zAdd < -0.2 || zAdd > 0.2) {
+            mathbox_correction_for_z = realZAdd;
+        }
+
+        var xIndex = Math.trunc(((x + 1) / 2.0) * fft_size); //x: frequency
+        var zIndex = Math.trunc(z * (mathbox_data_max_depth - 1)); //z: time
+        var realZIndex = mathbox_get_data_line(zIndex);
+        if (!mathbox_data_index_valid(zIndex)) return {y: undefined, dBValue: undefined, zAdd: 0};
+        var index = Math.trunc(xIndex + realZIndex * fft_size);
+        var dBValue = mathbox_data[index];
+        var y;
+        if (dBValue > waterfall_max_level) y = 1;
+        else if (dBValue < waterfall_min_level) y = 0;
+        else y = (dBValue - waterfall_min_level) / (waterfall_max_level - waterfall_min_level);
+        if (!y) y = 0;
+        return {y: y, dBValue: dBValue, zAdd: zAdd};
+    };
+
+    view.area({
+        expr: function (emit, x, z, i, j, t) {
+            var y;
+            var remapResult = remap(x, z, t);
+            if ((y = remapResult.y) === undefined) return;
+            emit(x, y, z + remapResult.zAdd);
+        },
+        width: mathbox_waterfall_frequency_resolution,
+        height: mathbox_data_max_depth - 1,
+        channels: 3,
+        axes: [1, 3]
+    });
+
+    view.area({
+        expr: function (emit, x, z, i, j, t) {
+            var dBValue;
+            if ((dBValue = remap(x, z, t).dBValue) === undefined) return;
+            var color = waterfall_mkcolor(dBValue, mathbox_waterfall_colors);
+            var b = (color & 0xff) / 255.0;
+            var g = ((color & 0xff00) >> 8) / 255.0;
+            var r = ((color & 0xff0000) >> 16) / 255.0;
+            emit(r, g, b, 1.0);
+        },
+        width: mathbox_waterfall_frequency_resolution,
+        height: mathbox_data_max_depth - 1,
+        channels: 4,
+        axes: [1, 3]
+    });
+
+    view.surface({
+        shaded: true,
+        points: '<<',
+        colors: '<',
+        color: 0xFFFFFF
+    });
+
+    view.surface({
+        fill: false,
+        lineX: false,
+        lineY: false,
+        points: '<<',
+        colors: '<',
+        color: 0xFFFFFF,
+        width: 2,
+        blending: 'add',
+        opacity: .25,
+        zBias: 5
+    });
+    mathbox_mode = MATHBOX_MODES.NONE;
+
+}
+
+function mathbox_toggle() {
+
+    if (mathbox_mode === MATHBOX_MODES.UNINITIALIZED) mathbox_init();
+    mathbox_mode = (mathbox_mode === MATHBOX_MODES.NONE) ? MATHBOX_MODES.WATERFALL : MATHBOX_MODES.NONE;
+    mathbox_container.style.display = (mathbox_mode === MATHBOX_MODES.WATERFALL) ? "block" : "none";
+    mathbox_clear_data();
+    waterfall_clear();
+}
+
 function waterfall_clear() {
     while (canvases.length) //delete all canvases
     {
@@ -1780,7 +2041,6 @@ function openwebrx_init() {
     } else {
         audioEngine.start(onAudioStart);
     }
-    fft_codec = new ImaAdpcmCodec();
     initProgressBars();
     init_rx_photo();
     open_websocket();
@@ -1793,6 +2053,38 @@ function openwebrx_init() {
     bookmarks = new BookmarkBar();
     parseHash();
     initSliders();
+	init_key_listener();
+}
+
+function init_key_listener(zEvent){
+	//https://stackoverflow.com/questions/37557990/detecting-combination-keypresses-control-alt-shift
+	document.addEventListener ("keydown", function (zEvent) {
+    if (zEvent.ctrlKey  &&  zEvent.altKey  &&  zEvent.code === "KeyE") {
+        console.log(zEvent);
+    }
+
+    // shift and +
+    if ((zEvent.keyCode == "171" || zEvent.keyCode == "107") && zEvent.shiftKey){
+		freqstep(4);
+    }
+
+    //shift and -
+    if ((zEvent.keyCode == "109" || zEvent.keyCode == "173") && zEvent.shiftKey){
+		freqstep(1);
+    }
+
+    // - and not shift
+    if ((zEvent.keyCode == "109" || zEvent.keyCode == "173") &! zEvent.shiftKey){
+		freqstep(2);
+    }
+
+    // + and not shift
+    if ((zEvent.keyCode == "171" || zEvent.keyCode == "107") &! zEvent.shiftKey){
+		freqstep(3);
+    }
+
+    //console.log(zEvent);
+	} );
 }
 
 function initSliders() {
@@ -2001,20 +2293,12 @@ function demodulator_digital_replace(subtype) {
             secondary_demod_start(subtype);
             demodulator_analog_replace('nfm', true);
             break;
-        case "pocsag":
-            secondary_demod_start(subtype);
-            demodulator_analog_replace('nfm', true);
-            demodulators[0].low_cut = -6000;
-            demodulators[0].high_cut = 6000;
-            demodulators[0].set();
-            break;
     }
     demodulator_buttons_update();
     $('#openwebrx-panel-digimodes').attr('data-mode', subtype);
     toggle_panel("openwebrx-panel-digimodes", true);
     toggle_panel("openwebrx-panel-wsjt-message", ['ft8', 'wspr', 'jt65', 'jt9', 'ft4'].indexOf(subtype) >= 0);
     toggle_panel("openwebrx-panel-packet-message", subtype === "packet");
-    toggle_panel("openwebrx-panel-pocsag-message", subtype === "pocsag");
 }
 
 function secondary_demod_create_canvas() {
@@ -2104,7 +2388,6 @@ function secondary_demod_close_window() {
     toggle_panel("openwebrx-panel-digimodes", false);
     toggle_panel("openwebrx-panel-wsjt-message", false);
     toggle_panel("openwebrx-panel-packet-message", false);
-    toggle_panel("openwebrx-panel-pocsag-message", false);
 }
 
 function secondary_demod_waterfall_add(data) {