(function($){
  $.fn.instagram = function(options) {
    var that = this,
        apiEndpoint = "https://api.instagram.com/v1",
        settings = {
          hash: null,
          accessToken: null,
          clientId: null,
          show: null,
          onLoad: null,
          onComplete: null,
          maxId: null,
          minId: null
        };
        
    options && $.extend(settings, options);
    
    function createPhotoElement(photo) {
    if (photo.location.name != null){
      return $('<div>')
        .addClass('instagram-placeholder')
        .attr('id', photo.id)
        .append(
          $('<div>')
            .addClass('instagram-photo')
            .append(
                $('<img>')
                  .addClass('instagram-logoimage')
                  .attr('src', 'instagramlogo.png')
                  .attr('height', '61')
                  .attr('width', '20')
                  )
            .append(    
            $('<a>')
              .attr('target', '_blank')
              .attr('href', photo.link)
              .append(
                $('<img>')
                  .addClass('instagram-image')
                  .attr('src', photo.images.thumbnail.url)
                  .attr('width', '90')
                  .attr('height', '90')
              )    
          	)
        .append(
          $('<div>')
            .addClass('instagram-info')
            .append(
              $('<div>')
                .addClass('instagram-meta')
                .append(
                  $('<div>')
                    .addClass('instagram-location')
                    .append(
        				$('<a>')
              			  .attr('target', '_blank')
              			  .attr('href', photo.link)
						  .html(photo.location.name+' - ')
						)
                   		.append(
                     		 $('<div>')
                        		.addClass('instagram-comments')
                        		.append(
        						$('<a>')
              			  		.attr('target', '_blank')
              			  		.attr('href', photo.link)
                        		.html(photo.comments.count)
                        		)
                    )
                    .append(
                      $('<div>')
                        .addClass('instagram-likes')
                        .append(
        				$('<a>')
              			  .attr('target', '_blank')
              			  .attr('href', photo.link)
                          .html(photo.likes.count)
                          )
                    )
                )
                .append(
              $('<div>')
                .addClass('instagram-caption')
                .append(
        				$('<a>')
              			  .attr('target', '_blank')
              			  .attr('href', photo.link)
                .html('&quot;'+photo.caption.text+'&quot;')
                )
            )
            )
            
        )                 	
        );}else{
        return $('<div>')
        .addClass('instagram-placeholder')
        .attr('id', photo.id)
        .append(
          $('<div>')
            .addClass('instagram-photo')
            .append(
                $('<img>')
                  .addClass('instagram-logoimage')
                  .attr('src', 'instagramlogo.png')
                  .attr('height', '61')
                  .attr('width', '20')
                  )
            .append(    
            $('<a>')
              .attr('target', '_blank')
              .attr('href', photo.link)
              .append(
                $('<img>')
                  .addClass('instagram-image')
                  .attr('src', photo.images.thumbnail.url)
                  .attr('width', '90')
                  .attr('height', '90')
              )    
          	)
        .append(
          $('<div>')
            .addClass('instagram-info')
            .append(
              $('<div>')
                .addClass('instagram-meta')
                .append(
                   $('<div>')
                     .addClass('instagram-comments')
                     .append(
        				$('<a>')
              			  .attr('target', '_blank')
              			  .attr('href', photo.link)
                     .html(photo.comments.count)
                     )
                 )
                 .append(
                    $('<div>')
                      .addClass('instagram-likes')
                      .append(
        				$('<a>')
              			  .attr('target', '_blank')
              			  .attr('href', photo.link)
                      .html(photo.likes.count)
                      )
                 )
              )
                .append(
              $('<div>')
                .addClass('instagram-caption')
                .append(
        				$('<a>')
              			  .attr('target', '_blank')
              			  .attr('href', photo.link)
                .html('&quot;'+photo.caption.text+'&quot;')
                )
            )
            )
            
        )                 	
        ;}
    }
    
    function composeRequestURL() {
      var url = apiEndpoint,
          params = {};
      
      if(settings.hash != null) {
        url += "/tags/" + settings.hash + "/media/recent";
      }
      else {
        url += "/users/3297389/media/recent";
      }
      
      settings.accessToken != null && (params.access_token = settings.accessToken);
      settings.clientId != null && (params.client_id = settings.clientId);

      url += "?" + $.param(params);
      
      return url;
    }
    
    settings.onLoad != null && typeof settings.onLoad == 'function' && settings.onLoad();
    
    $.ajax({
      type: "GET",
      dataType: "jsonp",
      cache: false,
      url: composeRequestURL(),
      success: function(res) {
        settings.onComplete != null && typeof settings.onComplete == 'function' && settings.onComplete(res.data);
        
        var limit = settings.show == null ? res.data.length : settings.show;
        
        for(var i = 0; i < limit; i++) {
          that.append(createPhotoElement(res.data[i]));
        }
      }
    });
    
    return this;
  };
})(jQuery);