diff --git a/source/web/images/filetypes/doc.png b/source/web/images/filetypes/doc.png
new file mode 100644
index 0000000000..8be5267976
Binary files /dev/null and b/source/web/images/filetypes/doc.png differ
diff --git a/source/web/images/filetypes/htm.png b/source/web/images/filetypes/htm.png
new file mode 100644
index 0000000000..c18c3c792a
Binary files /dev/null and b/source/web/images/filetypes/htm.png differ
diff --git a/source/web/images/filetypes/jpg.png b/source/web/images/filetypes/jpg.png
new file mode 100644
index 0000000000..2d61f9a202
Binary files /dev/null and b/source/web/images/filetypes/jpg.png differ
diff --git a/source/web/images/filetypes/pdf.png b/source/web/images/filetypes/pdf.png
new file mode 100644
index 0000000000..bf3d6d1315
Binary files /dev/null and b/source/web/images/filetypes/pdf.png differ
diff --git a/source/web/images/filetypes/png.png b/source/web/images/filetypes/png.png
new file mode 100644
index 0000000000..2d61f9a202
Binary files /dev/null and b/source/web/images/filetypes/png.png differ
diff --git a/source/web/scripts/ajax/doclist.js b/source/web/scripts/ajax/doclist.js
index 249b44e2b1..8a127f0bb8 100644
--- a/source/web/scripts/ajax/doclist.js
+++ b/source/web/scripts/ajax/doclist.js
@@ -36,7 +36,11 @@ var MyDocs = {
                   if (resource.isLoaded)
                   {
                      resource.needsOverflow = false;
-                     $E('.docMetapreview', resource).setStyle('overflow', 'auto');
+                     var elePrev = $E('.docMetapreview', resource)
+                     if (elePrev)
+                     {
+                        elePrev.setStyle('overflow', 'auto');
+                     }
                   }
                   else
                   {
@@ -191,7 +195,11 @@ var MyDocs = {
                            // deferred from transition complete event
                            if (resource.needsOverflow)
                            {
-                              $E('.docMetapreview', resource).setStyle('overflow', 'auto');
+                              var elePrev = $E('.docMetapreview', resource)
+                              if (elePrev)
+                              {
+                                 elePrev.setStyle('overflow', 'auto');
+                              }
                            }
                         },
                         failure: function(response)
@@ -311,7 +319,11 @@ var MyDocs = {
                   'height': [resourceHeight, resource.defHeight],
                   'opacity': [resource.getStyle('opacity'), 0]};
                
-               $E('.docMetapreview', resource).setStyle('overflow', 'hidden');
+               var elePrev = $E('.docMetapreview', resource)
+               if (elePrev)
+               {
+                 elePrev.setStyle('overflow', 'hidden');
+               }
             }
             fxResource.start(animResource);
             fxItem.start(animItem);