zindex fixes & empty home element

couchpotato/core/plugins/movie/static/list.js

@@ -509,7 +509,7 @@ var MovieList = new Class({
 	checkIfEmpty: function(){
 		var self = this;
 
-		var is_empty = self.movies.length == 0 && self.total_movies == 0;
+		var is_empty = self.movies.length == 0 && (self.total_movies == 0 || self.total_movies === undefined);
 
 		if(self.title)
 			self.title[is_empty ? 'hide' : 'show']()

couchpotato/core/plugins/movie/static/movie.css

@@ -1,6 +1,7 @@
 .movies {
 	padding: 60px 0 20px;
 	position: relative;
+	z-index: 3;
 }
 
 	.movies h2 {
@@ -523,7 +524,7 @@
 .movies .alph_nav {
 	transition: box-shadow .4s linear;
 	position: fixed;
-	z-index: 2;
+	z-index: 4;
 	top: 0;
 	padding: 100px 60px 7px;
 	width: 1080px;

couchpotato/core/plugins/movie/static/movie.js

@@ -80,7 +80,7 @@ var Movie = new Class({
 		var self = this;
 		self.mask = new Element('div.mask', {
 			'styles': {
-				'z-index': '1'
+				'z-index': 4
 			}
 		}).inject(self.el, 'top').fade('hide');
 	},

couchpotato/static/scripts/page/home.js

@@ -38,8 +38,9 @@ Page.Home = new Class({
 			'limit': 18,
 			'title': 'Available soon',
 			'description': 'These are being searches for and should be available soon as they will be released on DVD in the next few weeks.',
-			'on_empty_element': new Element('div').grab(
+			'on_empty_element': new Element('div').adopt(
-				new Element('span', {'text': 'There are no movies available soon'})
+				new Element('h1', {'text': 'Available soon'}),
+				new Element('span', {'text': 'There are no movies available soon. Add some movies, so you have something to watch later.'})
 			),
 			'filter': {
 				'random': true

couchpotato/static/style/main.css

@@ -585,7 +585,7 @@ body > .spinner, .mask{
 	bottom: 0;
 	padding: 2px;
 	width: 240px;
-	z-index: 2;
+	z-index: 20;
 	overflow: hidden;
 	font-size: 14px;
 	font-weight: bold;