From e5e49e283afcb7cf1ced5441abfa2a621961beaa Mon Sep 17 00:00:00 2001
From: falkTX <falktx@gmail.com>
Date: Mon, 16 Dec 2013 17:07:33 +0000
Subject: [PATCH] Implement software submenu

---
 css/style.css          |  17 ++++++++++
 images/ico_distrho.png | Bin 0 -> 673 bytes
 includes/header.php    |  70 ++++++++++++++++++++++++++++++-----------
 3 files changed, 69 insertions(+), 18 deletions(-)
 create mode 100644 images/ico_distrho.png

diff --git a/css/style.css b/css/style.css
index 91887e6..1ffc4f0 100644
--- a/css/style.css
+++ b/css/style.css
@@ -432,6 +432,23 @@ fieldset table {
     background:none repeat scroll 0 0 transparent;
 }
 
+#div_menuSoftware {
+    position: absolute;
+    top: 30px;
+    left: 0px;
+    background-color: #111111;
+    border: 1px solid #222222;
+    padding: 8px;
+    padding-top: 0px;
+    visibility: hidden;
+    text-decoration: none;
+}
+
+#div_menuSoftware img {
+    padding-right: 4px;
+    padding-top: 8px;
+}
+
 #donations_container {
     padding-left: 10px;
     padding-right: 10px;
