diff --git a/config.xml b/config.xml
index 39a61ee..14131eb 100644
--- a/config.xml
+++ b/config.xml
@@ -26,8 +26,12 @@
 	<preference name="orientation"				value="portrait" />
 
 	<gap:plugin name="org.apache.cordova.device-orientation" />
-
-    <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.android.myap" android:versionCode="1">
+	
+	<feature name="Compass">
+    	<param name="android-package" value="org.apache.cordova.deviceorientation.CompassListener" />
+	</feature>
+    
+	<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.android.myap" android:versionCode="1">
         <supports-screens
         android:largeScreens="true"
         android:normalScreens="true"
@@ -36,7 +40,9 @@
         android:resizeable="true"
         android:anyDensity="true"
         />
-        <uses-permission android:name="android.permission.INTERNET" />
+        <uses-permission android:name="android.permission.INTERNET" /> 
+	    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
+    	<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
 
 
     </manifest>
diff --git a/index.html b/index.html
index 45ceede..451a338 100644
--- a/index.html
+++ b/index.html
@@ -3,10 +3,11 @@
 	<head>
 		<script src="lock.js">
 		</script>
-		<script src="main.js">
-		</script>
+    	<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
+		<script src="main.js"></script>	
 	</head>
 	<body>
 		<canvas id="canvas" width="200px" height="200px" style="background-color: #fff;"></canvas>
+    <div id="heading">Waiting for heading...</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/main.js b/main.js
index 862d92f..42d8819 100644
--- a/main.js
+++ b/main.js
@@ -1,14 +1,19 @@
 var onSuccess = function(heading) {
     var element = document.getElementById('heading');
-    element.innerHTML = 'Heading: ' + heading;
+    element.innerHTML = 'Heading: ' + heading.magneticHeading;
+    drawDial(heading.magneticHeading*Math.PI/180);
 };
 
 var onErrors = function() {
-    alert('onError!');
+    alert('Compass error: ' + compassError.code);
 };
 
 var startup = function(){
-	var watchID = navigator.compass.getCurrentHeading(onSuccess, onErrors);
+ 	watchID = navigator.compass.watchHeading(onSuccess, onErrors, options);
 	lockinit();
 }
-window.onload = startup;
+
+var watchID = null;
+var options = { frequency: 1000 };
+
+document.addEventListener("deviceready", startup, false);
\ No newline at end of file
