Overlay improvements. Ref #8

css/style.css

@@ -105,7 +105,7 @@
 	position:absolute;
 }
 
-#documents-overlay {
+#documents-overlay,  #documents-overlay-below{
     position: fixed;
     top: 0;
     left: 0;
@@ -115,4 +115,12 @@
     opacity: 0.5;
     z-index: 1000;
 	background: #000 url('%webroot%/core/img/loading-dark.gif') 50% 50% no-repeat;
+}
+#documents-overlay-below{
+	left:85px;
+	top:48px;
+    filter:alpha(opacity=100);
+    opacity: 1;
+	background:#f0f0f0;
+	z-index: 999;
 }

js/documents.js

@@ -7,6 +7,7 @@ var documentsMain = {
 	useUnstable : false,
 	onStartup: function() {
 		"use strict";
+		$('<div id="documents-overlay"></div> <div id="documents-overlay-below"></div>').hide().appendTo(document.body);
 		OC.addScript('documents', 'dojo-amalgamation', function() {
 			OC.addScript('documents', 'webodf-debug').done(function() {
 				// preload stuff in the background
@@ -166,10 +167,10 @@ var documentsMain = {
 		});
 	},
 	showOverlay : function(){
-		$('<div id="documents-overlay"> </div>').hide().appendTo(document.body).fadeIn('slow');
+		$('#documents-overlay,#documents-overlay-below').fadeIn('slow');
 	},
 	hideOverlay : function(){
-		$('#documents-overlay').fadeOut('slow');
+		$('#documents-overlay,#documents-overlay-below').fadeOut('slow');
 	},
 	loadDocuments: function () {
 		var self = this;