Showing avatars in random positions.

random_avatars.js

;(function() {
  var doc = document
    , frag = doc.createDocumentFragment()
    , ids = [
        { id: 'tifafa', name: 'tifa' }
      , { id: 'godlikejay', name: 'Jay' }
      , { id: 'mockee', name: 'mockee' }
      ].sort(function() {
        return Math.random() > 0.5
      })

  function attr(attrs) {
    for (var name in attrs) {
      this.setAttribute(name, attrs[name])
    }
    return this
  }

  for (var i in ids) {
    var id = ids[i].id
      , name = ids[i].name
      , lnk = doc.createElement('a')
      , avatar = '<img src="/img/member/'
        + id + '.png" alt=' + name + '>'

    attr.call(lnk, {
      title: name
    , href: 'https://twitter.com/' + id
    , target: '_blank'
    }).innerHTML = avatar

    frag.appendChild(lnk)
  }

  doc.getElementById('team')
    .appendChild(frag)
})()