// http://davidwalsh.name/fade-spin-css3-jquery
jQuery(document).ready(function() {

    var div = jQuery('#icons'),
      icon = jQuery('#icons a:first'),
      adj = 8,
      zIndex = 1000,
      availableWidth = div.width() - icon.width() - adj,
      availableHeight = div.height() - icon.height() - adj,
      cssPrefix = '',
      $random = function(x) { return Math.random() * x; };

    // Get the proper CSS prefix
    if(jQuery.browser.webkit) {
        cssPrefix = 'webkit';
    }
    else if(jQuery.browser.mozilla) {
        cssPrefix = 'moz';
    }
    else if(jQuery.browser.opera) {
        cssPrefix = 'o';
    }


    var makePos = function(w){
      var pos = {};
      pos.top = $random(availableHeight);
      pos.left = $random(availableWidth);

      return pos;
    };

    // Randomize each link
    jQuery('#icons ul').show();
    jQuery.each(jQuery('#icons a'),function(index) {
        var startDeg = $random(360),
          element = jQuery(this),
          w = element.width(),
          pos, z,
          resetPlace = function() {
              element.fadeTo(250,0.6).css('-' + cssPrefix + '-transform','rotate(' + startDeg + 'deg)').css('zIndex', zIndex);
          };

        pos = makePos(w);
        element.attr( 'style','top:' + pos.top + 'px; left:' + pos.left + 'px; z-index:' + zIndex).hover(function() {
            z = zIndex + 100;
            element.fadeTo(250,1).css('zIndex', z).css('-' + cssPrefix + '-transform','rotate(0deg)');
        },resetPlace);
        resetPlace();
    });

});