angular.module('mediaEmbedder', [])
  
  .service('mediaEmbedder', [function () {
      function embedHtml(payload, targetEl) {
          if (/^<script /i.test(payload)) {
              return embedScript(payload, targetEl);
          }
  
          angular.element(targetEl).html(payload);
  
          if (window.FB) {
              FB.XFBML.parse(angular.element(targetEl)[0]);
          }
  
          if (window.instgrm) {
              instgrm.Embeds.process();
          }
      }
  
      function embedScript(payload, targetEl) {
          var script = document.createElement('script');
  
          angular.forEach($(payload)[0].attributes, function (attr) {
              script.setAttribute(attr.name, attr.value);
          });
  
          angular.element(targetEl).html('');
          angular.element(targetEl).append(script);
      }
  
      function embedImage(imageUrl, targetEl) {
          angular.element(targetEl).html('<img src="' + imageUrl + '">');
      }
  
      return {
          embed: function (media, targetEl) {
              switch (media.payloadType) {
                  case 'html':
                      embedHtml(media.payload, targetEl);
                      break;
  
                  case 'image':
                      embedImage(media.payload, targetEl);
                      break;
  
                  default:
                      console.error('mediaEmbedder: ' + media.payloadType + ' type is not configured.');
                      break;
              }
          },
      };
  }]);