Naturally Aligned

gistfile1.js

// I love the fact that my code aligns perfectly due to the fact that ...
console.log('top|bottom'.length === 'left|right'.length);
// ... returns true.

$overlay.data('region', region)
  .css({
    top: (region === 'bottom') ? '50%' : 0,
    bottom: (region === 'top') ? '50%' : 0,
    left: (region === 'right') ? '50%' : 0,
    right: (region === 'left') ? '50%' : 0
  });