anchor.diff:  
       svg.append('a').attr("xlink:href", '#')
           .append('svg:circle')
  +        .attr('id', 'hours-face')
  +        .attr('class', 'picker')
           .attr('r', innerRadius)
           .attr('cx', cx)
           .attr('cy', cy)
  
positive.code:     var hours = now.getHours()
  
      innerBlob.attr('transform', 'rotate(' + hours * 30 + ', ' + cx + ', ' + cy + ')')
    }
  
    function getTimeOfDay() {
      var now = new Date()
      var hr = now.getHours()
      var min = now.getMinutes()
      var sec = now.getSeconds()
      return [
        [ "hour",   hr + (min / 60) + (sec / 3600) ],
        [ "minute", min + (sec / 60) ],
        [ "second", sec ]
      ]
    }
  }
  
  showD3Clock()
  
  $("#huh").spectrum({
      color: "#dd3333",
      show: function() {
  
      },
      hide: function() {
  
      }
  });
  </script>
  
negative.code:     var mins = now.getMinutes()
  
      outerBlob.attr('transform', 'rotate(' + mins * 6 + ', ' + cx + ', ' + cy + ')')
                .attr("xlink:href", '#')
                .attr('id', 'minutes-hands')
                .attr('class', 'picker')
  
      var innerOriginX = cx + ((innerRadius) * Math.sin(0));
      var innerOriginY = cy - ((innerRadius) * Math.cos(0));
  
      var innerBlob = svg.append('a').attr("xlink:href", '#').append("svg:circle").attr({
        cx: innerOriginX,
        cy: innerOriginY,
        opacity: 1,
  