diff --git a/images/ico_distrho.png b/images/ico_distrho.png
new file mode 100644
index 0000000000000000000000000000000000000000..77fd37caa9a567d22867959d29564456bf0a4bd7
GIT binary patch
literal 673
zcmV;S0$%-zP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru-3$;A8XlpUdj|jj02y>e
zSad^gZEa<4bO1wgWnpw>WFU8GbZ8()Nlj2!fese{00Id~L_t(I%UzQ(Xca*ahQGac
zmwOP2iiJUoXrUHLKoA>=f{2Y^Az~v4BG}p3*;v{s>BY*@LJ-tW5EQX7kWO2L7>OV+
zG4Jm7pB;<rGsj!l`}h8x`Db=#Hb|l@OJa;vRRw^g`4GaPl+r>`6l?Cj4y=`B*_auF
z!GH+@&~;sr@ra}slKx8asrk9<x*IvbAY=aQ{9KrFFzt>s;mvFrz|3;^9p_WoV6!K%
zBI&K950XZiYcf8}83)?7ttEZzIc~%lmjK4&@esh>_s1CD<o$8R)05~YGLa-jNsB3^
zlal`Q(teO_S9*b-P6X~v&KzTWl{t?wK1(SrO1hmzu9(?UPvA?8akg~#V<7~9B82c>
z(q$l4Rdpv{(W<2L?tUM*4vc^~U_OK}EQ+Eqc1N93+5!gdUiSDoU=%_qfg*DTc$rdK
z%^4)%(#*`vBT1WP_D<3hcRveU3n84#>pfZEhna07>1e<HW_D510ZE@SH<ENU-_3f@
zc9~qF!pvUxD&b~!GsYNteX=O&Td$0%>$(MikVOuf*-u~_80K?+2R49N;CR+*f!f_~
zRaN!8>$*VGG`M>)9*+-Cbz;ixY*Q_M*WKx7h?(K;g}Yah9!vT<<@8(9OG#(`x9|=U
z+P0;xYnrBEI2=x1=iZ_y_5n2@V5=<4UjS{}hPtkO^8Eh+EQw*ftjluL00000NkvXX
Hu0mjf;>9WR

literal 0
HcmV?d00001

diff --git a/includes/header.php b/includes/header.php
index 9c72664..94a91cc 100644
--- a/includes/header.php
+++ b/includes/header.php
@@ -27,11 +27,14 @@ else*/
     <link rel="stylesheet" href="<?php echo $ROOT; ?>/css/style.css" type="text/css" media="screen" />
     <link rel="icon" type="image/png" href="<?php echo $ROOT; ?>/images/ico_kxstudio.png" />
     <link rel="shortcut icon" href="<?php echo $ROOT; ?>/favicon.ico" />
-<?php if ($PAGE_TYPE == "HOME") { ?>
     <script type="text/javascript" src="includes/jquery-1.4.2.min.js"></script>
-    <script type="text/javascript" src="includes/responsiveslides.min.js"></script>
     <script type="text/javascript">
-        $(window).load(function() {
+        var wasSoftwareMenuClicked = false;
+
+        $(window).load(function(){
+            var objSoftwareMenu = document.getElementById("div_menuSoftware");
+
+<?php if ($PAGE_TYPE == "HOME") { ?>
             $(".rslides").responsiveSlides({
                 auto:  true,
                 nav:   true,
@@ -40,8 +43,43 @@ else*/
                 timeout: 7500,
                 namespace: "large-btns"
             });
+<?php } ?>
+            $("html").click(function(){
+                if (objSoftwareMenu.style.visibility == "visible")
+                    objSoftwareMenu.style.visibility = "hidden";
+                return true;
+            });
+
+            $("#item-soft").click(function(event){
+                event.stopPropagation();
+                if (objSoftwareMenu.style.visibility != "visible")
+                {
+                    objSoftwareMenu.style.left       = "" + document.getElementById("item-soft").getBoundingClientRect().left + "px";
+                    objSoftwareMenu.style.visibility = "visible";
+                    wasSoftwareMenuClicked = true;
+                }
+                else
+                {
+                    objSoftwareMenu.style.visibility = "hidden";
+                }
+                return false;
+            });
         });
     </script>
+<?php if ($PAGE_TYPE == "DONATIONS") { ?>
+    <script type="text/javascript">
+        /* <![CDATA[ */
+        (function() {
+            var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
+            s.type = 'text/javascript';
+            s.async = true;
+            s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
+            t.parentNode.insertBefore(s, t);
+        })();
+        /* ]]> */
+    </script>
+<?php } else if ($PAGE_TYPE == "HOME") { ?>
+    <script type="text/javascript" src="includes/responsiveslides.min.js"></script>
 <?php } else if ($PAGE_TYPE == "PASTE") { ?>
     <link rel="stylesheet" href="<?php echo $ROOT; ?>/paste/kxstudio.css" type="text/css" media="screen" />
     <!-- Special Paste CSS -->
@@ -72,18 +110,6 @@ else*/
             resize: none;
         }
     </style>
-<?php } else if ($PAGE_TYPE == "DONATIONS") { ?>
-    <script type="text/javascript">
-        /* <![CDATA[ */
-        (function() {
-            var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
-            s.type = 'text/javascript';
-            s.async = true;
-            s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
-            t.parentNode.insertBefore(s, t);
-        })();
-        /* ]]> */
-    </script>
 <?php } ?>
 </head>
 
@@ -92,6 +118,15 @@ else*/
 <?php } else { ?>
 <body class="mediawiki ltr ns-0 ns-subject skin-bentofluid">
 <?php } ?>
+    <!-- Software sub menu -->
+    <div id="div_menuSoftware">
+        <!--<ul>
+            <li id="item-apps">--><a href="<?php echo $ROOT; ?>/Applications"><img src="<?php echo $ROOT; ?>/images/ico_cadence.png" class="img_text_align" alt=""/>Applications</a><!--</li>--><br/>
+            <!--<li id="item-plugins">--><a href="<?php echo $ROOT; ?>/Plugins"><img src="<?php echo $ROOT; ?>/images/ico_distrho.png" class="img_text_align" alt=""/>Plugins</a><!--</li>-->
+        <!--</ul>-->
+    </div>
+
+    <!-- Top link -->
     <a name="Top" id="Top"></a>
 
     <!-- Start: Header -->
@@ -102,10 +137,9 @@ else*/
             </a>
             <a id="header-home" href="<?php echo $ROOT; ?>/" style="font-size:1.2em">Home</a>
             <ul id="global-navigation">
-                <li id="item-apps"><a href="<?php echo $ROOT; ?>/Applications">Applications</a></li>
-                <li id="item-plugins"><a href="<?php echo $ROOT; ?>/Plugins">Plugins</a></li>
+                <li id="item-soft"><a href="#">Software ^</a></li>
                 <li id="item-repos"><a href="<?php echo $ROOT; ?>/Repositories">Repositories</a></li>
-                <li id="item-documentation"><a href="<?php echo $ROOT; ?>/Documentation">Documentation</a></li>
+                <li id="item-docs"><a href="<?php echo $ROOT; ?>/Documentation">Documentation</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>