funScrollIt = function(strScroller, strUp, strDown) {
  objTarget = $(strScroller);
  objScroll = new Fx.Scroll(strScroller, {duration: 3000});
  $(strUp).addEvents({
    'mouseover': function() {
      objEffect = new Fx.Style(this, 'opacity', {'duration': 200});
      objEffect.start(.80);
      objScroll.scrollTo(0, 0);
    },
    'mouseout': function() {
      objEffect = new Fx.Style(this, 'opacity', {'duration': 300});
      objEffect.start(1);
      objScroll.stop();
    }
  });
  $(strDown).addEvents({
    'mouseover': function() {
      objEffect = new Fx.Style(this, 'opacity', {'duration': 200});
      objEffect.start(.80);
      objScroll.scrollTo(objTarget.getCoordinates().right, 0);
    },
    'mouseout': function() {
      objEffect = new Fx.Style(this, 'opacity', {'duration': 300});
      objEffect.start(1);
      objScroll.stop();
    }
  });
}

funSetOpacity = function(strElements) {
  arrElements = $$(strElements);
  arrElements.setStyle('opacity', .70);
  arrElements.addEvents({
    'mouseover': function() {
      objEffect = new Fx.Style(this, 'opacity', {'duration': 200});
      objEffect.start(1);
    },
    'mouseout': function() {
      objEffect = new Fx.Style(this, 'opacity', {'duration': 300});
      objEffect.start(.70);
    }
  });
}

window.addEvent('domready', function() {
  funScrollIt('frameScroll', 'leftFrameScroller', 'rightFrameScroller');
  funSetOpacity('.brandLogo');
  $$('.frameThumb').addReflection({'height': .15});
});