"use strict"

// register the application module
b4w.register("ropa", function(exports, require) {

// import modules used by the app
var m_app       = require("app");
var m_data      = require("data");
var m_tex       = require("textures");
var m_objects   = require("objects");
var m_scenes    = require("scenes");
var m_cfg       = require("config");
var m_version   = require("version");

var DEBUG = (m_version.type() === "DEBUG");

/**
 * export the method to initialize the app (called at the bottom of this file)
 */
exports.init = function() {
	m_app.init({
		canvas_container_id: "main_canvas_container",
		callback: init_cb,
		show_fps: true,
		console_verbose: true,
		autoresize: true
	});
}

/**
 * callback executed when the app is initialized 
 */
function init_cb(canvas_elem, success) {

	if (!success) {
		console.log("b4w init failure");
		return;
	}

	// ignore right-click on the canvas element
	canvas_elem.oncontextmenu = function(e) {
		e.preventDefault();
		e.stopPropagation();
		return false;
	};

	load();
}

/**
 * load the scene data
 */
function load() {
	m_data.load("ropa.json", load_cb);
}

/**
 * callback executed when the scene is loaded
 */
function load_cb(data_id) {
	m_app.enable_camera_controls();
	load_data();
	init_sliders();

	// place your code here

}

function init_sliders() {
    var playera = m_scenes.get_object_by_name("playera");

    var x_slider = document.getElementById("x_coord");
    x_slider.oninput = function(e)
    {
        m_objects.set_nodemat_value(playera, ["imagen", "x_coord"], x_slider.value);
    }

    var y_slider = document.getElementById("y_coord");
    y_slider.oninput = function(e)
    {
        m_objects.set_nodemat_value(playera, ["imagen", "y_coord"], y_slider.value);
    }
}

function load_data()
{
	var playera = m_scenes.get_object_by_name("playera");
	var ctx_image = m_tex.get_canvas_ctx(playera, "ImageFront")

	var img = new Image();
	img.src = "img/logo.jpg";
	img.onload = function()
	{
		ctx_image.drawImage(img, 650, 700, 500,500);
		m_tex.update_canvas_ctx(playera, "ImageFront");
	}

}

});

// import the app module and start the app by calling the init method
b4w.require("ropa").init();