http://nvmac.nl/tijdelijk/
de fout zit ergens in het click event.
window.addEvent('domready', function(){
var list = $$('#menu li a');
var log = $('log');
list.each(function(element, i) {
var fx = new Fx.Styles(element, {duration:300, transition: Fx.Transitions.Quad.easeOut, wait:false});
element.addEvent('domready', function(){
fx.start({
'background-position': '0px 0px'
});
})
element.addEvent('mouseenter', function(){
fx.start({
'background-position': '0px -24px'
});
});
element.addEvent('mouseleave', function(){
if(this.getText()!=log.getText()){
fx.start({
'background-position': '0px 0px'
});
}
});
element.addEvent('click', function(){
log.setText(this.getText());
var o={};
o[i]={'background-position': [element.getStyle("background-position"), '0px -24px']}
list.each(function(active, j){
if(i != j){
o[j]= {'background-position': [active.getStyle("background-position"), '0px 0px']}
}
});
fx.start(o);
console.log(o);
});
});
});