function initFadeRollovers(){
  
  $$(".fadeRollovers li a").each(function(el){
    
    if(!el.hasClass("current")){
      var background_image = el.getStyle("backgroundImage"); 
      var parent_li = el.getParent();
      
      el.setStyle("backgroundPosition", "left -48px");
      parent_li.setStyle("backgroundImage", background_image);
      
      el.setStyles({
        'opacity': 0,
        'visibility': 'visible'
      });
      
      el.addEvent("mouseover", buttonFadeIn.pass(el));
      el.addEvent("mouseout", buttonFadeOut.pass(el));
    }
    
  });
  
}

function buttonFadeIn(el){
  //console.log(el + " fade in!");
  var myEffects = new Fx.Styles(el, {duration: 100, transition: Fx.Transitions.linear});
  //myEffects.addEvent('complete', function(el){ el.setStyle("visibility", "visible"); }.pass(el));
  myEffects.start({
    'opacity': 1
  });
}

function buttonFadeOut(el){
  //console.log(el + " fade out!");
  var myEffects = new Fx.Styles(el, {duration: 100, transition: Fx.Transitions.linear, onComplete: (function(el){ el.setStyle("visibility", "visible"); }).pass(el)});
  myEffects.start({
    'opacity': 0
  });
}

window.addEvent("load", initFadeRollovers);