| 420 |
florian |
1 |
window.addEvent('domready', function(){
|
|
|
2 |
var szNormal = 70, szSmall = 70, szFull = 150;
|
|
|
3 |
|
|
|
4 |
var kwicks = $$("#kwicks .kwick");
|
|
|
5 |
var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
|
|
|
6 |
kwicks.each(function(kwick, i) {
|
|
|
7 |
kwick.addEvent("mouseenter", function(event) {
|
|
|
8 |
var o = {};
|
|
|
9 |
o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
|
|
|
10 |
kwicks.each(function(other, j) {
|
|
|
11 |
if(i != j) {
|
|
|
12 |
var w = other.getStyle("width").toInt();
|
|
|
13 |
if(w != szSmall) o[j] = {width: [w, szSmall]};
|
|
|
14 |
}
|
|
|
15 |
});
|
|
|
16 |
fx.start(o);
|
|
|
17 |
});
|
|
|
18 |
});
|
|
|
19 |
|
|
|
20 |
$("kwicks").addEvent("mouseleave", function(event) {
|
|
|
21 |
var o = {};
|
|
|
22 |
kwicks.each(function(kwick, i) {
|
|
|
23 |
o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
|
|
|
24 |
});
|
|
|
25 |
fx.start(o);
|
|
|
26 |
})
|
|
|
27 |
|
|
|
28 |
});
|