Added opacity filter for semi transparent inactive panes. Added routines to Javascrip...

diff --git a/theme/hmb.css b/theme/hmb.css
index bd68cbb444af9cfa261ae8722931d71b8f1aed3d..5ad6458e6bf8c0d1c6b2cbecd4dd729ad5d807bb 100644 (file)
--- a/theme/hmb.css
+++ b/theme/hmb.css
@@ -176,6 +176,10 @@ ul#panes li.pane {
        overflow: hidden;
 }
 
+ul#panes li.pane-inactive {
+       opacity: 0.3;
+}
+
 ul#panes li.pane-r {
        background: #4a0d0e;
        background: rgba(74,13,14,0.75);

diff --git a/theme/hmb.js b/theme/hmb.js
index 6e84710a35d529648a2fc48ec5cf1a691063c779..2d4dfd484d5b700194cdb4f60804cce44f647575 100644 (file)
--- a/theme/hmb.js
+++ b/theme/hmb.js
@@ -10,6 +10,14 @@ function update_hmb(){
        var left = current * 850;
        $("#paneshow").animate({ left: "-" + left + "px" }, function(){
 
+       for(var p in panemap){
+               if(panemap[p] == current){
+                       $("#pane-" + p).animate({ opacity: 1 });
+               } else {
+                       $("#pane-" + p).animate({ opacity: 0.3 });
+               }
+       }
+
        if(current > 0){
                $("#arrow-l").fadeIn('slow');
        } else {
@@ -29,7 +37,8 @@ update_hmb();
 
 for(var p in panemap){
        
-       $(".link_" + p).click({pane: p}, function(ev){ 
+       $(".link_" + p).click({pane: p}, function(ev){
+               $(".pane").animate({ opacity: 0.3 });
                current = panemap[ev.data.pane];
                update_hmb();
                this.blur();
@@ -40,6 +49,7 @@ for(var p in panemap){
 $("#arrow-r").click(function(){
 
        if((current + 1) < panes){
+               $(".pane").animate({ opacity: 0.3 });
                $("#arrow-l").hide();
                $("#arrow-r").fadeOut(function(){
                        ++current;
@@ -55,6 +65,7 @@ $("#arrow-r").click(function(){
 $("#arrow-l").click(function(){
 
        if(current > 0){
+               $(".pane").animate({ opacity: 0.3 });
                $("#arrow-r").hide();
                $("#arrow-l").fadeOut(function(){
                        --current;

diff --git a/theme/ie.css b/theme/ie.css
index 378e41e2ff571b01a195be9746e1d062af7ee0f9..b2dc74f81d9fa50cd6ce59f9f6d35bfe9455bf88 100644 (file)
--- a/theme/ie.css
+++ b/theme/ie.css
@@ -2,6 +2,10 @@
 
 /** 4a0d0e 0.75 **/
 
+ul#panes li.pane-inactive {
+       filter:alpha(opacity=30)
+}
+
 ul#panes li.pane-r {
        background: transparent;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C04a0d0e,endColorstr=#C04a0d0e);