Added effects.

diff --git a/htdocs/cgi-bin/wsrc/dutchie-close.mp3 b/htdocs/cgi-bin/wsrc/dutchie-close.mp3
new file mode 100644 (file)
index 0000000..bed9916
Binary files /dev/null and b/htdocs/cgi-bin/wsrc/dutchie-close.mp3 differ

diff --git a/htdocs/cgi-bin/wsrc/dutchie.mp3 b/htdocs/cgi-bin/wsrc/dutchie.mp3
new file mode 100644 (file)
index 0000000..6855d0d
Binary files /dev/null and b/htdocs/cgi-bin/wsrc/dutchie.mp3 differ

diff --git a/htdocs/cgi-bin/wsrc/effects.css b/htdocs/cgi-bin/wsrc/effects.css
new file mode 100644 (file)
index 0000000..a2de0c4
--- /dev/null
+++ b/htdocs/cgi-bin/wsrc/effects.css
@@ -0,0 +1,41 @@
+#index_head {
+    letter-spacing: .1em;
+    text-shadow: 3px 5px 2px #474747, 2px 2px 2px rgba(206, 89, 55, 2);
+    color: #e0dfdc;
+    background: transparent;
+}
+#lifelog_head {
+    letter-spacing: .1em;
+    text-shadow: 3px 5px 2px #e0dfdc, 2px 2px 2px rgba(206, 89, 55, 2);
+    font-weight: bolder;
+    color:   #000000;
+    background: transparent;
+}
+
+#menu {
+    position: fixed;
+    float: left;
+    margin: 0;
+    border: 2px solid #94cde7;
+    padding: 5px;
+    text-align: center;
+    background: #ccffff;
+    margin-left: 91%;
+}
+
+#menu_page {
+    position: fixed;
+    float: left;
+    margin: 0;
+    margin-top:5px;
+    border: 2px solid #94cde7;
+    padding: 5px;    
+    font-size:small;
+    background: #ccffff;    
+    margin-left: 90.5vw;    
+    filter: drop-shadow(    10px 8px 5px #3e6f70);
+}
+
+.menu_head {
+    border: 2px solid #00000017;
+}
\ No newline at end of file

diff --git a/htdocs/cgi-bin/wsrc/main.js b/htdocs/cgi-bin/wsrc/main.js
index a3ffb199fc727b5e4da104cf8d0cf5238f8903bb..18781f6787e44e7186189ca3be440a0e2ebf4b51 100644 (file)
--- a/htdocs/cgi-bin/wsrc/main.js
+++ b/htdocs/cgi-bin/wsrc/main.js
@@ -38,7 +38,7 @@ function onBodyLoad(toggle, locale, tz, today, expires, rs_cur, log_limit) {
     LOCALE      = locale;
     TIMEZONE    = tz;    
     TIME_STAMP  = new Date(today);
-    DBI_LVAR_SZ = parseInt(log_limit);
+    DBI_LVAR_SZ = parseInt(log_limit);    
     
     onBodyLoadGeneric();
     
@@ -158,23 +158,46 @@ function onBodyLoad(toggle, locale, tz, today, expires, rs_cur, log_limit) {
         alignY: 'bottom',
         offsetX: 5,
         showTimeout: 100
-    });
+    });   
 
     $("#menu_close").poshytip({
+        content: "<b>Do not click on this</b> little heart of mine,<br> <b>the menu will be closed</b>!",
         className: 'tip-yellowsimple',
-        showOn: 'focus',
-        alignX: 'left',
-        alignY: 'bottom',
+        showOn: 'mouseover',        
+        alignTo: 'target',
+        alignX: 'center',
+        alignY: 'bottom',    
+        showTimeout: 100    
     });
 
     $("#menu_close").click(function() {
-        $("#menu").effect("shake", {}, 1000, function() {
-            $("#menu").effect("drop", { direction: "down" }, 1500, function() {
-                $("#menu").hide();
+        $('#dutchie_close_chime').trigger('play');
+        $("#menu_page").effect("shake", {}, 1000, function() {
+            $("#menu_page").effect("drop", { direction: "down" }, 1500, function() {
+                $("#menu_page").hide();
             })
         })
     });
 
+    $("#dutch_left").poshytip({
+        content: "<span class='ui-icon ui-icon-arrowthick-1-w' style='float:none;'></span>Pass the dutchie to the <b>left</b> on side.",
+        className: 'tip-yellowsimple',
+        showOn: 'mouseover',        
+        alignTo: 'target',
+        alignX: 'center',
+        alignY: 'bottom',    
+        showTimeout: 100    
+    });
+    $("#dutch_right").poshytip({
+        content: "Pass the dutchie to the <b>right</b> on side.<span class='ui-icon ui-icon-arrowthick-1-e' style='float:none;'></span>",
+        className: 'tip-yellowsimple',
+        showOn: 'mouseover',        
+        alignTo: 'target',
+        alignX: 'center',
+        alignY: 'bottom',    
+        showTimeout: 100    
+    });
+
 
     $('#ec').show();
 
@@ -829,7 +852,7 @@ function toggle(id, mtoggle) {
 
 function showAll() {
 
-   show("#menu");
+   show("#menu_page");
    
    if(_show_all){
         $("#lnk_show_all").text("Hide All");   
@@ -866,6 +889,17 @@ function display(desc, times){
     pnl.fadeOut(1000*times);
 }
 
+function moveMenuLeft (){
+    $('#menu_page').css('margin-left','.5vw');
+    $('#dutchie_chime').trigger('play');
+return false;
+}
+function moveMenuRight (){
+    $('#menu_page').css('margin-left','90.5vw');
+    $('#dutchie_close_chime').trigger('play');
+return false;
+}
+
 function viewRTFLogs(btn){
     $("#vrtf").val(1);
 }