﻿var UserWorkouts = {
    workouts: [],
    currentWorkoutIndex: -1,
    currentWorkout: {},
    workoutsCount: 0,
    workoutsLoaded: function (workouts) {
        UserWorkouts.workouts = workouts;
        UserWorkouts.workoutsCount = UserWorkouts.workouts.length;
        for (var i = 0; i < UserWorkouts.workouts.length; i++) {
            if (workouts[i] == $("#workout_id").val()) {
                UserWorkouts.currentWorkoutIndex = i;
                break;
            }
        }
    },
    load: function () {
        $.getJSON('/Json/WorkoutsByViewlevel', { user_id: $("#user_id").val() }, UserWorkouts.workoutsLoaded);
    },
    getCurrentWorkoutId: function () {
        if (UserWorkouts.currentWorkoutIndex != -1) {
            return UserWorkouts.workouts[UserWorkouts.currentWorkoutIndex];
        }
        else { return $("#workout_id").val(); }
    }
};
var activated3d = false;

$(document).ready(function() {
    WorkoutMap.init();
    workoutGraph.hoverCallBack = WorkoutMap.subPathHighlight.draw;
    WorkoutMap.unitSystem = $('#ms').val();
    UserWorkouts.load();
    WorkoutMapInit(false);
    WorkoutMap.startLoading();
    $.getJSON("/Json/GetWorkoutMapBS/" + UserWorkouts.getCurrentWorkoutId(), { r: Number(new Date()) }, function(data) {
        WorkoutMap.loadedWorkout(data.map, data.best);
        workoutGraph.MAXPOINTS = Math.round($(window).width() / 8);
        workoutGraph.drawJSON(data);
        WorkoutMap.endLoading();
    })
    $("#embedStats").click(toggleEmbedStats);
    $("#map3d").click(function() {
        if (!activated3d) {
            $("#map3d").html("2D");
        }
        else {
            $("#map3d").html("3D!");
        }
        activated3d = !activated3d;
        WorkoutMap.activate3D();

    });

});

var toggleStats = false;
var toggleEmbedStats = function() {
    if (toggleStats) {
        toggleStats = false;
        $("#embedStats").css({ "right": "-230px" });
    }
    else {
        toggleStats = true;
        $("#embedStats").css({ "right": "0px" });
    }
}
