From e02efd2ed0586cee9d6be28557ca74afaa3d550b Mon Sep 17 00:00:00 2001
From: falkTX <falktx@gmail.com>
Date: Mon, 7 Apr 2014 17:45:28 +0100
Subject: [PATCH] Update to top menus

---
 css/style.css             |   8 ++--
 images/ico_chat.png       | Bin 0 -> 1373 bytes
 images/ico_forum.png      | Bin 0 -> 474 bytes
 images/ico_soundcloud.png | Bin 0 -> 549 bytes
 includes/header.php       |  77 ++++++++++++++++++++++++++++----------
 5 files changed, 62 insertions(+), 23 deletions(-)
 create mode 100644 images/ico_chat.png
 create mode 100644 images/ico_forum.png
 create mode 100644 images/ico_soundcloud.png

diff --git a/css/style.css b/css/style.css
index f1491f2..5b54aba 100644
--- a/css/style.css
+++ b/css/style.css
@@ -432,7 +432,7 @@ fieldset table {
     background:none repeat scroll 0 0 transparent;
 }
 
-#div_menuSoftware {
+.div_menuDropdown {
     position: absolute;
     top: 30px;
     left: 0px;
@@ -444,7 +444,7 @@ fieldset table {
     z-index: 99;
 }
 
-#div_menuSoftware p {
+.div_menuDropdown p {
     color: #F0F0F0;
     margin: 0 0 0 0;
     padding-top: 4px;
@@ -455,12 +455,12 @@ fieldset table {
     border-top: 0px;
 }
 
-#div_menuSoftware a {
+.div_menuDropdown a {
      color: #F0F0F0;
      text-decoration: none;
 }
 
-#div_menuSoftware a:hover, #div_menuSoftware a:focus {
+.div_menuDropdown a:hover, .div_menuDropdown a:focus {
      color: #6464E6;
 }
 
diff --git a/images/ico_chat.png b/images/ico_chat.png
new file mode 100644
index 0000000000000000000000000000000000000000..d9e13d3b31268e26083bcce3d090d6539ef9afc1
GIT binary patch
literal 1373
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJOS+@4BLl<6e(pbstPBjy3;{kN
zu0U}WUS2cX7<2D@59eSf?^OSwwD733{L0FLs;bzcrm&jTVRdW5>oz5nw<lM$#WXIA
zY}g*(x+SV{XJYgE#MYfjEql^CcV%{N$?e&c*||5PYfnzk-rT-D`4jdgHXkaSbf|p#
zq0*_x%ch;Gntq^q*3p_72Wn@YsF{7DX3mM02~)Rk+p=fZ&W72C8|NNsnRm2l-nr&^
z=NlFtZeD!6ap8&PMJL)8ooZWjzGcaYwk2oUmY(ZecDQ57@ri5BP2X^C?w&_W_g`DG
z|M8lm_ZA<1wD`dDC5N7_IPiGo;ioH)K3{#}(dILcx1E2q;nd3wXI^eU_jc!*=R425
z-+BJ+o~!Q<?%#j#!2ZLB4jsPs_~6y&$8NklcH{N2TR`;o<eiu29(=s=;3F__M#1n7
zfqMe0S2Hj$GL!`Q1^*w}fFbxhyDBiYB}!Z)N`mv#O3D+9QW*jgGxJLH{9Hp6%8d1l
zO%2{{o)1)W!_&nvL?hVrd}kD6qQudU-vf*SJC%Yubf%`}Xl@EIZrhg;b!AH7|MHK&
z=1KnjCtfhm`ON9tvzDyNdYgFC$7W5<e~)RYf9=BBe7bkle*UUh8+ZHLs(lOgtxJCV
z>aYL%;P3<XlYK7F*}JzxuarlFiAms*sDafL2}i>RX7hTau1GmtT);T1?fG)Y?p3~T
z?i_q6ml3vd&cU#Ag^@Z_jZ(Fi)c)VhE`GD5@zcp4|JE^ESo=R)DeE_9*ET`#mfI%$
zOZ#HwT!I%`7V1|>6jp2$e{*uXjV)Ks9G{ujH<uV@E|4^>2BmsWS3j3^P6<r_T2MWo

literal 0
HcmV?d00001

