// TODO no geolocation fallback?

var map;            // The map
var watcher;        // Watches for changes in geolocation
var busPath;        // The current bus path drawn on the map

var markers = [];   // The markers which are currently drawn on the map
var USER_INDEX = 0; // The position of the four markers which are drawn on the map
var DEST_INDEX = 1;
var USER_STOP_INDEX = 2;
var DEST_STOP_INDEX = 3;

// Users most up to date location and their destination location
var locations = {
    userLat: 0,
    userLng: 0,
    destLat: 0,
    destLng: 0
};

$(document).ready(function () {

    $("button").click(function (event) {
        switch (event.target.id) {
        case "1":
            fakePos(-41.283837, 174.74109999999996);
        //-41.283837
        //174.74109999999996
            break;
        case "2":
            fakePos( -41.2869829, 174.75702109999997);
        // -41.2869829
        // 174.75702109999997
            break;
        case "3":
            fakePos(-41.2782607, 174.7742283);
        // -41.2782607
        // 174.7742283
            break;
        case "4":
            fakePos(-41.2809732, 174.77593820000004);
        // -41.2809732
        // 174.77593820000004
            break;
        default:
            // alert("No button ID found for: " + event.target.id);
        }
    });
    
    /**
     * Centres map on users location once the map is created
     */
    function usePosition(pos) {
        // console.log('usePosition');
        locations.userLat = pos.coords.latitude;
        locations.userLng = pos.coords.longitude;
        
        drawMarker(locations.userLat, locations.userLng, USER_INDEX);
        
        // console.log(localStorage.destStopID);
        if(typeof localStorage.destStopID !== 'undefined'){
            drawMarker(localStorage.destStopLat, localStorage.destStopLng, DEST_STOP_INDEX);
            
            // console.log(locations.userLat);

            var numStopsData = {
                destStopID: localStorage.destStopID,
                destStopLat: localStorage.destStopLat,
                destStopLng: localStorage.destStopLng,
                routeNumber: localStorage.routeNumber,
                userLat:  locations.userLat,
                userLng:  locations.userLng
            };
            
            var url = "https://ready-set-go.herokuapp.com/numberofstops/"+JSON.stringify(numStopsData);
            $.get(url, function (res) {
                // console.log(res);
                drawPath(localStorage.routeNumber);
                
                updateLandmarks(res.numberOfStopsRemaining);

            }, 'json');
        } else {
            // TODO graceful error handling if the user hasn't found a stop on teh find a stop page
            $('#ridealong-title').html('Please find a stop before riding along.');
        }

        mapBounds();
    }
    
    /**
     * Updates the stops remaining and landmarks
     */
    function updateLandmarks(stopsRemaining){
        // console.log('stopsRemaining' + stopsRemaining);
        $('#ridealong-title').html('Get Off in <span id="stopsAway" class="titleEmphasis">' + stopsRemaining + '</span> Stops');
        
        if(localStorage.routeNumber == 3){
            //tunnel gardens beehive
            if(stopsRemaining < 2){
                $("#tunnel").css({
                    display: "none"          
                });
                
                $("#gardens").css({
                    display: "none"          
                });
                
                $("#beehive").css({
                    display: "none"          
                });
            } else if(stopsRemaining < 4){
                $("#tunnel").css({
                    display: "none"          
                });
                
                $("#gardens").css({
                    display: "none"          
                });
                
                $("#beehive").css({
                    display: "inline"          
                });
            } else if(stopsRemaining < 7){
                $("#tunnel").css({
                    display: "none"          
                });
                
                $("#gardens").css({
                    display: "inline"          
                });
                
                $("#beehive").css({
                    display: "inline"          
                });
            } else if(stopsRemaining > 12){
                $("#tunnel").css({
                    display: "inline"          
                });
                
                $("#gardens").css({
                    display: "inline"          
                });
                
                $("#beehive").css({
                    display: "inline"          
                });
            }
        }
    }
    
    /** 
     * Watches the users location
     */
    function updateLocation() {
        if (navigator.geolocation) {
            watcher = navigator.geolocation.watchPosition(
                usePosition,
                noGeolocation,
                { maximumAge: 500000, enableHighAccuracy: true, timeout: 6000 }
            );
        } else {
            noGeolocation(false);
        }
    }

    function fakePos(lat, lng){
        var position = {
            coords: {
                latitude: lat,
                longitude: lng
            }
        };
        usePosition(position);
    }

    /**
     * What to do if geolocation isn't available
     */
    function noGeolocation(geoError) {
        var errors = {
            1: 'Permission denied',
            2: 'Position unavailable',
            3: 'Request timeout'
        };
        
        if (geoError) {
            // alert("Geolocation service failed: "  +errors[geoError.code]);
        } else {
            // alert("Browser/device doesn't support geolocation");
        }

        locations.userLat = localStorage.userLat;
        locations.userLng = localStorage.userLng;

        // console.log(locations.userLat);

        var position = {
            coords: {
                latitude: locations.userLat,
                longitude: locations.userLng
            }
        };

        // console.log(position);

        usePosition(position);
    }

    /**
     * Draws the given route number's path onto the map
     */
    function drawPath(routeNumber) {
        var url = "https://ready-set-go.herokuapp.com/path/" + routeNumber;
        // console.log('Drawing route #' + routeNumber);
        $.get(url, function (rawPath) {

            var pathData = [];

            removePath();

            // Get route information & iterate over into array
            for (var i = 0; i < rawPath.length; i++){
                pathData[i] = new google.maps.LatLng(rawPath[i].shape_pt_lat, rawPath[i].shape_pt_lon);
                busPath = new google.maps.Polyline({
                    path: pathData 
                });
            }
            busPath.setMap(map);
        }, 'json');
    }  
    
    
    /**
     * Removes the currently drawn path from map
     */
    function removePath() {
        if(typeof busPath !== 'undefined'){
            busPath.setMap(null);
        };
    }
        
    /**
     * draws a marker at the given point and adds it to the marker array
     */
    function drawMarker(lat, lng, index) {
        var markerIcon;
        
        switch (index) {
            case 0:
                markerIcon = "./images/me.png";
                break;
            case 1:
                markerIcon = "./images/Destination.png";
                break;
            case 2:
                markerIcon = "./images/stopA.png";
                break;
            case 3:
                markerIcon = "./images/stopB.png";
                break;
            default:
                console.log("Incorrect index for marker icon: " + index);
                break;
        }
        
        var marker = new google.maps.Marker({
            position: new google.maps.LatLng(lat, lng),
            map: map,
            icon: markerIcon

//            title: 'Hello World!'
        });

        if (typeof markers[index] !== 'undefined'){
            markers[index].setMap(null);
        }
        
        markers[index] = marker;
        mapBounds();
    }

    /**
     * Keeps the map centered over the users position
     */
    function mapBounds() {        
        map.setCenter(new google.maps.LatLng(locations.userLat, locations.userLng));

    }

    // ******* Map initialisation ******
    function initialise() {
        var mapOptions = {
            zoom: 16,
//            scrollwheel: false,
//            navigationControl: false,
//            mapTypeControl: false,
//            scaleControl: false,
//            draggable: false,
            disableDefaultUI: true,
            center: new google.maps.LatLng(-41.3, 174.783),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
        geocoder = new google.maps.Geocoder();
        bounds = new google.maps.LatLngBounds();
    }

    google.maps.event.addDomListener(window, 'load', initialise);
    updateLocation();
    // console.log('loaded');
});