var ServerInformation = {
    OBJECTDATA_SERVER: 'https://api.npoint.io/ee41beb1a64f4118728b'
    // OBJECTDATA_SERVER_ARG_NAME: "nama_objek",
    // OBJECTDATA_SERVER_ARG_DESC: "description"
};

var World = {
    loaded: false,
    drawables: [],
    objectData: [],


    init: function initFn() {
        World.requestDataFromServer();
    },

    loadObjectsFromJsonData: function loadObjectsFromJsonDataFn(data) {
        for (var currentObjectNr = 0; currentObjectNr < data.length; currentObjectNr++) {
            var singleObject = {
                id: data[currentObjectNr].id,
                objectName: data[currentObjectNr].objectName,
                objectDesc: data[currentObjectNr].objectDesc,
                wtoURL: data[currentObjectNr].wtoURL
            };

            World.objectData.push(singleObject);

            console.log(World.objectData[currentObjectNr].objectName)
        }

        // World.createLabels()
        World.createTracker();
    },



    // createLabels: function createLabelsFn() {

    //     for (var i = 0; i < World.objectData.length; i++) {

    //         // var titleLabel = $('#object-title');
    //         // var descriptionLabel = $('#object-desc');
    //         // var titleLabel = new AR.Label(World.objectData[i].objectName, 0.4);
    //         // var descriptionLabel = new AR.Label(World.objectData[i].objectDesc, 0.3);


    //         $('#object-title').html(World.objectData[i].objectName)



    //         // World.allCurrentModels = [];
    //         // World.allCurrentModels = World.allCurrentModels.concat([titleLabel, descriptionLabel]);
    //         // World.objectTrackable.drawables.addCamDrawable(World.allCurrentModels);


    //     }


    // },

    createTracker: function createTrackerFn() {
        for (var i = 0; i < World.objectData.length; i++) {


            this.targetCollectionResource = new AR.TargetCollectionResource(World.objectData[i].wtoURL, {
                onError: World.onError
            });

            this.tracker = new AR.ObjectTracker(this.targetCollectionResource, {
                onError: World.onError
            });
            $('#object-title').html(World.objectData[i].objectName)
            // $('#object-title').append(World.objectData[i].objectName)

            // this.objectTrackable = new AR.ObjectTrackable(this.tracker, World.objectData[i].targetName, {
            this.objectTrackable = new AR.ObjectTrackable(this.tracker, '*', {
                drawables: {
                    cam: World.drawables

                },

                onObjectRecognized: World.objectRecognized,
                onObjectLost: World.objectLost,
                onError: World.onError
            });
            console.log(World.objectData[i].wtoURL)
        }

    },

    requestDataFromServer: function requestDataFromServerFn() {
        /* Set helper var to avoid requesting places while loading. */
        World.isRequestingData = true;


        /* Server-url to JSON content provider. */
        var serverUrl = ServerInformation.OBJECTDATA_SERVER;

        var jqxhr = $.getJSON(serverUrl, function (data) {
                World.loadObjectsFromJsonData(data);
            })
            .error(function (err) {

                World.isRequestingData = false;
            })
            .complete(function () {
                World.isRequestingData = false;
            });
    },

    objectRecognized: function objectRecognizedFn() {
        World.hideInfoBar();
        $('#popupBasic').popup('open');
        World.setAugmentationsEnabled(true);

    },

    objectLost: function objectLostFn() {
        $('#popupBasic').popup('close');
        World.setAugmentationsEnabled(false);
    },

    setAugmentationsEnabled: function setAugmentationsEnabledFn(enabled) {
        for (var i = 0; i < World.drawables.length; i++) {
            World.drawables[i].enabled = enabled;
        }
    },

    onError: function onErrorFn(error) {
        alert(error);
    },

    hideInfoBar: function hideInfoBarFn() {
        document.getElementById('infoBox').style.display = 'none';
    },

    showInfoBar: function worldLoadedFn() {
        document.getElementById('infoBox').style.display = 'table';
        document.getElementById('loadingMessage').style.display = 'none';
    }
};

World.init();