fixed centering loading when scrolled down

3 files changed, 6 insertions, 9 deletions

diff --git a/css/istreamdev.css b/css/istreamdev.css
index 493eeb1..5d48d98 100644
--- a/css/istreamdev.css
+++ b/css/istreamdev.css
@@ -1,8 +1,6 @@
-
 div.loader {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 14px;
-	
 	background-image: url(../img/loading.gif);
 	background-repeat: no-repeat;
 	background-position: 50% 50%;
@@ -10,13 +8,11 @@ div.loader {
 	vertical-align: middle;
 	height: 100%;
 	width: 100%;
-	position: absolute;
-	z-index: 10;
-	left: 0px;
-	top: 0px;
+	z-index: 100;
+	left: 0;
 	opacity: .85;
 	display: block;
-	
+	position: absolute;
 }
 
 ul li img.menuicon {
diff --git a/index.html b/index.html
index d41ce9f..425e5fb 100644
--- a/index.html
+++ b/index.html
@@ -19,7 +19,8 @@
 	<div id="loader"></div>
 	<div id="jqt">
 	<!---------------------------------- HOME SCREEN (always present) ---------------------------------->
-        <div id="home" class="current">
+        	
+			<div id="home" class="current">
             <div class="toolbar">
                 <h1>HOME</h1>
             </div>
diff --git a/js/istreamdev.js b/js/istreamdev.js
index fa9acb9..cffc610 100644
--- a/js/istreamdev.js
+++ b/js/istreamdev.js
@@ -70,7 +70,7 @@ $('#home_but').tap(function(event) {
 function json_start(button) {

 		$(button).addClass('active');

 		$('#loader').addClass("loader");

-

+		$('#loader').css("top", window.pageYOffset);

 }

 function json_complete(destination,effect) {

 		$('#loader').removeClass("loader");