diff --git a/images/ico_forum.png b/images/ico_forum.png
new file mode 100644
index 0000000000000000000000000000000000000000..339617855a30e0464eacfab6bf0aed0db6c092bc
GIT binary patch
literal 474
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE)4%caKYZ?lYt_f1s;*b
z3=G`DAk4@xYmNj^kiEpy*OmPq3%h`ze#Xo%`+-7|C9V-A&iT2ysd*&~&PAz-C8;S2
z<(VZJ3hti10pX2&;tULoPM$7~Ar_~vUf!K05+Kt0F#kMHv*w-!fk_KjG9~F85fG4;
zz8%5&i=j-+scVl%oP$npE=Q)U0F&7>Cas+bEXGnzjS~7S>C1063#gRZoZXpo?UDWK
zH;3!(AMHp=>wCx}ru4`?&CIYT{)L;1exD$JBHwd^*7XucRM$Mv5qm6u$W3?tBd)y1
zBG*1F;(4cZF>}g_nKR#>$ywYeUC~qiqwoHWL!mv1va)Af(%f902zK$>9QR9%KVtK4
zL2vjAmm_7|XV27hsJ{@q#s21@@w((K7upSbpLX166O&62+RpVrdfvkJ>WYxYgWi7*
zy3OC#Sjcmwj-T7KykPS@!F$(#-tMq?A-zRw!s*uief~2JimwSP*!`p9dg_<$6OBIG
zyh~=8UD2#6^FT_iU}4eB-i~*H%`3Edro2d(-)Qx|M0J1s)_W&^`Ls7H<WHZo^bjZ(
O7(8A5T-G@yGywo_Aiq8U

literal 0
HcmV?d00001

diff --git a/images/ico_soundcloud.png b/images/ico_soundcloud.png
new file mode 100644
index 0000000000000000000000000000000000000000..a70752df2452f334409c6df40e8d66d518313d5b
GIT binary patch
literal 549
zcmV+=0^0qFP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru-UJ5_3NzKNV`=~Z0kTO%
zK~y-)m6OYAR6!7iziQjeILUYkNCsoFijjyQnuQP$#Fq$o$wJ0?5m!Ee2nJuky$|3E
zWM{-6D8?w_!b?2oWV-uzan8wH9FVC^bywG4*S}3Y?gGz&Q%olr&^7h=&dQ~EX6L4Z
zAO42Dci%iP&rA#Y>G(|=_zfMgS{pFa0yysh=*JPD07)a@I)Ist+&zHuI0OVCBuGO6
zt;*~S48vJz_X0Qy6`;(T1Ztikg@VR|r&#MO>EI3hS5Hv>16M_Jg9-vkA_-EXja$2e
z-?&FSc#B)QhBe!`#jDWnP(0hhyRsSyoCGNgq%2_To1A>OjV-UEB#3EbivIE~{LTBM
zxr?MMAix2TN8H91)>(rjR0E^N_5h8|$25A|D34VI07bxExm^O120Dm;RspyRs}RcE
z&H(a&KEKCe!lY8yEliO3`XzRlVFnf-A$>hvO@0<uu9H6QVyibudpmG$0hv1{kQD{?
zX_pfQw(t{6J){pU>TWg0#z|x<xd68Or(B~QMNnxR2TY`LO=kmduun5A^2<h?{wr-^
nu<wB`OYwz4XUgyV1?c_-?fl3Ai5;2I00000NkvXXu0mjfcKzh8

literal 0
HcmV?d00001

diff --git a/includes/header.php b/includes/header.php
index 4d6cb74..fa7721e 100644
--- a/includes/header.php
+++ b/includes/header.php
@@ -1,12 +1,14 @@
 <?php
 $SHOW_NOTE = TRUE;
 
+/*
 if (file_exists("/var/www/kxstudio/paste/"))
 {
     $ROOT = "/kxstudio";
     $SHOW_NOTE = FALSE;
 }
 else
+*/
 {
     $ROOT = "";
     $SHOW_NOTE = FALSE;
@@ -44,33 +46,54 @@ else
             });
         });
 <?php } ?>
-        function itemSoftwareClicked(event){
+        function closeAllMenus(){
+            var objSoftwareMenu     = document.getElementById("div_menuSoftware");
+            var objRepositoriesMenu = document.getElementById("div_menuRepositories");
+            var objSupportMenu      = document.getElementById("div_menuSupport");
+            var objCommunityMenu    = document.getElementById("div_menuCommunity");
+
+            if (objSoftwareMenu.style.visibility == "visible")
+                objSoftwareMenu.style.visibility = "hidden";
+
+            if (objRepositoriesMenu.style.visibility == "visible")
+                objRepositoriesMenu.style.visibility = "hidden";
+
+            if (objSupportMenu.style.visibility == "visible")
+                objSupportMenu.style.visibility = "hidden";
+
+            if (objCommunityMenu.style.visibility == "visible")
+                objCommunityMenu.style.visibility = "hidden";
+        };
+
+        function menuItemClicked(event, menu, itemName){
             event.stopPropagation();
 
-            var objSoftwareMenu = document.getElementById("div_menuSoftware");
+            closeAllMenus();
 
-            if (objSoftwareMenu.style.visibility != "visible")
-            {
-                var leftPos = document.getElementById("item-soft").getBoundingClientRect().left - 1;
-                objSoftwareMenu.style.left       = "" + leftPos + "px";
-                objSoftwareMenu.style.visibility = "visible";
-            }
-            else
+            //if (menu.style.visibility != "visible")
             {
-                objSoftwareMenu.style.visibility = "hidden";
+                var leftPos = document.getElementById(itemName).getBoundingClientRect().left - 1;
+                menu.style.left       = "" + leftPos + "px";
+                menu.style.visibility = "visible";
             }
+            //else
+            //{
+            //    menu.style.visibility = "hidden";
+            //}
 
             return false;
         };
 
         function bodyClicked(){
-            var objSoftwareMenu = document.getElementById("div_menuSoftware");
-
-            if (objSoftwareMenu.style.visibility == "visible")
-                objSoftwareMenu.style.visibility = "hidden";
-
+            closeAllMenus();
             return true;
         };
+
+        function itemSoftwareClicked(event)    { return menuItemClicked(event, document.getElementById("div_menuSoftware"),     "item-soft");      };
+        function itemRepositoriesClicked(event){ return menuItemClicked(event, document.getElementById("div_menuRepositories"), "item-repos");     };
+        function itemSupportClicked(event)     { return menuItemClicked(event, document.getElementById("div_menuSupport"),      "item-support");   };
+        function itemCommunityClicked(event)   { return menuItemClicked(event, document.getElementById("div_menuCommunity"),    "item-community"); };
+
     </script>
 <?php if ($PAGE_TYPE == "DONATIONS") { ?>
     <script type="text/javascript">
@@ -123,11 +146,26 @@ else
 <body class="mediawiki ltr ns-0 ns-subject skin-bentofluid" style="min-width:1080px" onClick="return bodyClicked();">
 <?php } ?>
     <!-- Software sub menu -->
-    <div id="div_menuSoftware">
+    <div id="div_menuSoftware" class="div_menuDropdown">
         <p><a href="<?php echo $ROOT; ?>/Applications"><img src="<?php echo $ROOT; ?>/images/ico_cadence.png" alt=""/> &nbsp; Applications</a></p>
-<!--         <div></div> -->
         <p><a href="<?php echo $ROOT; ?>/Plugins"><img src="<?php echo $ROOT; ?>/images/ico_distrho.png" alt=""/> &nbsp; Plugins</a></p>
     </div>
+    <!-- Repositories sub menu -->
+    <div id="div_menuRepositories" class="div_menuDropdown">
+        <p><a href="<?php echo $ROOT; ?>/Repositories">About</a></p>
+        <p><a href="<?php echo $ROOT; ?>/Repositories:Applications">Applications (in Repo)</a></p>
+        <p><a href="<?php echo $ROOT; ?>/Repositories:Plugins">Plugins (in Repo)</a></p>
+    </div>
+    <!-- Support sub menu -->
+    <div id="div_menuSupport" class="div_menuDropdown">
+        <p><a href="<?php echo $ROOT; ?>/Documentation">Documentation</a></p>
+    </div>
+    <!-- Community sub menu -->
+    <div id="div_menuCommunity" class="div_menuDropdown">
+        <p><a href="http://webchat.freenode.net/?channels=#kxstudio,#opensourcemusicians"><img src="<?php echo $ROOT; ?>/images/ico_chat.png" class="external" rel="nofollow" target="_blank" alt=""/> &nbsp; Chat</a></p>
+        <p><a href="http://linuxmusicians.com/viewforum.php?f=47"><img src="<?php echo $ROOT; ?>/images/ico_forum.png" class="external" rel="nofollow" target="_blank" alt=""/> &nbsp; Forum</a></p>
+        <p><a href="https://soundcloud.com/groups/kxstudio"><img src="<?php echo $ROOT; ?>/images/ico_soundcloud.png" class="external" rel="nofollow" target="_blank" alt=""/> &nbsp; Songs</a></p>
+    </div>
 
     <!-- Top link -->
     <a name="Top" id="Top"></a>
@@ -142,8 +180,9 @@ else
             <ul id="global-navigation">
                 <li id="item-news"><a href="<?php echo $ROOT; ?>/News">News</a></li>
                 <li id="item-soft"><a href="#" onClick="return itemSoftwareClicked(event);">Software &#9660;</a></li>
-                <li id="item-repos"><a href="<?php echo $ROOT; ?>/Repositories">Repositories</a></li>
-                <li id="item-docs"><a href="<?php echo $ROOT; ?>/Documentation">Documentation</a></li>
+                <li id="item-repos"><a href="#" onClick="return itemRepositoriesClicked(event);">Repositories &#9660;</a></li>
+                <li id="item-support"><a href="#" onClick="return itemSupportClicked(event);">Support &#9660;</a></li>
+                <li id="item-community"><a href="#" onClick="return itemCommunityClicked(event);">Community &#9660;</a></li>
                 <li id="item-donate"><a href="<?php echo $ROOT; ?>/Donations">Donations</a></li>
                 <li id="item-downloads"><a href="<?php echo $ROOT; ?>/Downloads">Downloads</a></li>
                 <li id="item-paste"><a href="<?php echo $ROOT; ?>/Paste">Paste</a></li>