(function( $ ) {
  $.fn.ghProfile = function(options) {
    var settings = {
      'name'  : 'XAMPP',
    };
    this.each(function(){
      if(options){
        $.extend(settings,options);
      }
      var target = $(this);
      $.ajax({
        type: 'GET',
        url: 'https://api.github.com/users/'+settings['name'],
        success: function(dat){
          var obj = $.parseJSON(dat);
          target.html('<a class="proflink" href="' + obj['html_url'] +'"><div class="ghprog"><img class="avatar" src="'+obj['avatar_url']+'" alt="avatar" /><p class="name"><span class="login">' + obj['login'] +'</span> <span class="rname">(' + obj['name'] +')</span></p><br /><span class="info">Following: ' +obj['following'] + ' | Followers: ' + obj['followers'] + ' | Repos: ' + obj['public_repos'] + '</span></div></a>');
        }
      });
    });
  };
})( jQuery );
