var status = 'left';
var sliding = false;

function showLink() {
  sliding = false;
  var anchors = $ES('a', 'brickNav') ; 
  if (status == 'left') {
    anchors[0].setStyle('display', 'block');
    status = 'right';
  }
  else {
    anchors[1].setStyle('display', 'block');
    status = 'left';
  }
}

function hideLink() {
  $ES('a', 'brickNav').each(function(el) {
    el.setStyle('display', 'none');
  });
}

window.addEvent('domready', function(){
  $('brickOverlay').setOpacity(0.7);
  $ES('a', 'brickNav').each(function(el) {
    el.setStyle('color', '#FFFFFF');
    if (el.previousSibling == null) {
      el.setStyle('display', 'none');
    }
    el.addEvent('click', function() {
      if (status == 'left') {
        $E('img', 'brickSlider').effect('margin-left', {duration: 1000, onComplete: showLink}).start(0,-337);
        hideLink();
        sliding = true;
      }
      else {
        $E('img', 'brickSlider').effect('margin-left', {duration: 1000, onComplete: showLink}).start(-337,0);
        hideLink();
        sliding = true;
      }
    });
  });

});