Fade navigation in

couchpotato/static/scripts/couchpotato.js

@@ -65,6 +65,16 @@ var CouchPotato = new Class({
 			self.content = new Element('div.content'),
 			self.block.footer = new Block.Footer(self, {})
 		);
+		
+		new ScrollSpy({
+			min: 10,
+			onLeave: function(){
+				$(self.block.header).removeClass('with_shadow')
+			},
+			onEnter: function(){
+				$(self.block.header).addClass('with_shadow')
+			}
+		})
 	},
 
 	createPages: function(){

couchpotato/static/style/main.css

@@ -168,7 +168,12 @@ body > .spinner, .mask{
 	position: fixed;
 	width: 99%;
 	z-index: 2;
+	box-shadow:  0 0 5px rgba(0,0,0,0.1);
+	transition: box-shadow .4s cubic-bezier(0.9,0,0.1,1);
 }
+	.header.with_shadow {
+		box-shadow:  0 0 50px rgba(0,0,0,0.3);
+	}
 
 .header > div {
 	width: 960px;