/*jslint sloppy:true, browser:true, devel:true, white:true, vars:true, eqeq:true, nomen:true, unparam:true */
/*global intel, google, Marker, device */


//calculates distance between two points in km's
function calcDistance(p1, p2) {
  return (google.maps.geometry.spherical.computeDistanceBetween(p1, p2) / 1000).toFixed(2);
}


var _map = null;
var _seconds = 30;
var _llbounds = null;
var myLatLng;
var oldLatLng = "";
var boolTripTrack = true;
var dis;
//Create the google Maps and LatLng object

function drawMap() {
    //Creates a new google maps object
    var latlng = new google.maps.LatLng(currentLatitude, currentLongitude);
    myLatLng = latlng;
    var mapOptions = {
        center: latlng,
        zoom: 10,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        zoomControl: true,
        zoomControlOptions: {
            style: google.maps.ZoomControlStyle.SMALL,
            position: google.maps.ControlPosition.LEFT_TOP
        }
    };
    if (boolTripTrack === true) {
        if(google.maps){
            _map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
        }

        else {
            alert("Unable to display map.");
        }
    }
}
//40.7655,-73.97204 = NYC
var currentLatitude = "51.893969";
var currentLongitude = "-8.467430";

var clue1Lat = "51.893971";
var clue1Long = "-8.467012";

var clue2Lat = "51.899537";
var clue2Long = "-8.470992";
var options = {
    timeout: 10000,
    maximumAge: 11000,
    enableHighAccuracy: true
};
//Success callback
var suc = function(p) {
        console.log("geolocation success", 4);
        //Draws the map initially
        var clue1LatLng = new google.maps.LatLng(clue1Lat, clue1Long);
        var clue2LatLng = new google.maps.LatLng(clue2Lat, clue2Long);
        if (_map === null) {
            var currentLatitude = p.coords.latitude;
            var currentLongitude = p.coords.longitude;

            drawMap();
        } else {
            myLatLng = new google.maps.LatLng(p.coords.latitude, p.coords.longitude);
            dis = calcDistance(myLatLng, clue2LatLng);
            clue1LatLng = new google.maps.LatLng(clue1Lat, clue1Long);
            clue2LatLng = new google.maps.LatLng(clue2Lat, clue2Long);
        }
        //Creates a new google maps marker object for using with the pins

        if ((myLatLng.toString().localeCompare(oldLatLng.toString())) !== 0) {
            //marker.setMap(null);
            //Create a new map marker

           var Marker = new google.maps.Marker({
                position: myLatLng,
                map: _map
            });
            var Marker1 = new google.maps.Marker({
                position: clue1LatLng,
                map: _map
            });
            var Marker2 = new google.maps.Marker({
                position: clue2LatLng,
                map: _map
            });
            if (_llbounds === null) {
                //Create the rectangle in geographical coordinates
                _llbounds = new google.maps.LatLngBounds(new google.maps.LatLng(p.coords.latitude, p.coords.longitude)); //original
            } else {
                //Extends geographical coordinates rectangle to cover current position
                _llbounds.extend(myLatLng);
            }
            //Sets the viewport to contain the given bounds & triggers the "zoom_changed" event
            _map.fitBounds(_llbounds);
        }
        oldLatLng = myLatLng;
    };
var fail = function() {
        console.log("Geolocation failed. \nPlease enable GPS in Settings.", 1);
    };
var getLocation = function() {
        console.log("in getLocation", 4);
    };
    //Execute when the DOM loads

function onDeviceReady() {
    try {
        if (navigator.geolocation !== null) {
            document.getElementById("map_canvas").style.height = screen.height + "px";
            navigator.geolocation.watchPosition(suc, fail, options);
        }
        else {
            alert("navigator.geolocation == null");
        }
    } catch (e) {
        alert(e.message);
    }

    try {
        //hide splash screen
        navigator.splashscreen.hide();
    } catch (e) {}
}
document.addEventListener("deviceready", onDeviceReady, false);