From a842714b50c9d955e02c5be4315eb7d4bcdff902 Mon Sep 17 00:00:00 2001
From: Roland Gruber <post@rolandgruber.de>
Date: Thu, 6 Jan 2011 17:38:16 +0000
Subject: [PATCH] hover effect for tabs

---
 lam/lib/modules.inc           |  4 ++--
 lam/style/500_layout.css      |  7 +++++--
 lam/templates/main_header.php | 25 ++++++++++++-------------
 3 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/lam/lib/modules.inc b/lam/lib/modules.inc
index dad04bf3..48684efe 100644
--- a/lam/lib/modules.inc
+++ b/lam/lib/modules.inc
@@ -3,7 +3,7 @@
 $Id$
 
   This code is part of LDAP Account Manager (http://www.ldap-account-manager.org/)
-  Copyright (C) 2003 - 2010  Roland Gruber
+  Copyright (C) 2003 - 2011  Roland Gruber
 
   This program is free software; you can redistribute it and/or modify
   it under the terms of the GNU General Public License as published by
@@ -1603,7 +1603,7 @@ class accountContainer {
 			echo "<button style=\"" . $buttonStyle . "\" name=\"form_main_".$this->order[$i]."\"";
 			echo " tabindex=$x";
 			if ($buttonStatus == 'disabled') echo " disabled";
-			echo ">";
+			echo ' onmouseover="jQuery(this).addClass(\'tabs-hover\');" onmouseout="jQuery(this).removeClass(\'tabs-hover\');">';
 			if ($buttonImage != null) {
 				echo "<img class=\"align-middle\" style=\"padding: 3px;\" alt=\"\" src=\"../../graphics/$buttonImage\">&nbsp;";
 			}
diff --git a/lam/style/500_layout.css b/lam/style/500_layout.css
index 31bed9a7..edadaedf 100644
--- a/lam/style/500_layout.css
+++ b/lam/style/500_layout.css
@@ -3,7 +3,7 @@ $Id$
 
   This code is part of LDAP Account Manager (http://www.ldap-account-manager.org/)
   Copyright (C) 2003  Leonhard Walchshaeusl
-  Copyright (C) 2005 - 2010  Roland Gruber
+  Copyright (C) 2005 - 2011  Roland Gruber
 
   This program is free software; you can redistribute it and/or modify
   it under the terms of the GNU General Public License as published by
@@ -226,7 +226,6 @@ tr.account {
 }
 
 #lamVerticalTabs .ui-widget-header { 
-/*	background: #CCCCCC;*/
 	background: #CCCCCC url(images/ui-bg_highlight-soft_75_cccccc_1x150-vertical.png) repeat-y;
 }
 
@@ -238,6 +237,10 @@ tr.account {
 
 /* --- end of workaround for vertical tabs --- */
 
+.tabs-hover {
+	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
+}
+
 /* title bar */
 .titleBar {
 	background: #AAAAAA url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x scroll 50% 50%;
diff --git a/lam/templates/main_header.php b/lam/templates/main_header.php
index 72a235cc..011f0741 100644
--- a/lam/templates/main_header.php
+++ b/lam/templates/main_header.php
@@ -3,7 +3,7 @@
 $Id$
 
   This code is part of LDAP Account Manager (http://www.ldap-account-manager.org/)
-  Copyright (C) 2003 - 2010  Roland Gruber
+  Copyright (C) 2003 - 2011  Roland Gruber
 
   This program is free software; you can redistribute it and/or modify
   it under the terms of the GNU General Public License as published by
@@ -92,7 +92,7 @@ foreach ($toSort as $key => $value) {
 			<a class="lamHeader" href="http://www.ldap-account-manager.org/" target="new_window">&nbsp;<img src="<?php echo $headerPrefix; ?>../graphics/logo32.png" width=24 height=24 class="align-middle" alt="LDAP Account Manager">&nbsp;&nbsp;LDAP Account Manager</a>
 		</td>
 	<td align="right" height=30>
-	<ul id="foo" class="dropmenu">
+	<ul id="dropmenu" class="dropmenu">
 		<li><a href="<?php echo $headerPrefix; ?>logout.php" target="_top"><img alt="logout" src="<?php echo $headerPrefix; ?>../graphics/exit.png">&nbsp;<?php echo _("Logout") ?></a></li>
 		<li>
 			<a href="<?php echo $headerPrefix; ?>tools.php"><img alt="tools" src="<?php echo $headerPrefix; ?>../graphics/tools.png">&nbsp;<?php echo _("Tools") ?>&nbsp;&nbsp;&nbsp;</a>
@@ -136,16 +136,14 @@ foreach ($toSort as $key => $value) {
 </table>
 
 <script type="text/javascript">
-$(document).ready(function() {
-	        $('#foo').dropmenu(
-	            {
-	            	effect  : 'slide',
-	            	nbsp    : true,
-	            	timeout : 350,
-	            	speed   : 'fast'
-	            }
-	        );
-	    });
+jQuery(document).ready(function() {
+	jQuery('#dropmenu').dropmenu({
+		effect  : 'slide',
+		nbsp    : true,
+		timeout : 350,
+		speed   : 'fast'
+	});
+});
 </script>
 
 <br>
@@ -154,7 +152,8 @@ $(document).ready(function() {
 	<?php
 		$linkList = array();
 		for ($i = 0; $i < sizeof($types); $i++) {
-			$link = '<a href="' . $headerPrefix . 'lists/list.php?type=' . $types[$i] . '">' .
+			$link = '<a href="' . $headerPrefix . 'lists/list.php?type=' . $types[$i] .
+				'" onmouseover="jQuery(this).addClass(\'tabs-hover\');" onmouseout="jQuery(this).removeClass(\'tabs-hover\');">' .
 				'<img alt="' . $types[$i] . '" src="' . $headerPrefix . '../graphics/' . $types[$i] . '.png">&nbsp;' .
 				getTypeAlias($types[$i]) . '</a>';
 			echo '<li id="tab_' . $types[$i] . '" class="ui-state-default ui-corner-top">';