$(function(){
  $('a[rel="external"]').click(function(){
    $(this).attr('target','_blank');
  });

  var dotnetDivs   = $('#adotnet,#bdotnet');
  var dotnetLetter = $('#n');

  function Column(divs, letter) {
    this.divs   = $(divs);
    this.letter = $(letter);
    var self    = this;

    this.on = function() {
      dotnetDivs.addClass("hide");
      dotnetLetter.css("color", "#fff");
      self.letter.css("color", self.divs.first().css("color"));
      self.divs.removeClass("hide");
    }

    this.off = function() {
      self.divs.addClass("hide");
      self.letter.css("color", "#fff");
      dotnetLetter.css("color", dotnetDivs.first().css("color"));
      dotnetDivs.removeClass("hide");
    }

    this.letter.hover(self.on, self.off);
  }

  new Column('#ashare,#bshare',   '#e' );
  new Column('#awork,#bwork',     '#r' );
  new Column('#ablog,#bblog',     '#o1');
  new Column('#acode,#bcode',     '#d' );
  new Column('#afaith,#bfaith',   '#a' );
  new Column('#atweets,#btweets', '#t' );
  new Column('#aphotos,#bphotos', '#o2');
});