Mobile Tracker now integrated with GMap API 3

Closes rossengeorgiev#2

* updated build.sh
* lowered the size of target*.png to 30x30 px
* removed a lot of legacy code
* optimized a lot of the routines
* implement follow functionality, which replaces pan on expand
* map is more responsive and snappy across devices

* fixes dragging issue on android devices; Closes rossengeorgiev#4
* horizon range drawing is handled by google api, which will
  properly visualize it over the projection; Closes rossengeorgiev#11
* enabled zoom slider; Closes rossengeorgiev#13

Author: rossengeorgiev

build.sh

@@ -18,9 +18,6 @@ rm -f mobile.js
 cat jquery* iscroll.js >> mobile.js
 
 # compile the rest
-java -jar "../tools/yuicompressor-2.4.8pre.jar" --type=js --disable-optimizations --nomunge BDCCCircle.js >> mobile.js
-java -jar "../tools/yuicompressor-2.4.8pre.jar" --type=js --disable-optimizations --nomunge PolylineEncoder.js >> mobile.js
-java -jar "../tools/yuicompressor-2.4.8pre.jar" --type=js --disable-optimizations --nomunge balloonmarker.js >> mobile.js
 java -jar "../tools/yuicompressor-2.4.8pre.jar" --type=js --disable-optimizations --nomunge chasecar.lib.js >> mobile.js
 java -jar "../tools/yuicompressor-2.4.8pre.jar" --type=js --disable-optimizations --nomunge tracker.js >> mobile.js
 java -jar "../tools/yuicompressor-2.4.8pre.jar" --type=js --disable-optimizations --nomunge app.js >> mobile.js

css/mobile.css

@@ -99,10 +99,13 @@ <h2>Chase car mode</h2>
     </div>
     </div>
     <script src="http://maps.google.com/maps/api/js?sensor=false&key=AIzaSyCOqkcNey4CCyG4X0X5qxHAhCgD8g5DwXg" type="text/javascript"></script>
+    <script type="text/javascript" language="javascript" src="js/mobile.js"></script>
+<!--
     <script type="text/javascript" language="javascript" src="js/jquery-1.8.3-min.js"></script>
     <script type="text/javascript" language="javascript" src="js/chasecar.lib.js"></script>
     <script type="text/javascript" language="javascript" src="js/iscroll.js"></script>
     <script type="text/javascript" language="javascript" src="js/tracker.js"></script>
     <script type="text/javascript" language="javascript" src="js/app.js"></script>
+-->
     </body>
 </html>

img/markers/target-blue.png

@@ -164,7 +164,7 @@ $(window).ready(function() {
             }
 
             // pan to selected vehicle
-            panTo(parseInt(e.attr('class').match(/vehicle(\d+)/)[1]));
+            followVehicle(parseInt(e.attr('class').match(/vehicle(\d+)/)[1]));
         }
     });