diff --git a/app/controllers/wikilibras/signs_controller.rb b/app/controllers/wikilibras/signs_controller.rb
new file mode 100644
index 0000000..e53666e
--- /dev/null
+++ b/app/controllers/wikilibras/signs_controller.rb
@@ -0,0 +1,12 @@
+class Wikilibras::SignsController < InheritedResources::Base
+  actions :index, :new
+
+  before_filter :authenticate_user!
+
+  def create
+    controller = Wikilibras::Controller.new(params[:sign])
+    controller.process()
+
+    redirect_to @sign, notice: 'Edição criada com sucesso.'
+  end
+end
diff --git a/app/models/wikilibras.rb b/app/models/wikilibras.rb
new file mode 100644
index 0000000..d3c4c22
--- /dev/null
+++ b/app/models/wikilibras.rb
@@ -0,0 +1,5 @@
+module Wikilibras
+  def self.table_name_prefix
+    'wikilibras_'
+  end
+end
diff --git a/app/models/wikilibras/sign.rb b/app/models/wikilibras/sign.rb
new file mode 100644
index 0000000..187ede5
--- /dev/null
+++ b/app/models/wikilibras/sign.rb
@@ -0,0 +1,15 @@
+# == Schema Information
+#
+# Table name: wikilibras_signs
+#
+#  id             :integer          not null, primary key
+#  name           :string(255)
+#  video_filename :string(255)
+#  owner_id       :integer
+#  created_at     :datetime
+#  updated_at     :datetime
+#
+
+class Wikilibras::Sign < ActiveRecord::Base
+
+end
diff --git a/app/views/wikilibras/signs/new.haml b/app/views/wikilibras/signs/new.haml
new file mode 100644
index 0000000..35a835c
--- /dev/null
+++ b/app/views/wikilibras/signs/new.haml
@@ -0,0 +1,10 @@
+- content_for :js do
+  = javascript_include_tag "UnityObject2.js"
+  = javascript_include_tag "handlebars.runtime-v1.3.0"
+
+- content_for :css_code do
+  = stylesheet_link_tag "wikilibras"
+
+= javascript_include_tag "wikilibras"
+
+
diff --git a/config/application.rb b/config/application.rb
index 8798f61..c404b00 100644
--- a/config/application.rb
+++ b/config/application.rb
@@ -19,6 +19,8 @@ module Vlibras
     # Run "rake -D time" for a list of tasks for finding time zone names. Default is UTC.
     # config.time_zone = 'Central Time (US & Canada)'
 
+    config.assets.paths << Rails.root.join("vendor", "assets", "flash")
+
     # The default locale is :en and all translations from config/locales/*.rb,yml are auto loaded.
     # config.i18n.load_path += Dir[Rails.root.join('my', 'locales', '*.{rb,yml}').to_s]
      config.i18n.enforce_available_locales = false
diff --git a/config/initializers/assets.rb b/config/initializers/assets.rb
index 7e1075f..bfd18ac 100644
--- a/config/initializers/assets.rb
+++ b/config/initializers/assets.rb
@@ -5,5 +5,11 @@ Rails.application.config.assets.precompile += %w( v_libras/requests/workflow.js 
 Rails.application.config.assets.precompile += %w( v_libras/videos/index.js )
 Rails.application.config.assets.precompile += %w( jquery.steps.js )
 
+Rails.application.config.assets.precompile += %w( UnityObject2.js )
+Rails.application.config.assets.precompile += %w( handlebars.runtime-v1.3.0.js )
+Rails.application.config.assets.precompile += %w( wikilibras.js )
+Rails.application.config.assets.precompile += %w( wikilibras.css )
+
 Rails.application.config.assets.precompile += %w( v_libras/requests.css )
-Rails.application.config.assets.precompile += %w( jquery.steps.css )
\ No newline at end of file
+Rails.application.config.assets.precompile += %w( jquery.steps.css )
+Rails.application.config.assets.precompile += %w( video-js.swf )
diff --git a/config/routes.rb b/config/routes.rb
index 1214e8e..3104153 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -18,8 +18,14 @@ Rails.application.routes.draw do
     end
 
     resources :videos, :only => [ :index, :show, :destroy ]
+  end
 
-
+  namespace :wikilibras do
+    resources :signs do
+      # Wikilibras plugins makes a POST request to itself. This redirects it to create method
+      post 'new', on: :collection, to: 'signs#create'
+    end
   end
 
+
 end
diff --git a/db/migrate/20140811143409_create_wikilibras_signs.rb b/db/migrate/20140811143409_create_wikilibras_signs.rb
new file mode 100644
index 0000000..684b720
--- /dev/null
+++ b/db/migrate/20140811143409_create_wikilibras_signs.rb
@@ -0,0 +1,12 @@
+class CreateWikilibrasSigns < ActiveRecord::Migration
+  def change
+    create_table :wikilibras_signs do |t|
+      t.string :name
+      t.string :video_filename
+
+      t.references :owner
+
+      t.timestamps
+    end
+  end
+end
diff --git a/lib/wikilibras/controller.rb b/lib/wikilibras/controller.rb
new file mode 100644
index 0000000..b84ef87
--- /dev/null
+++ b/lib/wikilibras/controller.rb
@@ -0,0 +1,10 @@
+class Wikilibras::Controller
+  def initialize(params)
+    @params = params
+  end
+
+  def process
+    puts "*" * 50
+    puts @params.to_json
+  end
+end
\ No newline at end of file
diff --git a/vendor/assets/flash/video-js.swf b/vendor/assets/flash/video-js.swf
new file mode 100644
index 0000000..ed18e3d
Binary files /dev/null and b/vendor/assets/flash/video-js.swf differ
diff --git a/vendor/assets/javascripts/UnityObject2.js b/vendor/assets/javascripts/UnityObject2.js
new file mode 100644
index 0000000..bbb81fa
--- /dev/null
+++ b/vendor/assets/javascripts/UnityObject2.js
@@ -0,0 +1,1693 @@
+/**
+ * @fileOverview 
+ * Defines UnityObject2
+ */
+
+
+//TODO: No need to polute the global space, just transfer this control to a 'static' variable insite unityObject! 
+/**
+ * @namespace 
+ */
+//var unity = unity || {};
+// We store all unityObject instances in a global scope, needed for IE firstFrameCallback and other internal tasks.
+//unity.instances = [];
+//unity.instanceNumber = 0;
+
+/**
+ * Object expected by the Java Installer. We can move those to UnityObject2 if we update the java Installer.
+ */
+var unityObject = {
+    /**
+     * Callback used bt the Java installer to notify the Install Complete.
+     * @private
+     * @param {String} id
+     * @param {bool} success
+     * @param {String} errormessage
+     */
+    javaInstallDone : function (id, success, errormessage) {
+
+        var instanceId = parseInt(id.substring(id.lastIndexOf('_') + 1), 10);
+
+        if (!isNaN(instanceId)) {
+
+            // javaInstallDoneCallback must not be called directly because it deadlocks google chrome
+            setTimeout(function () {
+
+                UnityObject2.instances[instanceId].javaInstallDoneCallback(id, success, errormessage);
+            }, 10);
+        }
+    }
+};
+
+
+/** 
+ *  @class 
+ *  @constructor
+ */
+var UnityObject2 = function (config) {
+
+    /** @private */
+    var logHistory = [],
+        win = window,
+        doc = document,
+        nav = navigator,
+        instanceNumber = null,
+        //domLoaded = false,
+        //domLoadEvents = [],
+        embeddedObjects = [], //Could be removed?
+        //listeners = [],
+        //styleSheet = null,
+        //styleSheetMedia = null,
+        //autoHideShow = true,
+        //fullSizeMissing = true,
+        useSSL = (document.location.protocol == 'https:'),  //This will turn off enableUnityAnalytics, since enableUnityAnalytics don't have a https version.
+        baseDomain = useSSL ? "https://ssl-webplayer.unity3d.com/" : "http://webplayer.unity3d.com/",
+        triedJavaCookie = "_unity_triedjava",
+        triedJavaInstall = _getCookie(triedJavaCookie),
+        triedClickOnceCookie = "_unity_triedclickonce",
+        triedClickOnce = _getCookie(triedClickOnceCookie),
+        progressCallback = false,
+        applets = [],
+        //addedClickOnce = false,
+        googleAnalyticsLoaded = false,
+        googleAnalyticsCallback = null,
+        latestStatus = null,
+        lastType = null,
+        //beginCallback = [],
+        //preCallback = [],
+        imagesToWaitFor = [],
+        //referrer = null,
+        pluginStatus = null,
+        pluginStatusHistory = [],
+        installProcessStarted = false, //not used anymore?
+        kInstalled = "installed",
+        kMissing = "missing",
+        kBroken = "broken",
+        kUnsupported = "unsupported",
+        kReady = "ready", //not used anymore?
+        kStart = "start",
+        kError = "error",
+        kFirst = "first",
+        //kStandard = "standard",
+        kJava = "java",
+        kClickOnce = "clickonce", //not used anymore?
+        wasMissing = false,             //identifies if this is a install attempt, or if the plugin was already installed
+		unityObject = null,				//The <embed> or <object> for the webplayer. This can be used for webPlayer communication.
+        //kApplet = "_applet",
+        //kBanner = "_banner",
+
+        cfg = {
+            pluginName              : "Unity Player",
+            pluginMimeType          : "application/vnd.unity",
+            baseDownloadUrl         : baseDomain + "download_webplayer-3.x/",
+            fullInstall             : false,
+            autoInstall             : false,
+            enableJava              : true,
+            enableJVMPreloading     : false,
+            enableClickOnce         : true,
+            enableUnityAnalytics    : false,
+            enableGoogleAnalytics   : true,
+            params                  : {},
+            attributes              : {},
+            referrer                : null,
+            debugLevel              : 0
+        };
+
+    // Merge in the given configuration and override defaults.
+    cfg = jQuery.extend(true, cfg, config);
+
+    if (cfg.referrer === "") {
+        cfg.referrer = null;
+    }
+    //enableUnityAnalytics does not support SSL yet.
+    if (useSSL) {
+        cfg.enableUnityAnalytics = false;
+    }
+
+    /** 
+     * Get cookie value
+     * @private
+     * @param {String} name The param name
+     * @return string or false if non-existing.
+     */
+    function _getCookie(name) {
+
+        var e = new RegExp(escape(name) + "=([^;]+)");
+
+        if (e.test(doc.cookie + ";")) {
+
+            e.exec(doc.cookie + ";");
+            return RegExp.$1;
+        }
+
+        return false;
+    }
+
+    /** 
+     * Sets session cookie
+     * @private
+     */
+    function _setSessionCookie(name, value) {
+        
+        document.cookie = escape(name) + "=" + escape(value) + "; path=/";
+    }
+
+    /**
+     * Converts unity version to number (used for version comparison)
+     * @private
+     */
+    function _getNumericUnityVersion(version) {
+
+        var result = 0,
+            major,
+            minor,
+            fix,
+            type,
+            release;
+
+        if (version) {
+
+            var m = version.toLowerCase().match(/^(\d+)(?:\.(\d+)(?:\.(\d+)([dabfr])?(\d+)?)?)?$/);
+
+            if (m && m[1]) {
+
+                major = m[1];
+                minor = m[2] ? m[2] : 0;
+                fix = m[3] ? m[3] : 0;
+                type = m[4] ? m[4] : 'r';
+                release = m[5] ? m[5] : 0;
+                result |= ((major / 10) % 10) << 28;
+                result |= (major % 10) << 24;
+                result |= (minor % 10) << 20;
+                result |= (fix % 10) << 16;
+                result |= {d: 2 << 12, a: 4 << 12, b: 6 << 12, f: 8 << 12, r: 8 << 12}[type];
+                result |= ((release / 100) % 10) << 8;
+                result |= ((release / 10) % 10) << 4;
+                result |= (release % 10);
+            }
+        }
+        
+        return result;
+    }
+
+    /**
+     * Gets plugin and unity versions (non-ie)
+     * @private
+     */
+    function _getPluginVersion(callback, versions) {
+        
+        var b = doc.getElementsByTagName("body")[0];
+        var ue = doc.createElement("object");
+        var i = 0;
+        
+        if (b && ue) {
+            ue.setAttribute("type", cfg.pluginMimeType);
+            ue.style.visibility = "hidden";
+            b.appendChild(ue);
+            var count = 0;
+            
+            (function () {
+                if (typeof ue.GetPluginVersion === "undefined") {
+                    
+                    if (count++ < 10) {
+                        
+                        setTimeout(arguments.callee, 10);
+                    } else {
+                        
+                        b.removeChild(ue);
+                        callback(null);
+                    }
+                } else {
+                    
+                    var v = {};
+                    
+                    if (versions) {
+                        
+                        for (i = 0; i < versions.length; ++i) {
+                            
+                            v[versions[i]] = ue.GetUnityVersion(versions[i]);
+                        }
+                    }
+                    
+                    v.plugin = ue.GetPluginVersion();
+                    b.removeChild(ue);
+                    callback(v);
+                }
+            })();
+            
+        } else {
+            
+            callback(null);
+        }
+    }
+        
+    /**
+	 * Retrieves windows installer name
+     * @private
+     */        
+	function _getWinInstall() {
+        var url = "";
+
+        if (ua.x64) {
+            url = cfg.fullInstall ? "UnityWebPlayerFull64.exe" : "UnityWebPlayer64.exe";
+        } else {
+            url = cfg.fullInstall ? "UnityWebPlayerFull.exe" : "UnityWebPlayer.exe";
+        }
+        
+		if (cfg.referrer !== null) {
+            
+			url += "?referrer=" + cfg.referrer;
+		}
+		return url;
+	}
+
+    /**
+	 * Retrieves mac plugin package name
+     * @private
+     */
+	function _getOSXInstall() {
+        
+		var url = "UnityPlayer.plugin.zip";
+        
+		if (cfg.referrer != null) {
+            
+			url += "?referrer=" + cfg.referrer;
+		}
+		return url;
+	}
+
+    /**
+	 * retrieves installer name
+     * @private
+     */
+	function _getInstaller() {
+        
+		return cfg.baseDownloadUrl + (ua.win ? _getWinInstall() : _getOSXInstall() );
+	}    
+
+    /**
+     * sets plugin status
+     * @private
+     */    
+    function _setPluginStatus(status, type, data, url) {
+        
+        if (status === kMissing) {
+            wasMissing = true;
+        }
+                
+        //   debug('setPluginStatus() status:', status, 'type:', type, 'data:', data, 'url:', url);
+
+        // only report to analytics the first time a status occurs.
+        if ( jQuery.inArray(status, pluginStatusHistory) === -1 ) {
+            
+            //Only send analytics for plugins installs. Do not send if plugin is already installed.
+            if (wasMissing) {
+                _an.send(status, type, data, url);
+            }
+            pluginStatusHistory.push(status);
+        }
+
+        pluginStatus = status;
+    }
+
+
+    /** 
+     *  Contains browser and platform properties
+     *  @private
+     */
+    var ua = function () {
+        
+            var a = nav.userAgent, p = nav.platform;
+            var chrome = /chrome/i.test(a);
+
+            //starting from IE 11, IE is using a different UserAgent.
+            var ie = false;
+            if (/msie/i.test(a)){
+                ie = parseFloat(a.replace(/^.*msie ([0-9]+(\.[0-9]+)?).*$/i, "$1"));
+            } else if (/Trident/i.test(a)) {
+                ie = parseFloat(a.replace(/^.*rv:([0-9]+(\.[0-9]+)?).*$/i, "$1"));
+            }
+            var ua = {
+                w3 : typeof doc.getElementById != "undefined" && typeof doc.getElementsByTagName != "undefined" && typeof doc.createElement != "undefined",
+                win : p ? /win/i.test(p) : /win/i.test(a),
+                mac : p ? /mac/i.test(p) : /mac/i.test(a),
+                ie : ie,
+                ff : /firefox/i.test(a),
+                op : /opera/i.test(a),
+                ch : chrome,
+                ch_v : /chrome/i.test(a) ? parseFloat(a.replace(/^.*chrome\/(\d+(\.\d+)?).*$/i, "$1")) : false,
+                sf : /safari/i.test(a) && !chrome,
+                wk : /webkit/i.test(a) ? parseFloat(a.replace(/^.*webkit\/(\d+(\.\d+)?).*$/i, "$1")) : false,
+                x64 : /win64/i.test(a) && /x64/i.test(a),
+                moz : /mozilla/i.test(a) ? parseFloat(a.replace(/^.*mozilla\/([0-9]+(\.[0-9]+)?).*$/i, "$1")) : 0,
+				mobile: /ipad/i.test(p) || /iphone/i.test(p) || /ipod/i.test(p) || /android/i.test(a) || /windows phone/i.test(a)
+            };
+            
+            ua.clientBrand = ua.ch ? 'ch' : ua.ff ? 'ff' : ua.sf ? 'sf' : ua.ie ? 'ie' : ua.op ? 'op' : '??';
+            ua.clientPlatform = ua.win ? 'win' : ua.mac ? 'mac' : '???';
+            
+            // get base url
+            var s = doc.getElementsByTagName("script");
+            
+            for (var i = 0; i < s.length; ++i) {
+                
+                var m = s[i].src.match(/^(.*)3\.0\/uo\/UnityObject2\.js$/i);
+                
+                if (m) {
+                    
+                    cfg.baseDownloadUrl = m[1];
+                    break;
+                }
+            }
+            
+            /**
+             * compares two versions
+             * @private
+             */
+            function _compareVersions(v1, v2) {
+                
+                for (var i = 0; i < Math.max(v1.length, v2.length); ++i) {
+
+                    var n1 = (i < v1.length) && v1[i] ? new Number(v1[i]) : 0;
+                    var n2 = (i < v2.length) && v2[i] ? new Number(v2[i]) : 0;
+                    if (n1 < n2) return -1;
+                    if (n1 > n2) return 1;
+                }
+
+                return 0;
+            };
+            
+            /**
+             * detect java
+             */ 
+            ua.java = function () {
+                
+                if (nav.javaEnabled()) {
+                    
+                    var wj = (ua.win && ua.ff);
+                    var mj = false;//(ua.mac && (ua.ff || ua.ch || ua.sf));
+                    
+                    if (wj || mj) {
+                        
+                        if (typeof nav.mimeTypes != "undefined") {
+                            
+                            var rv = wj ? [1, 6, 0, 12] : [1, 4, 2, 0];
+                            
+                            for (var i = 0; i < nav.mimeTypes.length; ++i) {
+                                
+                                if (nav.mimeTypes[i].enabledPlugin) {
+                                    
+                                    var m = nav.mimeTypes[i].type.match(/^application\/x-java-applet;(?:jpi-)?version=(\d+)(?:\.(\d+)(?:\.(\d+)(?:_(\d+))?)?)?$/);
+                                    
+                                    if (m != null) {
+                                        
+                                        if (_compareVersions(rv, m.slice(1)) <= 0) {
+                                            
+                                            return true;
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    } else if (ua.win && ua.ie) {
+
+                        if (typeof ActiveXObject != "undefined") {
+                            
+                            /**
+                             * ActiveX Test
+                             */
+                            function _axTest(v) {
+                                
+                                try {
+                                    
+                                    return new ActiveXObject("JavaWebStart.isInstalled." + v + ".0") != null;
+                                }
+                                catch (ex) {
+                                    
+                                    return false;
+                                }
+                            }
+
+                            /**
+                             * ActiveX Test 2
+                             */
+                            function _axTest2(v) {
+                                
+                                try {
+                                    
+                                    return new ActiveXObject("JavaPlugin.160_" + v) != null;
+                                } catch (ex) {
+                                    
+                                    return false;
+                                }
+                            }
+                            
+                            if (_axTest("1.7.0")) {
+                                
+                                return true;
+                            }
+                            
+                            if (ua.ie >= 8) {
+                                
+                                if (_axTest("1.6.0")) {
+                                    
+                                    // make sure it's 1.6.0.12 or newer. increment 50 to a larger value if 1.6.0.50 is released
+                                    for (var i = 12; i <= 50; ++i) {
+                                        
+                                        if (_axTest2(i)) {
+                                            
+                                            if (ua.ie == 9 && ua.moz == 5 && i < 24) {
+                                                // when IE9 is not in compatibility mode require at least
+                                                // Java 1.6.0.24: http://support.microsoft.com/kb/2506617
+                                                continue;
+                                            } else {
+                                                
+                                                return true;
+                                            }
+                                        }
+                                    }
+                                    
+                                    return false;
+                                }
+                            } else {
+                                
+                                return _axTest("1.6.0") || _axTest("1.5.0") || _axTest("1.4.2");
+                            }
+                        }
+                    }
+                }
+                
+                return false;
+            }();
+            
+            // detect clickonce
+            ua.co = function () {
+                
+                if (ua.win && ua.ie) {
+                    var av = a.match(/(\.NET CLR [0-9.]+)|(\.NET[0-9.]+)/g);
+                    if (av != null) {
+                        var rv = [3, 5, 0];
+                        for (var i = 0; i < av.length; ++i) {
+                            var versionNumbers = av[i].match(/[0-9.]{2,}/g)[0].split(".");
+                            if (_compareVersions(rv, versionNumbers) <= 0) {
+                                return true;
+                            }
+                        }
+                    }
+                }
+                return false;
+                
+            }();
+            
+            return ua;
+    }();
+
+
+    /** 
+     * analytics
+     * @private
+     */
+    var _an = function () {
+        var uid = function () {
+            
+            var now = new Date();
+            var utc = Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDay(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds(), now.getUTCMilliseconds());
+            return utc.toString(16) + _getRandomInt().toString(16);
+        }();
+        var seq = 0;
+        var _ugaq = window["_gaq"] = ( window["_gaq"] || [] );
+        
+        _setUpAnalytics();
+
+        /**
+        * generates random integer number
+        * @private
+        */            
+        function _getRandomInt() {
+
+            return Math.floor(Math.random() * 2147483647);
+        }
+        
+        /**
+         * Checks if there is a need to load analytics, by checking the existance of a _gaq object
+         */
+        function _setUpAnalytics() {
+            
+            var gaUrl = ('https:'   == document.location.protocol ? 'https://ssl'   : 'http://www') + '.google-analytics.com/ga.js';
+            var ss = doc.getElementsByTagName("script");
+            var googleAnalyticsLoaded = false;
+            for (var i = 0; i < ss.length; ++i) {
+
+                if (ss[i].src && ss[i].src.toLowerCase() == gaUrl.toLowerCase()) {
+
+                    googleAnalyticsLoaded = true;
+                    break;
+                }
+            }
+            
+            if (!googleAnalyticsLoaded) {
+                var ga = doc.createElement("script");
+                ga.type = "text/javascript";
+                ga.async = true;
+                ga.src = gaUrl;
+                var s = document.getElementsByTagName("script")[0];
+                s.parentNode.insertBefore(ga, s);
+            }
+            
+            var gaAccount = (cfg.debugLevel === 0) ? 'UA-16068464-16' : 'UA-16068464-17';
+                
+            _ugaq.push(["unity._setDomainName", "none"]);
+            _ugaq.push(["unity._setAllowLinker", true]);
+            _ugaq.push(["unity._setReferrerOverride", ' '+this.location.toString()]);
+
+            _ugaq.push(["unity._setAccount", gaAccount]);
+            // $(GoogleRevisionPlaceholder)
+        }
+
+        /**
+        * sends analytics data to unity
+        * @private
+        */            
+        function _sendUnityAnalytics(event, type, data, callback) {
+
+            if (!cfg.enableUnityAnalytics) {
+                
+                if (callback) {
+                    
+                    callback();
+                }
+                
+                return;
+            }
+            
+            var url = "http://unityanalyticscapture.appspot.com/event?u=" + encodeURIComponent(uid) + "&s=" + encodeURIComponent(seq) + "&e=" + encodeURIComponent(event);
+            // $(UnityRevisionPlaceholder)
+            
+            if (cfg.referrer !== null) {
+                
+                url += "?r=" + cfg.referrer;
+            }
+            
+            if (type) {
+                
+                url += "&t=" + encodeURIComponent(type);
+            }
+            
+            if (data) {
+                
+                url += "&d=" + encodeURIComponent(data);
+            }
+            
+            var img = new Image();
+            
+            if (callback) {
+                
+                img.onload = img.onerror = callback;
+            }
+            
+            img.src = url;
+        }
+
+        /**
+        * sends analytics data to google
+        * @private
+        */            
+        function _sendGoogleAnalytics(event, type, data, callback) {
+
+            if (!cfg.enableGoogleAnalytics) {
+
+                if (callback) {
+
+                    callback();
+                }
+
+                return;
+            }
+
+            var url = "/webplayer/install/" + event;
+            var join = "?";
+
+            if (type) {
+                
+                url += join + "t=" + encodeURIComponent(type);
+                join = "&";
+            }
+
+            if (data) {
+                
+                url += join + "d=" + encodeURIComponent(data);
+                join = "&";
+            }
+
+            if (callback) {
+                
+                _ugaq.push(function () {
+                    setTimeout(callback,1000);
+                    //this.googleAnalyticsCallback = callback;
+                });
+            }
+            
+            //try to shorten the URL to fit into customVariable
+            //it will try to replace the early directories to ..
+            var gameUrl = cfg.src;
+            if (gameUrl.length > 40) {
+                gameUrl = gameUrl.replace("http://","");
+                var paths = gameUrl.split("/");
+                
+                var gameUrlFirst = paths.shift();
+                var gameUrlLast = paths.pop();
+                gameUrl = gameUrlFirst + "/../"+ gameUrlLast;
+                
+                while(gameUrl.length < 40 && paths.length > 0) {
+                    var nextpath = paths.pop();
+                    if(gameUrl.length + nextpath.length + 5 < 40) {
+                        gameUrlLast =  nextpath + "/" + gameUrlLast;
+                    } else {
+                        gameUrlLast =  "../" + gameUrlLast;
+                    }
+                    gameUrl = gameUrlFirst + "/../"+ gameUrlLast;
+                }
+            }
+            _ugaq.push(['unity._setCustomVar',
+                2,                   // This custom var is set to slot #1.  Required parameter.
+                'GameURL',           // The name acts as a kind of category for the user activity.  Required parameter.
+                gameUrl,             // This value of the custom variable.  Required parameter.
+                3                    // Sets the scope to page-level.  Optional parameter.
+           ]);
+           _ugaq.push(['unity._setCustomVar',
+                1,                      // This custom var is set to slot #1.  Required parameter.
+                'UnityObjectVersion',   // The name acts as a kind of category for the user activity.  Required parameter.
+                "2",                    // This value of the custom variable.  Required parameter.
+                3                       // Sets the scope to page-level.  Optional parameter.
+           ]);
+           if (type) {
+               _ugaq.push(['unity._setCustomVar',
+                    3,                      // This custom var is set to slot #1.  Required parameter.
+                    'installMethod',   // The name acts as a kind of category for the user activity.  Required parameter.
+                    type,                    // This value of the custom variable.  Required parameter.
+                    3                       // Sets the scope to page-level.  Optional parameter.
+               ]);
+           }
+
+            _ugaq.push(["unity._trackPageview", url]);
+        }
+
+        return {
+            /**
+            * sends analytics data. optionally opens url once data has been sent
+            * @public
+            */                
+            send : function (event, type, data, url) {
+
+                if (cfg.enableUnityAnalytics || cfg.enableGoogleAnalytics) {
+
+                    debug('Analytics SEND', event, type, data, url);
+                }
+
+                ++seq;
+                var count = 2;
+
+                var callback = function () {
+
+                    if (0 == --count) {
+
+                        googleAnalyticsCallback = null;
+                        window.location = url;
+                    }
+                }
+                
+                if (data === null || data === undefined) {
+                    data = "";
+                }
+
+                _sendUnityAnalytics(event, type, data, url ? callback : null);
+                _sendGoogleAnalytics(event, type, data, url ? callback : null);
+            }
+        };
+    }();
+    
+    
+    
+    
+    
+    /* Java Install - BEGIN */
+
+    /**
+     * @private
+     */
+	function _createObjectElement(attributes, params, elementToReplace) {
+        
+        var i,
+            at,
+            pt,
+            ue,
+            pe;
+        
+		if (ua.win && ua.ie) {
+            
+			at = "";
+            
+			for (i in attributes) {
+                
+				at += ' ' + i + '="' + attributes[i] + '"';
+			}
+            
+			pt = "";
+            
+			for (i in params) {
+                
+				pt += '<param name="' + i + '" value="' + params[i] + '" />';
+			}
+            
+			elementToReplace.outerHTML = '<object' + at + '>' + pt + '</object>';
+            
+		} else {
+            
+			ue = doc.createElement("object");
+            
+			for (i in attributes) {
+                
+				ue.setAttribute(i, attributes[i]);
+			}
+            
+			for (i in params) {
+                
+				pe = doc.createElement("param");
+				pe.name = i;
+				pe.value = params[i];
+				ue.appendChild(pe);
+			}
+            
+			elementToReplace.parentNode.replaceChild(ue, elementToReplace);
+		}
+	}
+	
+    /**
+     * @private
+     */    
+	function _checkImage(img) {
+        
+		// img element not in the DOM yet
+		if (typeof img == "undefined") {
+            
+			return false;
+		}
+        
+		if (!img.complete) {
+            
+			return false;
+		}
+        
+		// some browsers always return true in img.complete, for those
+		// we can check naturalWidth
+		if (typeof img.naturalWidth != "undefined" && img.naturalWidth == 0) {
+            
+			return false;
+		}
+        
+		// no other way of checking, assuming it is ok
+		return true;
+	}
+
+    /**
+     * @private
+     */
+	function _preloadJVMWhenReady(id) {
+        
+		var needToWait = false;
+        
+		for (var i = 0; i < imagesToWaitFor.length; i++) {
+			if (!imagesToWaitFor[i]) {
+				continue;
+			}
+			var img = doc.images[imagesToWaitFor[i]];
+			if (!_checkImage(img)) {
+				needToWait = true;
+			}
+			else {
+				imagesToWaitFor[i] = null;
+			}
+		}
+		if (needToWait) {
+			// check again in 100ms
+			setTimeout(arguments.callee, 100);
+		}
+		else {
+			// preload after a small delay, to make sure
+			// the images have actually rendered
+			setTimeout(function () {
+				_preloadJVM(id);
+			}, 100);
+		}
+	}
+
+
+	/**
+     *  preloads the JVM and the Java Plug-in
+     *  @private
+     */       
+	function _preloadJVM(id) {
+        
+		var re = doc.getElementById(id);
+        
+		if (!re) {
+            
+			re = doc.createElement("div");
+			var lastBodyElem = doc.body.lastChild;
+			doc.body.insertBefore(re, lastBodyElem.nextSibling);
+		}
+        
+		var codebase = cfg.baseDownloadUrl + "3.0/jws/";
+        
+		var a = {
+			id : id,
+			type : "application/x-java-applet",
+			code : "JVMPreloader",
+			width : 1,
+			height : 1,
+			name : "JVM Preloader"
+		};
+        
+		var p = {
+			context : id,
+			codebase : codebase,
+			classloader_cache : false,
+			scriptable : true,
+			mayscript : true
+		};
+        
+		_createObjectElement(a, p, re);
+        jQuery('#' + id).show();
+		//setVisibility(id, true);
+	}
+	
+    /**
+	 * launches java installer
+     * @private
+     */    
+	function _doJavaInstall(id) {
+        
+		triedJavaInstall = true;
+		_setSessionCookie(triedJavaCookie, triedJavaInstall);
+		var re = doc.getElementById(id);
+		var appletID = id + "_applet_" + instanceNumber;
+        
+        applets[appletID] = {
+            attributes : cfg.attributes,
+            params : cfg.params,
+            callback : cfg.callback,
+            broken : cfg.broken
+        };        
+        
+		var applet = applets[appletID];
+        
+		var a = {
+			id : appletID,
+			type : "application/x-java-applet",
+			archive : cfg.baseDownloadUrl + "3.0/jws/UnityWebPlayer.jar",
+			code : "UnityWebPlayer",
+			width : 1,
+			height : 1,
+			name : "Unity Web Player"
+		};
+        
+		if (ua.win && ua.ff) {
+            
+			a["style"] = "visibility: hidden;";
+		}
+        
+		var p = {
+			context : appletID,
+			jnlp_href : cfg.baseDownloadUrl + "3.0/jws/UnityWebPlayer.jnlp",
+			classloader_cache : false,
+			installer : _getInstaller(),
+			image : baseDomain + "installation/unitylogo.png",
+			centerimage : true,
+			boxborder : false,
+			scriptable : true,
+			mayscript : true
+		};
+        
+		for (var i in applet.params) {
+            
+			if (i == "src") {
+                
+				continue;
+			}
+            
+			if (applet.params[i] != Object.prototype[i]) {
+                
+				p[i] = applet.params[i];
+                
+				if (i.toLowerCase() == "logoimage") {
+                    
+					p["image"] = applet.params[i];
+				}
+				else if (i.toLowerCase() == "backgroundcolor") {
+                    
+					p["boxbgcolor"] = "#" + applet.params[i];
+				}
+				else if (i.toLowerCase() == "bordercolor") {
+                    
+					// there's no way to specify border color
+					p["boxborder"] = true;
+				}
+				else if (i.toLowerCase() == "textcolor") {
+                    
+					p["boxfgcolor"] = "#" + applet.params[i];
+				}
+			}
+		}
+
+		// Create a dummy div element in the unityPlayer div
+		// so that it can be replaced with the 1x1 px applet.
+		// The applet will be resized when it has fully loaded,
+		// see appletStarted().
+		var divToBeReplacedWithApplet = doc.createElement("div");
+		re.appendChild(divToBeReplacedWithApplet);
+		_createObjectElement(a, p, divToBeReplacedWithApplet);
+        jQuery('#' + id).show();
+		//setVisibility(appletID, true);
+	}
+	
+    /**
+     * @private
+     */    
+	function _jvmPreloaded(id) {
+        
+		// timeout prevents crash on ie
+		setTimeout(function () {
+            
+			var re = doc.getElementById(id);
+            
+			if (re) {
+				re.parentNode.removeChild(re);
+			}
+		}, 0);
+	}
+	
+    /**
+     * @private
+     */    
+	function _appletStarted(id) {
+		// set the size of the applet to the one from cloned attributes
+		var applet = applets[id],
+            appletElement = doc.getElementById(id),
+            childNode;
+
+		// the applet might have already finished by now
+		if (!appletElement) {
+		
+            return;
+        }
+		
+		appletElement.width = applet.attributes["width"] || 600;
+		appletElement.height = applet.attributes["height"] || 450;
+
+		// remove all the siblings of the applet
+		var parentNode = appletElement.parentNode;
+		var childNodeList = parentNode.childNodes;
+        
+		for (var i = 0; i < childNodeList.length; i++) {
+            
+			childNode = childNodeList[i];
+			// Compare the child node with our applet element only if
+			// it has the same type. Doing the comparison in other cases just
+			// jumps out of the loop.
+			if (childNode.nodeType == 1 && childNode != appletElement) {
+			
+                parentNode.removeChild(childNode);
+            }
+		}
+	}	 
+    
+    
+	// java installation callback
+	function _javaInstallDoneCallback(id, success, errormessage) {
+        
+        debug('_javaInstallDoneCallback', id, success, errormessage);                   
+        //console.log('javaInstallDoneCallback', id, success, errormessage);                   
+        
+		if (!success) {
+            
+			//var applet = applets[id];
+			_setPluginStatus(kError, kJava, errormessage);
+			//createMissingUnity(id, applet.attributes, applet.params, applet.callback, applet.broken, kJava, errormessage);
+		}
+	}    
+    
+    /* Java Install - END */
+    
+
+    /**
+     * @private
+     */
+    function log() {
+        
+        logHistory.push(arguments);
+        
+        if ( cfg.debugLevel > 0 && window.console && window.console.log ) {
+            
+            console.log(Array.prototype.slice.call(arguments));
+            //console.log.apply(console, Array.prototype.slice.call(arguments));
+        }
+    }
+    
+    /**
+     * @private
+     */
+    function debug() {
+        
+        logHistory.push(arguments);
+        
+        if ( cfg.debugLevel > 1 && window.console && window.console.log ) {
+            
+            console.log(Array.prototype.slice.call(arguments));
+            //console.log.apply(console, Array.prototype.slice.call(arguments));
+        }
+    }
+    
+    /**
+     * appends px to the value if it's a plain number
+     * @private
+     */
+	function _appendPX(value) {
+        
+		if (/^[-+]?[0-9]+$/.test(value)) {
+			value += "px";
+		}
+		return value;
+	}
+
+
+    
+
+    var publicAPI = /** @lends UnityObject2.prototype */ {
+
+        /**
+         * Get Debug Level (0=Disabled)
+         * @public
+         * @return {Number} Debug Level
+         */
+        getLogHistory: function () {
+            
+            return logHistory; // JSON.stringify()
+        },
+
+
+        /**
+         * Get configuration object
+         * @public
+         * @return {Object} cfg
+         */
+        getConfig: function () {
+            
+            return cfg; // JSON.stringify()
+        },
+
+
+        /**
+         * @public
+         * @return {Object} detailed info about OS and Browser.
+         */
+        getPlatformInfo: function () {
+            
+            return ua;
+        },
+
+
+        /**
+         * Initialize plugin config and proceed with attempting to start the webplayer.
+         * @public
+         */
+        initPlugin: function (targetEl, src) {
+
+            cfg.targetEl = targetEl;
+            cfg.src = src;
+
+            debug('ua:', ua);
+            //console.debug('initPlugin this:', this);
+            this.detectUnity(this.handlePluginStatus);  
+        },        
+     
+
+        /**
+         * detects unity web player.
+         * @public
+         * callback - accepts two parameters.
+         *            first one contains "installed", "missing", "broken" or "unsupported" value.
+         *            second one returns requested unity versions. plugin version is included as well.
+         * versions - optional array of unity versions to detect.
+         */
+        detectUnity: function (callback, versions) {
+
+           // console.debug('detectUnity this:', this);
+            var self = this;
+
+            var status = kMissing;
+            var data;
+            nav.plugins.refresh();
+			
+			if (ua.clientBrand === "??" || ua.clientPlatform === "???" || ua.mobile ) {
+				status = kUnsupported;
+			} else if (ua.op && ua.mac) { // Opera on MAC is unsupported
+
+                status = kUnsupported;
+                data = "OPERA-MAC";
+            } else if (
+                typeof nav.plugins != "undefined" 
+                && nav.plugins[cfg.pluginName] 
+                && typeof nav.mimeTypes != "undefined" 
+                && nav.mimeTypes[cfg.pluginMimeType] 
+                && nav.mimeTypes[cfg.pluginMimeType].enabledPlugin
+            ) {
+
+                status = kInstalled;
+
+                // make sure web player is compatible with 64-bit safari
+                if (ua.sf && /Mac OS X 10_6/.test(nav.appVersion)) {
+
+                    _getPluginVersion(function (version) {
+
+                        if (!version || !version.plugin) {
+
+                            status = kBroken;
+                            data = "OSX10.6-SFx64";
+                        }
+
+                        _setPluginStatus(status, lastType, data);
+                        callback.call(self, status, version);
+                    }, versions);
+
+                    return;
+                } else if (ua.mac && ua.ch) { // older versions have issues on chrome
+
+                        _getPluginVersion(function (version) {
+
+                            if (version && (_getNumericUnityVersion(version.plugin) <= _getNumericUnityVersion("2.6.1f3"))) {
+                                status = kBroken;
+                                data = "OSX-CH-U<=2.6.1f3";
+                            }
+
+                            _setPluginStatus(status, lastType, data);
+                            callback.call(self, status, version);
+                        }, versions);
+
+                        return;
+                } else if (versions) {
+
+                        _getPluginVersion(function (version) {
+
+                            _setPluginStatus(status, lastType, data);
+                            callback.call(self, status, version);
+                        }, versions);
+                        return;
+                }
+            } else if (ua.ie) {
+                var activeXSupported = false;
+                try {
+                    if (ActiveXObject.prototype != null) {
+                        activeXSupported = true;
+                    }
+                } catch(e) {}
+
+                if (!activeXSupported) {
+                    status = kUnsupported;
+                    data = "ActiveXFailed";
+                } else {
+                    status = kMissing;
+                    try {
+                        var uo = new ActiveXObject("UnityWebPlayer.UnityWebPlayer.1");
+                        var pv = uo.GetPluginVersion();
+
+                        if (versions) {
+                            var v = {};
+                            for (var i = 0; i < versions.length; ++i) {
+                                v[versions[i]] = uo.GetUnityVersion(versions[i]);
+                            }
+                            v.plugin = pv;
+                        }
+
+                        status = kInstalled;
+                        // 2.5.0 auto update has issues on vista and later
+                        if (pv == "2.5.0f5") {
+                            var m = /Windows NT \d+\.\d+/.exec(nav.userAgent);
+                            if (m && m.length > 0) {
+                                var wv = parseFloat(m[0].split(' ')[2]);
+                                if (wv >= 6) {
+                                    status = kBroken;
+                                    data = "WIN-U2.5.0f5";
+                                }
+                            }
+                        }
+                    } catch(e) {}
+                }
+            }
+
+            _setPluginStatus(status, lastType, data);
+            callback.call(self, status, v);
+        },
+
+
+
+        /**
+         * @public
+         * @return {Object} with info about Unity WebPlayer plugin status (not installed, loading, running etc..)
+         */
+        handlePluginStatus: function (status, versions) {
+            
+            // Store targetEl in the closure, to be able to get it back if setTimeout calls again.
+            var targetEl = cfg.targetEl;
+
+            var $targetEl = jQuery(targetEl);
+
+            switch(status) {
+
+                case kInstalled:
+
+                    // @todo add support for alternate custom handlers.
+                    this.notifyProgress($targetEl);
+                    this.embedPlugin($targetEl, cfg.callback);
+                    break;
+
+                case kMissing:
+
+                    this.notifyProgress($targetEl);
+                    //this.installPlugin($targetEl);
+
+                    var self = this;
+                    var delayTime = (cfg.debugLevel === 0) ? 1000 : 8000;
+                    
+                    // Do a delay and re-check for plugin
+                    setTimeout(function () {
+                        
+                        cfg.targetEl = targetEl;
+                        self.detectUnity(self.handlePluginStatus);
+                    }, delayTime);                     
+                    
+                    break;
+
+                case kBroken:
+                    // Browser needs to restart after install
+                    this.notifyProgress($targetEl);
+                    break;
+
+                case kUnsupported:
+
+                    this.notifyProgress($targetEl);
+                    break;
+            }
+
+        },
+
+        /**
+         * @public
+         * @return {Object} with detailed plugin info, version number and other info that can be retrieved from the plugin.
+         */
+        /*getPluginInfo: function () {
+            
+        },*/
+
+        /**
+        * @public
+        */
+        getPluginURL: function () {
+
+            var url = "http://unity3d.com/webplayer/";
+
+            if (ua.win) {
+
+                url = cfg.baseDownloadUrl + _getWinInstall();
+
+            } else if (nav.platform == "MacIntel") {
+
+                url = cfg.baseDownloadUrl + (cfg.fullInstall ? "webplayer-i386.dmg" : "webplayer-mini.dmg");
+
+                if (cfg.referrer !== null) {
+
+                    url += "?referrer=" + cfg.referrer;
+                }
+
+            } else if (nav.platform == "MacPPC") {
+
+                url = cfg.baseDownloadUrl + (cfg.fullInstall ? "webplayer-ppc.dmg" : "webplayer-mini.dmg");
+
+                if (cfg.referrer !== null) {
+
+                    url += "?referrer=" + cfg.referrer;
+                }
+            }
+
+            return url;
+        },
+        
+        /**
+        * @public
+        */
+        getClickOnceURL: function () {
+            
+            return cfg.baseDownloadUrl + "3.0/co/UnityWebPlayer.application?installer=" + encodeURIComponent(cfg.baseDownloadUrl + _getWinInstall());
+        },
+
+        /**
+         * Embed the plugin into the DOM.
+         * @public
+         */
+        embedPlugin: function (targetEl, callback) {
+            
+            targetEl = jQuery(targetEl).empty();    
+                
+            var src = cfg.src; //targetEl.data('src'),
+            var width = cfg.width || "100%"; //TODO: extract those hardcoded values
+            var height = cfg.height || "100%";
+            var self = this;
+
+            if (ua.win && ua.ie) {
+                // ie, dom and object element do not mix & match
+                
+                var at = "";
+                
+                for (var i in cfg.attributes) {
+                    if (cfg.attributes[i] != Object.prototype[i]) {
+                        if (i.toLowerCase() == "styleclass") {
+                            at += ' class="' + cfg.attributes[i] + '"';
+                        }
+                        else if (i.toLowerCase() != "classid") {
+                            at += ' ' + i + '="' + cfg.attributes[i] + '"';
+                        }
+                    }
+                }
+                
+                var pt = "";
+
+                // we manually add SRC here, because its now defined on the target element.
+                pt += '<param name="src" value="' + src + '" />';
+                pt += '<param name="firstFrameCallback" value="UnityObject2.instances[' + instanceNumber + '].firstFrameCallback();" />';
+
+                for (var i in cfg.params) {
+                    
+                    if (cfg.params[i] != Object.prototype[i]) {
+                        
+                        if (i.toLowerCase() != "classid") {
+                            
+                            pt += '<param name="' + i + '" value="' + cfg.params[i] + '" />';
+                        }
+                    }
+                }
+
+                //var tmpHtml = '<div id="' + targetEl.attr('id') + '" style="width: ' + _appendPX(width) + '; height: ' + _appendPX(height) + ';"><object classid="clsid:444785F1-DE89-4295-863A-D46C3A781394" style="display: block; width: 100%; height: 100%;"' + at + '>' + pt + '</object></div>';
+                var tmpHtml = '<object classid="clsid:444785F1-DE89-4295-863A-D46C3A781394" style="display: block; width: ' + _appendPX(width) + '; height: ' + _appendPX(height) + ';"' + at + '>' + pt + '</object>';
+                var $object = jQuery(tmpHtml);
+                targetEl.append( $object );
+                embeddedObjects.push( targetEl.attr('id') );
+				unityObject = $object[0];
+
+            } else {
+
+                // Create and append embed element into DOM.
+                var $embed = jQuery('<embed/>')
+                    .attr({
+                        src: src,
+                        type: cfg.pluginMimeType,
+                        width: width,
+                        height: height,
+						firstFrameCallback: 'UnityObject2.instances[' + instanceNumber + '].firstFrameCallback();'
+                    })
+                    .attr(cfg.attributes)
+                    .attr(cfg.params)
+                    .css({
+                        display: 'block',
+                        width: _appendPX(width),
+                        height: _appendPX(height)
+                    })
+                    .appendTo( targetEl );
+					unityObject = $embed[0];
+            }
+			
+			//Auto focus the new object/embed, so players dont have to click it before using it.
+            //setTimeout is here to workaround a chrome bug.
+            //we should not invoke focus on safari on mac. it causes some Input bugs.
+            if (!ua.sf || !ua.mac) {
+                setTimeout(function() { 
+                    unityObject.focus(); 
+                }, 100);
+            }
+
+            if (callback) {
+                            
+                callback();
+            }
+        },        
+        
+        /**
+         * Determine which installation method to use on the current platform, and return an array with their identifiers (i.e. 'ClickOnceIE', 'JavaInstall', 'Manual')
+         * Take into account which previous methods might have been attempted (and failed) and skip to next best method.
+         * @public
+         * @return {String}
+         */
+        getBestInstallMethod: function () {
+            
+            // Always fall back to good old manual (download) install.
+            var method = 'Manual';
+            
+            //We only have manual install for 64bit plugin so far.
+            if (ua.x64)
+                return method;
+
+            // Is Java available and not yet attempted?
+            if (cfg.enableJava && ua.java && triedJavaInstall === false) {
+                
+                method = 'JavaInstall';
+            }
+            // Is ClickOnce available and not yet attempted?
+            else if (cfg.enableClickOnce && ua.co && triedClickOnce === false) {
+                
+                method = 'ClickOnceIE';
+            } 
+
+            return method;
+        },
+        
+        /**
+         * Tries to install the plugin using the specified method. 
+         * If no method is passed, it will try to use this.getBestInstallMethod()
+         * @public
+         * @param {String} method The desired install method
+         */
+        installPlugin: function(method) {
+            if (method == null || method == undefined) {
+                method = this.getBestInstallMethod();
+            }
+            
+            var urlToOpen = null;
+            switch(method) {
+
+                case "JavaInstall":
+                    this.doJavaInstall(cfg.targetEl.id);
+                break;
+                case "ClickOnceIE":
+                   triedClickOnce = true;
+                   _setSessionCookie(triedClickOnceCookie, triedClickOnce);
+                   var $iframe = jQuery("<iframe src='" + this.getClickOnceURL() + "' style='display:none;' />");
+                   jQuery(cfg.targetEl).append($iframe);
+                break;
+                default:
+                case "Manual":
+                   //doc.location = this.getPluginURL();
+                   //urlToOpen = this.getPluginURL();
+                   var $iframe = jQuery("<iframe src='" + this.getPluginURL() + "' style='display:none;' />");
+                   jQuery(cfg.targetEl).append($iframe);
+                break;
+            }
+            
+            lastType = method;
+            _an.send(kStart, method, null, null);
+            
+        },
+
+        /**
+         * Trigger event using jQuery(document).trigger()
+         * @public
+         */
+         //TODO: verify its use.
+        trigger: function (event, params) {
+
+            if (params) {
+                
+                debug('trigger("' + event + '")', params);
+                
+            } else {
+                
+                debug('trigger("' + event + '")');
+            }
+            
+            jQuery(document).trigger(event, params);
+        },        
+
+        /**
+         * Notify observers about onProgress event
+         * @public
+         */
+        notifyProgress: function (targetEl) {
+            
+            //debug('*** notifyProgress ***')
+            
+            if (typeof progressCallback !== "undefined" && typeof progressCallback === "function") {
+                
+                var payload = {
+                
+                    ua: ua,
+                    pluginStatus: pluginStatus,
+                    bestMethod: null,
+                    lastType: lastType,
+                    targetEl: cfg.targetEl,
+                    unityObj: this
+                };
+                
+                if (pluginStatus === kMissing) {
+                    
+                    payload.bestMethod = this.getBestInstallMethod();
+                }
+                
+                if (latestStatus !== pluginStatus) { //Execute only on state change
+                    latestStatus = pluginStatus;
+                
+                    progressCallback(payload);
+                }
+            }
+        },
+
+        /**
+         * Subscribe to onProgress notification
+         * @public
+         */
+        observeProgress: function (callback) {
+            
+            progressCallback = callback;
+        },
+        
+        
+        /**
+         * Callback made by the WebPlayer plugin when the first frame is rendered.
+         * @public
+         */        
+        firstFrameCallback : function () {
+            
+            debug('*** firstFrameCallback (' + instanceNumber + ') ***');
+			pluginStatus = kFirst;
+            this.notifyProgress();
+            
+            /*
+            // What?
+            if (status == kFirst) {
+                if (pluginStatus == null) {
+                    return;
+                }
+            }
+            */
+
+            //Webplayer was already installed.
+            //Should only log firstframes if it happened after a install.
+            if (wasMissing === true) {
+                _an.send(pluginStatus, lastType);    
+            }
+            
+            //setRunStatus(kFirst, lastType);
+        },        
+
+        /**
+         * Get a string from a session cookie or SessionStorage
+         * @public
+         * @return {String}
+         */
+        /*getSessionString: function (key) {
+            
+        },*/
+
+        /**
+         * Set a string via a session cookie or SessionStorage
+         * @public
+         */
+       /* setSessionString: function (key, value) {
+            
+        },*/
+        
+        /**
+         * Get a string from a persistent cookie
+         * @public
+         * @return {String}
+         */
+        /*getCookie: function (key) {
+            
+        },*/
+        
+        /**
+         * Set a string to a persistent cookie
+         * @public
+         */
+        /*setCookie: function (key, value, expiryDate) {
+            
+        },*/
+        
+        /**
+         * Exposed private function
+         * @public
+         */        
+        setPluginStatus: function (status, type, data, url) {
+        
+            _setPluginStatus(status, type, data, url);
+        },        
+        
+        /**
+         * Exposed private function
+         * @public
+         */
+		doJavaInstall : function (id) {
+            
+			_doJavaInstall(id);
+		},
+		
+        /**
+         * Exposed private function
+         * @public
+         */
+		jvmPreloaded : function (id) {
+            
+			_jvmPreloaded(id);
+		},
+		
+        /**
+         * Exposed private function
+         * @public
+         */
+		appletStarted : function (id) {
+            
+			_appletStarted(id);
+		},
+		
+        /**
+         * Exposed private function
+         * @public
+         */
+		javaInstallDoneCallback : function (id, success, errormessage) {
+
+			_javaInstallDoneCallback(id, success, errormessage);
+		},
+		
+		getUnity: function() {
+			return unityObject;
+		}
+    }
+    
+    // Internal store of each instance.
+    instanceNumber = UnityObject2.instances.length;
+    UnityObject2.instances.push(publicAPI);
+    
+    return publicAPI;
+
+};
+
+/**
+ * @static
+ **/
+UnityObject2.instances = [];
\ No newline at end of file
diff --git a/vendor/assets/javascripts/handlebars.runtime-v1.3.0.js b/vendor/assets/javascripts/handlebars.runtime-v1.3.0.js
new file mode 100644
index 0000000..b94930f
--- /dev/null
+++ b/vendor/assets/javascripts/handlebars.runtime-v1.3.0.js
@@ -0,0 +1,530 @@
+/*!
+
+ handlebars v1.3.0
+
+Copyright (C) 2011 by Yehuda Katz
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+@license
+*/
+/* exported Handlebars */
+var Handlebars = (function() {
+// handlebars/safe-string.js
+var __module3__ = (function() {
+  "use strict";
+  var __exports__;
+  // Build out our basic SafeString type
+  function SafeString(string) {
+    this.string = string;
+  }
+
+  SafeString.prototype.toString = function() {
+    return "" + this.string;
+  };
+
+  __exports__ = SafeString;
+  return __exports__;
+})();
+
+// handlebars/utils.js
+var __module2__ = (function(__dependency1__) {
+  "use strict";
+  var __exports__ = {};
+  /*jshint -W004 */
+  var SafeString = __dependency1__;
+
+  var escape = {
+    "&": "&amp;",
+    "<": "&lt;",
+    ">": "&gt;",
+    '"': "&quot;",
+    "'": "&#x27;",
+    "`": "&#x60;"
+  };
+
+  var badChars = /[&<>"'`]/g;
+  var possible = /[&<>"'`]/;
+
+  function escapeChar(chr) {
+    return escape[chr] || "&amp;";
+  }
+
+  function extend(obj, value) {
+    for(var key in value) {
+      if(Object.prototype.hasOwnProperty.call(value, key)) {
+        obj[key] = value[key];
+      }
+    }
+  }
+
+  __exports__.extend = extend;var toString = Object.prototype.toString;
+  __exports__.toString = toString;
+  // Sourced from lodash
+  // https://github.com/bestiejs/lodash/blob/master/LICENSE.txt
+  var isFunction = function(value) {
+    return typeof value === 'function';
+  };
+  // fallback for older versions of Chrome and Safari
+  if (isFunction(/x/)) {
+    isFunction = function(value) {
+      return typeof value === 'function' && toString.call(value) === '[object Function]';
+    };
+  }
+  var isFunction;
+  __exports__.isFunction = isFunction;
+  var isArray = Array.isArray || function(value) {
+    return (value && typeof value === 'object') ? toString.call(value) === '[object Array]' : false;
+  };
+  __exports__.isArray = isArray;
+
+  function escapeExpression(string) {
+    // don't escape SafeStrings, since they're already safe
+    if (string instanceof SafeString) {
+      return string.toString();
+    } else if (!string && string !== 0) {
+      return "";
+    }
+
+    // Force a string conversion as this will be done by the append regardless and
+    // the regex test will do this transparently behind the scenes, causing issues if
+    // an object's to string has escaped characters in it.
+    string = "" + string;
+
+    if(!possible.test(string)) { return string; }
+    return string.replace(badChars, escapeChar);
+  }
+
+  __exports__.escapeExpression = escapeExpression;function isEmpty(value) {
+    if (!value && value !== 0) {
+      return true;
+    } else if (isArray(value) && value.length === 0) {
+      return true;
+    } else {
+      return false;
+    }
+  }
+
+  __exports__.isEmpty = isEmpty;
+  return __exports__;
+})(__module3__);
+
+// handlebars/exception.js
+var __module4__ = (function() {
+  "use strict";
+  var __exports__;
+
+  var errorProps = ['description', 'fileName', 'lineNumber', 'message', 'name', 'number', 'stack'];
+
+  function Exception(message, node) {
+    var line;
+    if (node && node.firstLine) {
+      line = node.firstLine;
+
+      message += ' - ' + line + ':' + node.firstColumn;
+    }
+
+    var tmp = Error.prototype.constructor.call(this, message);
+
+    // Unfortunately errors are not enumerable in Chrome (at least), so `for prop in tmp` doesn't work.
+    for (var idx = 0; idx < errorProps.length; idx++) {
+      this[errorProps[idx]] = tmp[errorProps[idx]];
+    }
+
+    if (line) {
+      this.lineNumber = line;
+      this.column = node.firstColumn;
+    }
+  }
+
+  Exception.prototype = new Error();
+
+  __exports__ = Exception;
+  return __exports__;
+})();
+
+// handlebars/base.js
+var __module1__ = (function(__dependency1__, __dependency2__) {
+  "use strict";
+  var __exports__ = {};
+  var Utils = __dependency1__;
+  var Exception = __dependency2__;
+
+  var VERSION = "1.3.0";
+  __exports__.VERSION = VERSION;var COMPILER_REVISION = 4;
+  __exports__.COMPILER_REVISION = COMPILER_REVISION;
+  var REVISION_CHANGES = {
+    1: '<= 1.0.rc.2', // 1.0.rc.2 is actually rev2 but doesn't report it
+    2: '== 1.0.0-rc.3',
+    3: '== 1.0.0-rc.4',
+    4: '>= 1.0.0'
+  };
+  __exports__.REVISION_CHANGES = REVISION_CHANGES;
+  var isArray = Utils.isArray,
+      isFunction = Utils.isFunction,
+      toString = Utils.toString,
+      objectType = '[object Object]';
+
+  function HandlebarsEnvironment(helpers, partials) {
+    this.helpers = helpers || {};
+    this.partials = partials || {};
+
+    registerDefaultHelpers(this);
+  }
+
+  __exports__.HandlebarsEnvironment = HandlebarsEnvironment;HandlebarsEnvironment.prototype = {
+    constructor: HandlebarsEnvironment,
+
+    logger: logger,
+    log: log,
+
+    registerHelper: function(name, fn, inverse) {
+      if (toString.call(name) === objectType) {
+        if (inverse || fn) { throw new Exception('Arg not supported with multiple helpers'); }
+        Utils.extend(this.helpers, name);
+      } else {
+        if (inverse) { fn.not = inverse; }
+        this.helpers[name] = fn;
+      }
+    },
+
+    registerPartial: function(name, str) {
+      if (toString.call(name) === objectType) {
+        Utils.extend(this.partials,  name);
+      } else {
+        this.partials[name] = str;
+      }
+    }
+  };
+
+  function registerDefaultHelpers(instance) {
+    instance.registerHelper('helperMissing', function(arg) {
+      if(arguments.length === 2) {
+        return undefined;
+      } else {
+        throw new Exception("Missing helper: '" + arg + "'");
+      }
+    });
+
+    instance.registerHelper('blockHelperMissing', function(context, options) {
+      var inverse = options.inverse || function() {}, fn = options.fn;
+
+      if (isFunction(context)) { context = context.call(this); }
+
+      if(context === true) {
+        return fn(this);
+      } else if(context === false || context == null) {
+        return inverse(this);
+      } else if (isArray(context)) {
+        if(context.length > 0) {
+          return instance.helpers.each(context, options);
+        } else {
+          return inverse(this);
+        }
+      } else {
+        return fn(context);
+      }
+    });
+
+    instance.registerHelper('each', function(context, options) {
+      var fn = options.fn, inverse = options.inverse;
+      var i = 0, ret = "", data;
+
+      if (isFunction(context)) { context = context.call(this); }
+
+      if (options.data) {
+        data = createFrame(options.data);
+      }
+
+      if(context && typeof context === 'object') {
+        if (isArray(context)) {
+          for(var j = context.length; i<j; i++) {
+            if (data) {
+              data.index = i;
+              data.first = (i === 0);
+              data.last  = (i === (context.length-1));
+            }
+            ret = ret + fn(context[i], { data: data });
+          }
+        } else {
+          for(var key in context) {
+            if(context.hasOwnProperty(key)) {
+              if(data) { 
+                data.key = key; 
+                data.index = i;
+                data.first = (i === 0);
+              }
+              ret = ret + fn(context[key], {data: data});
+              i++;
+            }
+          }
+        }
+      }
+
+      if(i === 0){
+        ret = inverse(this);
+      }
+
+      return ret;
+    });
+
+    instance.registerHelper('if', function(conditional, options) {
+      if (isFunction(conditional)) { conditional = conditional.call(this); }
+
+      // Default behavior is to render the positive path if the value is truthy and not empty.
+      // The `includeZero` option may be set to treat the condtional as purely not empty based on the
+      // behavior of isEmpty. Effectively this determines if 0 is handled by the positive path or negative.
+      if ((!options.hash.includeZero && !conditional) || Utils.isEmpty(conditional)) {
+        return options.inverse(this);
+      } else {
+        return options.fn(this);
+      }
+    });
+
+    instance.registerHelper('unless', function(conditional, options) {
+      return instance.helpers['if'].call(this, conditional, {fn: options.inverse, inverse: options.fn, hash: options.hash});
+    });
+
+    instance.registerHelper('with', function(context, options) {
+      if (isFunction(context)) { context = context.call(this); }
+
+      if (!Utils.isEmpty(context)) return options.fn(context);
+    });
+
+    instance.registerHelper('log', function(context, options) {
+      var level = options.data && options.data.level != null ? parseInt(options.data.level, 10) : 1;
+      instance.log(level, context);
+    });
+  }
+
+  var logger = {
+    methodMap: { 0: 'debug', 1: 'info', 2: 'warn', 3: 'error' },
+
+    // State enum
+    DEBUG: 0,
+    INFO: 1,
+    WARN: 2,
+    ERROR: 3,
+    level: 3,
+
+    // can be overridden in the host environment
+    log: function(level, obj) {
+      if (logger.level <= level) {
+        var method = logger.methodMap[level];
+        if (typeof console !== 'undefined' && console[method]) {
+          console[method].call(console, obj);
+        }
+      }
+    }
+  };
+  __exports__.logger = logger;
+  function log(level, obj) { logger.log(level, obj); }
+
+  __exports__.log = log;var createFrame = function(object) {
+    var obj = {};
+    Utils.extend(obj, object);
+    return obj;
+  };
+  __exports__.createFrame = createFrame;
+  return __exports__;
+})(__module2__, __module4__);
+
+// handlebars/runtime.js
+var __module5__ = (function(__dependency1__, __dependency2__, __dependency3__) {
+  "use strict";
+  var __exports__ = {};
+  var Utils = __dependency1__;
+  var Exception = __dependency2__;
+  var COMPILER_REVISION = __dependency3__.COMPILER_REVISION;
+  var REVISION_CHANGES = __dependency3__.REVISION_CHANGES;
+
+  function checkRevision(compilerInfo) {
+    var compilerRevision = compilerInfo && compilerInfo[0] || 1,
+        currentRevision = COMPILER_REVISION;
+
+    if (compilerRevision !== currentRevision) {
+      if (compilerRevision < currentRevision) {
+        var runtimeVersions = REVISION_CHANGES[currentRevision],
+            compilerVersions = REVISION_CHANGES[compilerRevision];
+        throw new Exception("Template was precompiled with an older version of Handlebars than the current runtime. "+
+              "Please update your precompiler to a newer version ("+runtimeVersions+") or downgrade your runtime to an older version ("+compilerVersions+").");
+      } else {
+        // Use the embedded version info since the runtime doesn't know about this revision yet
+        throw new Exception("Template was precompiled with a newer version of Handlebars than the current runtime. "+
+              "Please update your runtime to a newer version ("+compilerInfo[1]+").");
+      }
+    }
+  }
+
+  __exports__.checkRevision = checkRevision;// TODO: Remove this line and break up compilePartial
+
+  function template(templateSpec, env) {
+    if (!env) {
+      throw new Exception("No environment passed to template");
+    }
+
+    // Note: Using env.VM references rather than local var references throughout this section to allow
+    // for external users to override these as psuedo-supported APIs.
+    var invokePartialWrapper = function(partial, name, context, helpers, partials, data) {
+      var result = env.VM.invokePartial.apply(this, arguments);
+      if (result != null) { return result; }
+
+      if (env.compile) {
+        var options = { helpers: helpers, partials: partials, data: data };
+        partials[name] = env.compile(partial, { data: data !== undefined }, env);
+        return partials[name](context, options);
+      } else {
+        throw new Exception("The partial " + name + " could not be compiled when running in runtime-only mode");
+      }
+    };
+
+    // Just add water
+    var container = {
+      escapeExpression: Utils.escapeExpression,
+      invokePartial: invokePartialWrapper,
+      programs: [],
+      program: function(i, fn, data) {
+        var programWrapper = this.programs[i];
+        if(data) {
+          programWrapper = program(i, fn, data);
+        } else if (!programWrapper) {
+          programWrapper = this.programs[i] = program(i, fn);
+        }
+        return programWrapper;
+      },
+      merge: function(param, common) {
+        var ret = param || common;
+
+        if (param && common && (param !== common)) {
+          ret = {};
+          Utils.extend(ret, common);
+          Utils.extend(ret, param);
+        }
+        return ret;
+      },
+      programWithDepth: env.VM.programWithDepth,
+      noop: env.VM.noop,
+      compilerInfo: null
+    };
+
+    return function(context, options) {
+      options = options || {};
+      var namespace = options.partial ? options : env,
+          helpers,
+          partials;
+
+      if (!options.partial) {
+        helpers = options.helpers;
+        partials = options.partials;
+      }
+      var result = templateSpec.call(
+            container,
+            namespace, context,
+            helpers,
+            partials,
+            options.data);
+
+      if (!options.partial) {
+        env.VM.checkRevision(container.compilerInfo);
+      }
+
+      return result;
+    };
+  }
+
+  __exports__.template = template;function programWithDepth(i, fn, data /*, $depth */) {
+    var args = Array.prototype.slice.call(arguments, 3);
+
+    var prog = function(context, options) {
+      options = options || {};
+
+      return fn.apply(this, [context, options.data || data].concat(args));
+    };
+    prog.program = i;
+    prog.depth = args.length;
+    return prog;
+  }
+
+  __exports__.programWithDepth = programWithDepth;function program(i, fn, data) {
+    var prog = function(context, options) {
+      options = options || {};
+
+      return fn(context, options.data || data);
+    };
+    prog.program = i;
+    prog.depth = 0;
+    return prog;
+  }
+
+  __exports__.program = program;function invokePartial(partial, name, context, helpers, partials, data) {
+    var options = { partial: true, helpers: helpers, partials: partials, data: data };
+
+    if(partial === undefined) {
+      throw new Exception("The partial " + name + " could not be found");
+    } else if(partial instanceof Function) {
+      return partial(context, options);
+    }
+  }
+
+  __exports__.invokePartial = invokePartial;function noop() { return ""; }
+
+  __exports__.noop = noop;
+  return __exports__;
+})(__module2__, __module4__, __module1__);
+
+// handlebars.runtime.js
+var __module0__ = (function(__dependency1__, __dependency2__, __dependency3__, __dependency4__, __dependency5__) {
+  "use strict";
+  var __exports__;
+  /*globals Handlebars: true */
+  var base = __dependency1__;
+
+  // Each of these augment the Handlebars object. No need to setup here.
+  // (This is done to easily share code between commonjs and browse envs)
+  var SafeString = __dependency2__;
+  var Exception = __dependency3__;
+  var Utils = __dependency4__;
+  var runtime = __dependency5__;
+
+  // For compatibility and usage outside of module systems, make the Handlebars object a namespace
+  var create = function() {
+    var hb = new base.HandlebarsEnvironment();
+
+    Utils.extend(hb, base);
+    hb.SafeString = SafeString;
+    hb.Exception = Exception;
+    hb.Utils = Utils;
+
+    hb.VM = runtime;
+    hb.template = function(spec) {
+      return runtime.template(spec, hb);
+    };
+
+    return hb;
+  };
+
+  var Handlebars = create();
+  Handlebars.create = create;
+
+  __exports__ = Handlebars;
+  return __exports__;
+})(__module1__, __module3__, __module4__, __module2__, __module5__);
+
+  return __module0__;
+})();
diff --git a/vendor/assets/javascripts/wikilibras.js b/vendor/assets/javascripts/wikilibras.js
new file mode 100644
index 0000000..ca9f55c
--- /dev/null
+++ b/vendor/assets/javascripts/wikilibras.js
@@ -0,0 +1,1880 @@
+jQuery(function($) { $.extend({
+    form: function(url, data, method) {
+        if (method == null) method = 'POST';
+        if (data == null) data = {};
+
+        var form = $('<form>').attr({
+            method: method,
+            action: url
+        }).css({
+            display: 'none'
+        });
+
+        var addData = function(name, data) {
+            if ($.isArray(data)) {
+                for (var i = 0; i < data.length; i++) {
+                    var value = data[i];
+                    addData(name + '[]', value);
+                }
+            } else if (typeof data === 'object') {
+                for (var key in data) {
+                    if (data.hasOwnProperty(key)) {
+                        addData(name + '[' + key + ']', data[key]);
+                    }
+                }
+            } else if (data != null) {
+                form.append($('<input>').attr({
+                    type: 'hidden',
+                    name: String(name),
+                    value: String(data)
+                }));
+            }
+        };
+
+        for (var key in data) {
+            if (data.hasOwnProperty(key)) {
+                addData(key, data[key]);
+            }
+        }
+
+        return form.appendTo('body');
+    }
+}); });
+
+
+(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+(function (global){
+/************
+* Templates *
+*************/
+var wlRegisterTpl = require('./templates/wlRegisterTpl');
+var wlChoiceTpl = require('./templates/wlChoiceTpl');
+var wlMainTpl = require('./templates/wlMainTpl');
+var wlChoiceTpl = require('./templates/wlChoiceTpl');
+
+/*******
+* Core *
+********/
+var wlGlobalObjectLogic = require('./core/wlGlobalObject');
+var wlRegisterLogic = require('./core/wlRegister');
+var wlMainLogic = require('./core/wlMain');
+var wlChoiceLogic = require('./core/wlChoice');
+
+/************
+* Instances *
+*************/
+
+var rF, cF, mF;
+
+/*** BEGIN ***/
+
+buildRegisterFrame(); // Build
+
+$('#registerContainer').find('.configurarSinal > button').click(function(e) {
+	buildGlobalConfig(); // Build
+
+	buildChoiceFrame(); // Build
+
+	$('body').on('click', 'polygon:nth-of-type(1)', function(e) {
+		configMainFrame(0);
+		buildMainFrame();
+	});
+
+	$('body').on('click', 'polygon:nth-of-type(2)', function(e) {
+		configMainFrame(1);
+		buildMainFrame();
+	});
+
+	$('body').on('click', 'polygon:nth-of-type(3)', function(e) {
+		configMainFrame(2);
+		buildMainFrame();
+	});
+});
+
+$('body').on('click', '.continuar', function(e) {
+	removeTemplate($('#mainContainer'));
+	insertTemplate(Handlebars.templates.wlChoiceTpl());
+
+	cF = null;
+	cF = new wlChoiceLogic.choiceFrame();
+	cF.run();
+});
+
+$('body').on('click', '.gerar', function(e) {
+	/* $.ajax({
+		type: 'POST',
+		url: $(location).attr('href'),
+		// url: 'http://0.0.0.0:9000/signal',
+		data: wlGlobalConfig.getSignalObject()
+	}).done(function(data) {
+		console.log(data);
+	}); */
+
+    var object = { 'sign' : wlGlobalConfig.getSignalObject() };
+    object.authenticity_token = $("meta[name='csrf-token']").attr("content");
+
+    $.form($(location).attr('href'), object).submit();
+
+	console.log(wlGlobalConfig.getSignalObject());
+});
+
+/*** END ***/
+
+/*** Configuration of the Main Frame ***/
+
+function configMainFrame(index) {
+	var currentConfigLabels = ['expression', 'rightHand', 'leftHand'];
+
+	wlGlobalConfig.setCurrentConfig(currentConfigLabels[index]);
+	configQuantityOfTabsAndPanels();
+	wlGlobalConfig.setFirstChoice(false);
+};
+
+function configQuantityOfTabsAndPanels() {
+	if (wlGlobalConfig.getCurrentConfig() === 'expression') {
+		wlGlobalConfig.setQuantityOfTimelineBlocks(1);
+		wlGlobalConfig.setQuantityOfTabsAndPanels(1);
+		wlGlobalConfig.setPanelLabels(['Expressão Facial']);
+		wlGlobalConfig.setTabsLabels(['Expressão']);
+		return;
+	}
+
+	if ((wlGlobalConfig.getCurrentConfig() === 'rightHand') || (wlGlobalConfig.getCurrentConfig() === 'leftHand')) {
+		if ((wlGlobalConfig.getTipoMov() === 'circular') || (wlGlobalConfig.getTipoMov() === 'semicircular')) {
+			if (wlGlobalConfig.getTipoMov() === 'semicircular') {
+				wlGlobalConfig.setQuantityOfTimelineBlocks(8);
+			} else if (wlGlobalConfig.getTipoMov() === 'circular') {
+				wlGlobalConfig.setQuantityOfTimelineBlocks(7);
+			}
+
+			wlGlobalConfig.setQuantityOfTabsAndPanels(4);
+			wlGlobalConfig.setPanelLabels(['Configurações Iniciais', 'Configuração dos Dedos', 'Configuração da Palma da Mão', 'Localização do Movimento']);
+			wlGlobalConfig.setTabsLabels(['Iniciais', 'Dedos', 'Palma da Mão', 'Localização']);
+		} else if ((wlGlobalConfig.getTipoMov() === 'retilineo') || (wlGlobalConfig.getTipoMov() === 'pontual')) {
+			wlGlobalConfig.setQuantityOfTimelineBlocks(4);
+			wlGlobalConfig.setQuantityOfTabsAndPanels(3);
+			wlGlobalConfig.setPanelLabels(['Configuração dos Dedos', 'Configuração da Palma da Mão', 'Localização do Movimento']);
+			wlGlobalConfig.setTabsLabels(['Dedos', 'Palma da Mão', 'Localização']);
+		}
+	}
+};
+
+/*** Build Functions ***/
+
+function buildRegisterFrame() {
+	insertTemplate(Handlebars.templates.wlRegisterTpl());
+
+	rF = new wlRegisterLogic.registerFrame();
+	rF.run();
+};
+
+function buildChoiceFrame() {
+	removeTemplate($('#registerContainer'));
+	insertTemplate(Handlebars.templates.wlChoiceTpl());
+
+	cF = new wlChoiceLogic.choiceFrame();
+	cF.run();
+};
+
+function buildMainFrame() {
+	removeTemplate($('#choiceContainer'));
+	insertTemplate(Handlebars.templates.wlMainTpl());
+
+	mF = new wlMainLogic.mainFrame();
+	mF.run();
+};
+
+function buildGlobalConfig() {
+	global.wlGlobalConfig = new wlGlobalObjectLogic.globalConfig();
+	global.wlGlobalConfig.run(rF.getParams());
+};
+
+/*** Template Functions ***/
+
+function insertTemplate(template) {
+	$('body').prepend(template);
+};
+
+function removeTemplate(template) {
+	template.remove();
+};
+}).call(this,typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{"./core/wlChoice":2,"./core/wlGlobalObject":3,"./core/wlMain":4,"./core/wlRegister":5,"./templates/wlChoiceTpl":6,"./templates/wlMainTpl":7,"./templates/wlRegisterTpl":8}],2:[function(require,module,exports){
+(function (global){
+var choiceFrame = function() {
+
+	/* Function Scope */
+	var self = this;
+
+	/* Main Variables */
+	var choiceContainer;
+
+	function _init() {
+		self.choiceContainer = $('#choiceContainer');
+	};
+
+	function _finishChoice(start, end) {
+		for (var i = start; i < (end + 1); i++) {
+			self.choiceContainer.find('polygon:nth-of-type('+ i +')').attr('class', 'done');
+		}
+	};
+
+	function _activeChoice(start, end) {
+		for (var i = start; i < (end + 1); i++)
+			self.choiceContainer.find('polygon:nth-of-type('+ i +')').attr('class', 'active');
+	};
+
+	function _disableChoice(index) {
+		self.choiceContainer.find('polygon:nth-of-type('+ index +')').attr('class', 'disabled');
+		self.choiceContainer.find('polygon:nth-of-type('+ index +')').unbind('mouseenter');
+	};
+
+	function _unbindHoverEvent(start, end) {
+		for (var i = start; i < (end + 1); i++)
+			self.choiceContainer.find('polygon:nth-of-type('+ i +')').unbind('mouseenter');
+	};
+
+	/* Active choices at the first iteration */
+	function _setActiveChoices() {
+
+		var globalConfig = global.wlGlobalConfig;
+
+		if (!globalConfig.getFirstChoice())
+			return;
+
+		if (globalConfig.getQuantMaos() === 'uma') {
+			_activeChoice(1, 2);
+			_disableChoice(3);
+		} else if (globalConfig.getQuantMaos() === 'duas') {
+			_activeChoice(1, 3);
+		}
+	};
+
+	/* Active choices after the first iteration */
+	function _updateChoices() {
+		var globalConfig = global.wlGlobalConfig;
+
+		if (globalConfig.getFirstChoice())
+			return;
+
+		if (globalConfig.getQuantMaos() === 'uma') {
+			if (globalConfig.isExpressionSet()) {
+				_finishChoice(1, 1);
+				_unbindHoverEvent(1, 1);
+				_activeChoice(2, 2);
+			} else if (globalConfig.isRightHandSet()) {
+				_finishChoice(2, 2);
+				_unbindHoverEvent(2, 2);
+				_activeChoice(1, 1);
+			}
+
+			_disableChoice(3);
+		} else if (globalConfig.getQuantMaos() === 'duas') {
+			if ((globalConfig.isExpressionSet()) && (globalConfig.isRightHandSet())) {
+				_finishChoice(1, 2);
+				_unbindHoverEvent(1, 2);
+				_activeChoice(3, 3);
+				return;
+			} else if ((globalConfig.isExpressionSet()) && (globalConfig.isLeftHandSet())) {
+				_finishChoice(1, 1);
+				_finishChoice(3, 3);
+				_unbindHoverEvent(1, 1);
+				_unbindHoverEvent(3, 3);
+				_activeChoice(2, 2);
+				return;
+			} else if ((globalConfig.isRightHandSet()) && (globalConfig.isLeftHandSet())) {
+				_finishChoice(2, 3);
+				_unbindHoverEvent(2, 3);
+				_activeChoice(1, 1);
+				return;
+			}
+
+			if (globalConfig.isExpressionSet()) {
+				_finishChoice(1, 1);
+				_unbindHoverEvent(1, 1);
+				_activeChoice(2, 3);
+			} else if (globalConfig.isRightHandSet()) {
+				_finishChoice(2, 2);
+				_unbindHoverEvent(2, 2);
+				_activeChoice(1, 1);
+				_activeChoice(3, 3);
+			} else if (globalConfig.isLeftHandSet()) {
+				_finishChoice(3, 3);
+				_unbindHoverEvent(3, 3);
+				_activeChoice(1, 2);
+			}
+		}
+	};
+
+	function _bindHoverChoices() {
+
+		var previewField = self.choiceContainer.find('.preview > p');
+
+		self.choiceContainer.find('polygon:nth-of-type(1)').on('mouseenter', function(e){
+			previewField.text('Expressão Facial');
+		});
+
+		self.choiceContainer.find('polygon:nth-of-type(2)').on('mouseenter', function(e){
+			previewField.text('Mão Direita');
+		});
+
+		self.choiceContainer.find('polygon:nth-of-type(3)').on('mouseenter', function(e){
+			previewField.text('Mão Esquerda');
+		});
+
+		self.choiceContainer.find('polygon').on('mouseout', function(e) {
+			previewField.text('');
+		});
+	};
+
+	return {
+		run: function() {
+			_init();
+			_bindHoverChoices();
+			_setActiveChoices();
+			_updateChoices();
+		}
+	}
+};
+
+module.exports.choiceFrame = choiceFrame;
+}).call(this,typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{}],3:[function(require,module,exports){
+(function (global){
+var globalConfig = function() {
+
+	/* Function Scope */
+	var self = this;
+
+	/* Global Object */
+	var globalConfig;
+
+	/* Main Variables */
+	var signalObject,
+		params,
+		name,
+		quantMaos,
+		tipoMov,
+		repeticao;
+
+	/* Support Variables */
+	var panelLabels,
+		tabsLabels,
+		quantityOfTabsAndPanels,
+		quantityOfTimelineBlocks,
+		currentConfig,
+		expression,
+		rightHand,
+		leftHand,
+		firstChoice;
+
+	function _init(params) {
+		self.globalConfig = global.wlGlobalConfig;
+		self.params = params;
+
+		_initMain();
+		_initSupport();
+		_initSignalObject();
+	};
+
+	function _initMain() {
+		self.name = self.params.name;
+		self.quantMaos = self.params.quantMaos;
+		self.tipoMov = self.params.tipoMov;
+		self.repeticao = self.params.repeticao;
+	};
+
+	function _initSupport() {
+		switch (self.quantMaos) {
+			case 'uma':
+				self.expression = false;
+				self.rightHand = false;
+				self.leftHand = true;
+			break;
+
+			case 'duas':
+				self.expression = false;
+				self.rightHand = false;
+				self.leftHand = false;
+			break;
+		}
+
+		self.firstChoice = true;
+	};
+
+	function _initSignalObject() {
+		self.signalObject = {
+			'userId': null,
+			'typeOfMovement': null,
+			'qntHands': null,
+			'rightHand': [],
+			'leftHand': [],
+			'facialExp': null,
+			'repetition': self.globalConfig.getRepeticao(),
+			'signName': null
+		}
+	};
+
+	function _setSignalObject(config, params) {
+		if (config === 'userId')
+			self.signalObject.userId = params;
+		
+		if (config === 'typeOfMovement')
+			self.signalObject.typeOfMovement = params;
+
+		if (config === 'qntHands')
+			self.signalObject.qntHands = params;
+
+		if (config === 'rightHand')
+			self.signalObject.rightHand = params;
+
+		if (config === 'leftHand')
+			self.signalObject.leftHand = params;
+
+		if (config === 'facialExp')
+			self.signalObject.facialExp = params;
+
+		if (config === 'signName')
+			self.signalObject.signName = params;
+	};
+
+	function _setCurrentConfig(current) {
+		self.currentConfig = current;
+	};
+
+	function _setFirstChoice(params) {
+		self.firstChoice = params;
+	};
+
+	function _setPanelLabels(labels) {
+		self.panelLabels = labels;
+	};
+
+	function _setTabsLabels(labels) {
+		self.tabsLabels = labels;
+	};
+
+	function _setQuantityOfTabsAndPanels(quantity) {
+		self.quantityOfTabsAndPanels = quantity;
+	};
+
+	function _setQuantityOfTimelineBlocks(quantity) {
+		self.quantityOfTimelineBlocks = quantity;
+	};
+
+	function _expressionSet(config) {
+		self.expression = config;
+	};
+
+	function _rightHandSet(config) {
+		self.rightHand = config;
+	};
+
+	function _leftHandSet(config) {
+		self.leftHand = config;
+	};
+
+	function _getName() { return self.name; };
+	function _getQuantMaos() { return self.quantMaos; };
+	function _getTipoMov() { return self.tipoMov; };
+	function _getRepeticao() { return self.repeticao; };
+	function _getQuantityOfTabsAndPanels() { return self.quantityOfTabsAndPanels; };
+	function _getQuantityOfTimelineBlocks() { return self.quantityOfTimelineBlocks; };
+	function _getPanelLabels() { return self.panelLabels; };
+	function _getTabLabels() { return self.tabsLabels; };
+	function _getCurrentConfig() { return self.currentConfig; };
+	function _getFirstChoice() { return self.firstChoice; };
+	function _getSignalObject() { return self.signalObject; };
+
+	function _isExpressionSet() { return self.expression; };
+	function _isRightHandSet() { return self.rightHand; };
+	function _isLeftHandSet() { return self.leftHand; };
+
+	return {
+		run: function(params) {
+			_init(params);
+		},
+
+		getName: function() {
+			return _getName();
+		},
+
+		getQuantMaos: function() { 
+			return _getQuantMaos(); 
+		},
+
+		getTipoMov: function() { 
+			return _getTipoMov(); 
+		},
+
+		getRepeticao: function() { 
+			return _getRepeticao(); 
+		},
+
+		isExpressionSet: function() { 
+			return _isExpressionSet(); 
+		},
+
+		isRightHandSet: function() { 
+			return _isRightHandSet(); 
+		},
+
+		isLeftHandSet: function() { 
+			return _isLeftHandSet(); 
+		},
+
+		getQuantityOfTabsAndPanels: function() { 
+			return _getQuantityOfTabsAndPanels(); 
+		},
+
+		getPanelLabels: function() { 
+			return _getPanelLabels(); 
+		},
+
+		getTabLabels: function() { 
+			return _getTabLabels(); 
+		},
+
+		getCurrentConfig: function() { 
+			return _getCurrentConfig(); 
+		},
+
+		getFirstChoice: function() {
+			return _getFirstChoice();
+		},
+
+		getQuantityOfTimelineBlocks: function() {
+			return _getQuantityOfTimelineBlocks();
+		},
+
+		getSignalObject: function() {
+			return _getSignalObject();
+		},
+
+		setCurrentConfig: function(current) { 
+			_setCurrentConfig(current);
+		},
+
+		setFirstChoice: function(firstChoice) {
+			_setFirstChoice(firstChoice);
+		},
+
+		setQuantityOfTabsAndPanels: function(quantity) {
+			_setQuantityOfTabsAndPanels(quantity);
+		},
+
+		setPanelLabels: function(labels) {
+			_setPanelLabels(labels);
+		},
+
+		setTabsLabels: function(labels) {
+			_setTabsLabels(labels);
+		},
+
+		setQuantityOfTimelineBlocks: function(quantity) {
+			_setQuantityOfTimelineBlocks(quantity);
+		},
+
+		setSignalObject: function(config, params) {
+			_setSignalObject(config, params);
+		},
+
+		expressionSet: function(config) {
+			_expressionSet(config);
+		},
+
+		rightHandSet: function(config) {
+			_rightHandSet(config);
+		},
+
+		leftHandSet: function(config) {
+			_leftHandSet(config);
+		}
+	}
+};
+
+module.exports.globalConfig = globalConfig;
+}).call(this,typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{}],4:[function(require,module,exports){
+(function (global){
+var mainFrame = function() {
+
+	/* Function Scope */
+	var self = this;
+
+	/* wlGlobalConfig Holder Variable */
+	var globalConfig;
+	
+	/* Main Variables */
+	var configsObject,
+		mainContainer,
+		textsContainer,
+		tabsContainer,
+		panelsContainer,
+		avatarContainer,
+		timelineContainer;
+
+	/* JSON Variables */
+	var imagesJSON,
+		videosJSON;
+
+	/* Support Variables */
+	var scrollVelocity,
+		isScrolling,
+		mainContent,
+		timelineClicked;
+
+	/* Init Functions */
+	function _init() {
+		self.globalConfig = global.wlGlobalConfig;
+
+		_initMain();
+		_initJSON();
+		_initSupport();
+		_initParametersObject();
+		_initSignalObject();
+	};
+
+	function _initMain() {
+		self.mainContainer = $('#mainContainer');
+		self.textsContainer = $('#textsContainer');
+		self.tabsContainer = $('#tabsContainer');
+		self.panelsContainer = $('#panelsContainer');
+		self.avatarContainer = $('#avatarContainer');
+		self.timelineContainer = $('#timelineContainer');
+	};
+
+	function _initJSON() {
+		self.imagesJSON = null;
+		self.videosJSON = null;
+	};
+
+	function _initSupport() {
+		self.scrollVelocity = 2; // PX
+		self.isScrolling = false;
+
+		// Variável que auxilia ao highlight não ser movido duas vezes,
+		// ao ser clicado em um bloco de timeline;
+		self.timelineClicked = false;
+
+		_setPanelLabel(0);
+	};
+
+	function _initParametersObject() {
+
+		self.configsObject = [];
+		var length;
+
+		if ((self.globalConfig.getTipoMov() === 'pontual') || (self.globalConfig.getTipoMov() === 'retilineo'))
+			length = 3;
+
+		if (self.globalConfig.getTipoMov() === 'circular')
+			length = 6;
+
+		if (self.globalConfig.getTipoMov() === 'semicircular')
+			length = 7;
+
+		if (self.globalConfig.getCurrentConfig() === 'expression')
+			length = 1;
+
+		for (var i = 0; i < length; i++)
+			self.configsObject.push('');
+	};
+
+	function _initSignalObject() {
+		self.globalConfig.setSignalObject('userId', 0);
+		self.globalConfig.setSignalObject('typeOfMovement', self.globalConfig.getTipoMov());
+		self.globalConfig.setSignalObject('qntHands', self.globalConfig.getQuantMaos());
+		self.globalConfig.setSignalObject('signName', self.globalConfig.getName());
+	};
+
+	/*
+	* Texts and Avatar Image Functions
+	*/
+	function _setPanelLabel(index) {
+		var label = self.textsContainer.find('.pLWrapper');
+
+		label.text(self.globalConfig.getPanelLabels()[index]);
+	};
+
+	function _setSignalName() {
+		var name = self.textsContainer.find('.sNWrapper');
+
+		name.text(self.globalConfig.getName());
+	};
+
+	function _setAvatarImage() {
+
+		var imageWrapper = self.avatarContainer.find('.wrapper');
+		var imageURL = self.imagesJSON.avatar;
+
+		if (self.globalConfig.getCurrentConfig() === 'expression')
+			imageWrapper.css('background-image', 'url(' + imageURL[0] + ')');
+		else if (self.globalConfig.getCurrentConfig() === 'rightHand')
+			imageWrapper.css('background-image', 'url(' + imageURL[1] + ')');
+		else if (self.globalConfig.getCurrentConfig() === 'leftHand')
+			imageWrapper.css('background-image', 'url(' + imageURL[2] + ')');
+	};
+
+	/*
+	* DOM Functions
+	*/
+	function _createTabsDOM() {
+		var tabs = self.tabsContainer.find('.tabs');
+
+		for (var i = 0; i < self.globalConfig.getQuantityOfTabsAndPanels(); i++) {
+			if (i === 0)
+				tabs.append('<li><p>' + self.globalConfig.getTabLabels()[i] + '</p><span class="arrow active"></span></li>');
+			else
+				tabs.append('<li><p>' + self.globalConfig.getTabLabels()[i] + '</p><span class="arrow"></span></li>');
+		}
+	};
+
+	function _createPanelsDOM() {
+
+		var quantity = self.globalConfig.getQuantityOfTabsAndPanels();
+
+		if (quantity === 1) {
+			_createPanel_Expression();
+		} else if (quantity === 3) {
+			_createPanel_Fingers();
+			_createPanel_Orientation();
+			_createPanel_LocalizationsAndSubLocalizations();
+		} else if (quantity === 4) {
+			_createPanel_Initial();
+			_createPanel_Fingers();
+			_createPanel_Orientation();
+			_createPanel_LocalizationsAndSubLocalizations();
+		}
+
+		_createTimeline();
+
+		// Atualiza pela primeira vez qual é o atual panel ativo;
+		self.mainContent = self.panelsContainer.find('.active').find('.mainContent').find('.wrapper');
+
+		function _createTimeline() {
+			var timeline = self.timelineContainer.find('.wrapper');
+			var length = self.globalConfig.getQuantityOfTimelineBlocks();
+
+			for (var i = 0; i < length; i++) {
+				if (i === 0)
+					timeline.append('<span class="active"></span>');
+				else
+					timeline.append('<span></span>');
+			}
+		};
+
+		function _createPanel_Expression() {
+
+			var panel = '<div class="expression active">' +
+							'<div class="scrollUp"></div>' +
+							'<div class="mainContent">' +
+								'<div class="wrapper">' +
+								'</div>' +
+							'</div>' +
+							'<div class="scrollDown"></div>' +
+						'</div>';
+
+			self.panelsContainer.append(panel);
+		};
+
+		function _createPanel_Initial() {
+
+			var sentido = ['Horário', 'Anti-Horário'];
+			var raio = ['Pequeno', 'Médio', 'Grande'];
+			var orientacao = ['Perpendicular', 'Paralelo'];
+			var direcao = ['Para Frente', 'Para Trás', 'Para Direita', 'Para Esquerda'];
+
+			var panel = '<div class="initial active">' +
+							'<div class="scrollUp"></div>' +
+							'<div class="mainContent">' +
+								'<div class="wrapper">';
+
+			if (self.globalConfig.getTipoMov() === 'semicircular') {
+				panel += '<div>';
+				for (var j = 0; j < sentido.length; j++) { panel += '<span class="vWrapper"></span>'; }
+				for (var k = 0; k < sentido.length; k++) { panel += '<div class="label">' + sentido[k] + '</div>'; }
+				panel += '</div>';
+
+				panel += '<div>';
+				for (var l = 0; l < raio.length; l++) { panel += '<span class="vWrapper"></span>'; }
+				for (var m = 0; m < raio.length; m++) { panel += '<div class="label">' + raio[m] + '</div>'; }
+				panel += '</div>';
+
+				panel += '<div>';
+				for (var n = 0; n < orientacao.length; n++) { panel += '<span class="vWrapper"></span>'; }
+				for (var o = 0; o < orientacao.length; o++) { panel += '<div class="label">' + orientacao[o] + '</div>'; }
+				panel += '</div>';
+
+				panel += '<div>';
+				for (var p = 0; p < direcao.length; p++) { panel += '<span class="vWrapper"></span>'; }
+				for (var q = 0; q < direcao.length; q++) { panel += '<div class="label">' + direcao[q] + '</div>'; }
+				panel += '</div>';
+			}
+
+			if (self.globalConfig.getTipoMov() === 'circular') {
+				panel += '<div>';
+				for (var j = 0; j < sentido.length; j++) { panel += '<span class="vWrapper"></span>'; }
+				for (var k = 0; k < sentido.length; k++) { panel += '<div class="label">' + sentido[k] + '</div>'; }
+				panel += '</div>';
+
+				panel += '<div>';
+				for (var l = 0; l < raio.length; l++) { panel += '<span class="vWrapper"></span>'; }
+				for (var m = 0; m < raio.length; m++) { panel += '<div class="label">' + raio[m] + '</div>'; }
+				panel += '</div>';
+
+				panel += '<div style="margin-left: 180px;">';
+				for (var n = 0; n < orientacao.length; n++) { panel += '<span class="vWrapper"></span>'; }
+				for (var o = 0; o < orientacao.length; o++) { panel += '<div class="label">' + orientacao[o] + '</div>'; }
+				panel += '</div>';
+			}
+
+			panel += 		'</div>' +
+						'</div>' +
+					'<div class="scrollDown"></div>' +
+				'</div>';
+
+			self.panelsContainer.append(panel);
+		};
+
+		function _createPanel_Fingers() {
+
+			if ((self.globalConfig.getTipoMov() === 'pontual') || (self.globalConfig.getTipoMov() === 'retilineo'))
+				var panel = '<div class="dedos active">';
+			else
+				var panel = '<div class="dedos">';
+
+				panel += 	'<div class="scrollUp"></div>' +
+							'<div class="mainContent">' +
+								'<div class="wrapper">' +
+								'</div>' +
+							'</div>' +
+							'<div class="scrollDown"></div>' +
+						'</div>';
+
+			self.panelsContainer.append(panel);
+		};
+
+		function _createPanel_Orientation() {
+			var panel = '<div class="orientation">' +
+							'<div class="scrollUp"></div>' +
+							'<div class="mainContent">' +
+								'<div class="wrapper">' +
+								'</div>' +
+							'</div>' +
+							'<div class="scrollDown"></div>' +
+						'</div>';
+
+			self.panelsContainer.append(panel);
+		};
+
+		function _createPanel_LocalizationsAndSubLocalizations() {
+
+			var panel = '<div class="localizations">' +
+							'<div class="mainContent">' +
+								'<div class="wrapper">' +
+								'</div>' +
+								'<div class="floatWrapper">';
+
+				for (var i = 0; i < 4; i++) {
+					panel += '<div>' +
+								'<div class="scrollUp"></div>' +
+								'<img class="close" src="/system/wikilibras/images/close.png">' +
+								'<div class="innerWrapper"></div>' +
+								'<div class="scrollDown"></div>' +
+							'</div>';
+				}
+
+				panel += 		'</div>' +
+							'</div>' +
+						'</div>';
+
+			self.panelsContainer.append(panel);
+		};
+	};
+
+	/*
+	* Loading Functions
+	*/
+	function _loadingImagesAndVideos() {
+
+		var quantity = self.globalConfig.getQuantityOfTabsAndPanels();
+
+		if (quantity === 1) {
+			_populatePanel_Expression();
+		} else if (quantity === 3) {
+			_populatePanel_Fingers();
+			_populatePanel_Orientation();
+			_populatePanel_LocalizationAndSubLocalization();
+		} else if (quantity === 4) {
+			_populatePanel_Initial();
+			_populatePanel_Fingers();
+			_populatePanel_Orientation();
+			_populatePanel_LocalizationAndSubLocalization();
+		}
+	};
+
+	function _populatePanel(element, jsonObject) {
+
+		var length = jsonObject.length;
+
+		for (var i = 0; i < length; i++) {
+			element.append('<span></span>');
+			element.children().last().css('background-image', 'url(' + jsonObject[i] + ')');
+		}
+	};
+
+	function _populatePanel_Expression() {
+
+		var expressoes = self.panelsContainer.find('.expression').find('.mainContent').find('.wrapper'),
+			expressoesImages = self.imagesJSON.expressao;
+
+		_populatePanel(expressoes, expressoesImages);
+	};
+
+	function _populatePanel_Initial() {
+
+		var initialVideosJSON = self.videosJSON.iniciais,
+			initialBlocks = self.panelsContainer.find('.vWrapper'),
+			initialLabels = self.panelsContainer.find('.label'),
+			length = initialBlocks.length,
+			perpendicular,
+			paralelo;
+
+		var direcaoPerpen = $([initialBlocks[7], initialBlocks[8]]),
+			labelsPerpen = $([initialLabels[7], initialLabels[8]]),
+			direcaoParal = $([initialBlocks[9], initialBlocks[10]]),
+			labelsParal = $([initialLabels[9], initialLabels[10]]);
+
+		for (var i = 0; i < length; i++) {
+			initialBlocks.eq(i).append(
+				'<video class="video" width="100" height="150">' +
+					'<source src="' + initialVideosJSON.mp4[i] + '" type="video/mp4">' +
+					'<source src="' + initialVideosJSON.webm[i] + '" type="video/webm">' +
+				'</video>');
+
+			if (i === 5)
+				perpendicular = initialBlocks.eq(i);
+
+			if (i === 6)
+				paralelo = initialBlocks.eq(i);
+		};
+			
+		perpendicular.click(function(e) {
+			direcaoParal.css('display', 'none');
+			labelsParal.css('display', 'none');
+			direcaoPerpen.css('display', 'inline');
+			labelsPerpen.css('display', 'block');
+		});
+
+		paralelo.click(function(e) {
+			direcaoPerpen.css('display', 'none');
+			labelsPerpen.css('display', 'none');
+			direcaoParal.css('display', 'inline');
+			labelsParal.css('display', 'block');
+		});
+	};
+
+	function _populatePanel_Fingers() {
+
+		var dedos = self.panelsContainer.find('.dedos').find('.mainContent').find('.wrapper'),
+			dedosImages = self.imagesJSON.dedos;
+
+		_populatePanel(dedos, dedosImages);
+	};
+
+	function _populatePanel_Orientation() {
+
+		var palma_mao = self.panelsContainer.find('.orientation').find('.mainContent').find('.wrapper'),
+			palmaMaoImages = self.imagesJSON.palma_mao;
+
+		_populatePanel(palma_mao, palmaMaoImages);
+	};
+
+	function _populatePanelSubLocalization(element, jsonObject) {
+
+		var length = jsonObject.mp4.length;
+
+		for (var i = 0; i < length; i++) {
+			element.append('<span></span>');
+			element.children().last().append(
+				'<video class="video" width="134" height="185">' +
+					'<source src="' + jsonObject.mp4[i] + '" type="video/mp4">' +
+					'<source src="' + jsonObject.webm[i] + '" type="video/webm">' +
+				'</video>');
+		};
+	};
+
+	function _populatePanel_LocalizationAndSubLocalization() {
+
+		var localizacao = self.panelsContainer.find('.localizations').find('.mainContent').find('.wrapper'),
+			sublocalizacao = self.panelsContainer.find('.localizations').find('.mainContent').find('.floatWrapper'),
+			localizacaoImages = self.imagesJSON.localizacao;
+
+		_populatePanel(localizacao, localizacaoImages);
+			
+		for (var i = 0; i < 4; i++) {
+			if (i < 2)
+				_populatePanel(sublocalizacao.children().eq(i).find('.innerWrapper'), self.imagesJSON.sublocalizacao[i]);
+		
+			if (i === 2)
+				_populatePanelSubLocalization(sublocalizacao.children().eq(i).find('.innerWrapper'), self.videosJSON.sublocalizacao.media);
+
+			if (i === 3)
+				_populatePanelSubLocalization(sublocalizacao.children().eq(i).find('.innerWrapper'), self.videosJSON.sublocalizacao.grande);
+		}
+	};
+
+	/* 
+	* Bind Events Functions
+	*/
+	function _bindEventsOfTabsAndPanels() {
+
+		var tabs = self.tabsContainer.find('.tabs').children();
+		var panels = self.panelsContainer.children();
+
+		$.each(panels, function(index){
+			tabs.eq(index).click(function(e) {
+				// Itera todas os panels e remove a class .active
+				panels.removeClass('active');
+				// Adiciona a class .active ao panel clicado
+				panels.eq(index).addClass('active');
+				// Itera todas as arrows das tabs e remove a class .active
+				tabs.find('.arrow').removeClass('active');
+				// Adiciona a class .active a arrow da tab clicada
+				tabs.eq(index).find('.arrow').addClass('active');
+				// Atualiza o label do panel
+				_setPanelLabel(index);
+				// Guarda em memória qual o panel ativo, para que os scrolls down e up possam manipulá-lo
+				_updateCurrentPanel('tabs');
+				// Caso esteja no panel de sublocalização, dispara o evento clique do botão fechar
+				$('.close').trigger('click');
+
+				// Se a configuração atual for a de Expressão Facial, não há necessidade de registrar
+				// o evento de click nas tabs;
+				if (self.globalConfig.getCurrentConfig() === 'expression')
+					return;
+
+				if (self.globalConfig.getTipoMov() === 'semicircular') {
+					switch (index) {
+						case 0:
+							if (!self.timelineClicked)
+								_moveHighlighter(0);
+
+							break;
+						case 1:
+							if (!self.timelineClicked)
+								_moveHighlighter(4);
+
+							break;
+						case 2:
+							if (!self.timelineClicked)
+								_moveHighlighter(5);
+
+							break;
+						case 3:
+							if (!self.timelineClicked)
+								_moveHighlighter(6);
+
+							break;
+					}
+				}
+
+				if (self.globalConfig.getTipoMov() === 'circular') {
+					switch (index) {
+						case 0:
+							if (!self.timelineClicked)
+								_moveHighlighter(0);
+
+							break;
+						case 1:
+							if (!self.timelineClicked)
+								_moveHighlighter(3);
+
+							break;
+						case 2:
+							if (!self.timelineClicked)
+								_moveHighlighter(4);
+
+							break;
+						case 3:
+							if (!self.timelineClicked)
+								_moveHighlighter(5);
+
+							break;
+					}
+				}
+
+				if (self.globalConfig.getTipoMov() === 'retilineo') {
+					switch (index) {
+						case 0:
+							if (!self.timelineClicked)
+								_moveHighlighter(0);
+
+							break;
+						case 1:
+							if (!self.timelineClicked)
+								_moveHighlighter(1);
+
+							break;
+						case 2:
+							if (!self.timelineClicked)
+								_moveHighlighter(2);
+
+							break;
+					}
+				}
+
+				if (self.globalConfig.getTipoMov() === 'pontual') {
+					switch (index) {
+						case 0:
+							if (!self.timelineClicked)
+								_moveHighlighter(0);
+
+							break;
+						case 1:
+							if (!self.timelineClicked)
+								_moveHighlighter(1);
+
+							break;
+						case 2:
+							if (!self.timelineClicked)
+								_moveHighlighter(2);
+
+							break;
+					}
+				}
+			});
+		});
+	};
+
+	function _moveHighlighter(index) {
+
+		var blocks = self.timelineContainer.find('.wrapper').children();
+
+		blocks.removeClass('active');
+		blocks.eq(index).addClass('active');
+	};
+
+	function _updateCurrentPanel(type) {
+		if (type === 'tabs')
+			self.mainContent = self.panelsContainer.find('.active').find('.mainContent').find('.wrapper');
+		else if (type === 'blocks') 
+			self.mainContent = self.panelsContainer.find('.localizations').find('.mainContent').find('.floatWrapper').find('.active').find('.innerWrapper');
+	};
+
+	function _bindLocalizationPanelEvents() {
+
+		var localizationBlocks = self.panelsContainer.find('.localizations').find('.mainContent').find('.wrapper').children();
+		var floatWrapper = self.panelsContainer.find('.localizations').find('.mainContent').find('.floatWrapper');
+
+		$.each(localizationBlocks, function(index, block){
+			$(block).click(function() {
+				floatWrapper.css('top', 0);
+				floatWrapper.children().removeClass('active');
+				floatWrapper.children().eq(index).addClass('active');
+				_updateCurrentPanel('blocks');
+			});
+		});
+
+		$('.close').click(function(e) {
+			if (floatWrapper.css('top') === '0px')
+				floatWrapper.css('top', -320 + 'px');
+		});
+	};
+
+	function _bindTimelineBlocksEvents() {
+
+		var tabs = self.tabsContainer.find('.tabs').children();
+		var timelineBlocks = self.timelineContainer.find('.wrapper').children();
+
+		if (timelineBlocks.length === 1)
+			return;
+
+		if (self.globalConfig.getTipoMov() === 'semicircular') {
+			$.each(timelineBlocks, function(index, block){
+
+				// Iniciais
+				if ((index === 0) || (index === 1) || (index === 2) || (index === 3)) {
+					timelineBlocks.eq(index).click(function(e) {
+						self.timelineClicked = true;
+						tabs.eq(0).trigger('click');
+						_moveHighlighter(index);
+						self.timelineClicked = false;
+					});
+				}
+
+				// Dedos
+				if (index === 4) {
+					timelineBlocks.eq(index).click(function(e) {
+						self.timelineClicked = true;
+						tabs.eq(1).trigger('click');
+						_moveHighlighter(index);
+						self.timelineClicked = false;
+					});
+				}
+
+				// Palma da Mão
+				if (index === 5) {
+					timelineBlocks.eq(index).click(function(e) {
+						self.timelineClicked = true;
+						tabs.eq(2).trigger('click');
+						_moveHighlighter(index);
+						self.timelineClicked = false;
+					});
+				}
+
+				// Localização
+				if ((index === 6) || (index === 7)) {
+					timelineBlocks.eq(index).click(function(e) {
+						self.timelineClicked = true;
+						tabs.eq(3).trigger('click');
+						_moveHighlighter(index);
+						self.timelineClicked = false;
+					});
+				}
+			});
+		}
+
+		if (self.globalConfig.getTipoMov() === 'circular') {
+			$.each(timelineBlocks, function(index, block){
+
+				// Iniciais
+				if ((index === 0) || (index === 1) || (index === 2)) {
+					timelineBlocks.eq(index).click(function(e) {
+						self.timelineClicked = true;
+						tabs.eq(0).trigger('click');
+						_moveHighlighter(index);
+						self.timelineClicked = false;
+					});
+				}
+
+				// Dedos
+				if (index === 3) {
+					timelineBlocks.eq(index).click(function(e) {
+						self.timelineClicked = true;
+						tabs.eq(1).trigger('click');
+						_moveHighlighter(index);
+						self.timelineClicked = false;
+					});
+				}
+
+				// Palma da Mão
+				if (index === 4) {
+					timelineBlocks.eq(index).click(function(e) {
+						self.timelineClicked = true;
+						tabs.eq(2).trigger('click');
+						_moveHighlighter(index);
+						self.timelineClicked = false;
+					});
+				}
+
+				// Localização
+				if ((index === 5) || (index === 6)) {
+					timelineBlocks.eq(index).click(function(e) {
+						self.timelineClicked = true;
+						tabs.eq(3).trigger('click');
+						_moveHighlighter(index);
+						self.timelineClicked = false;
+					});
+				}
+			});
+		}
+
+		if ((self.globalConfig.getTipoMov() === 'retilineo') || (self.globalConfig.getTipoMov() === 'pontual')) {
+			$.each(timelineBlocks, function(index, block){
+
+				// Dedos
+				if (index === 0) {
+					timelineBlocks.eq(index).click(function(e) {
+						self.timelineClicked = true;
+						tabs.eq(0).trigger('click');
+						_moveHighlighter(index);
+						self.timelineClicked = false;
+					});
+				}
+
+				// Palma da Mão
+				if (index === 1) {
+					timelineBlocks.eq(index).click(function(e) {
+						self.timelineClicked = true;
+						tabs.eq(1).trigger('click');
+						_moveHighlighter(index);
+						self.timelineClicked = false;
+					});
+				}
+
+				// Localização
+				if ((index === 2) || (index === 3)) {
+					timelineBlocks.eq(index).click(function(e) {
+						self.timelineClicked = true;
+						tabs.eq(2).trigger('click');
+						_moveHighlighter(index);
+						self.timelineClicked = false;
+					});
+				}
+			});
+		}
+	};
+
+	function _bindInitialVideosEvents(){
+
+		$(".video").bind('mouseover', function() {
+			this.play();
+		}).bind('mouseout', function() {
+			this.currentTime = 0;
+			this.pause();
+		});
+	};
+
+	function _bindScrollEvents() {
+
+		$('.scrollUp').bind('mouseover', function() {
+			self.isScrolling = true;
+			_scrollContent('up');
+		}).bind('mouseout', function() {
+			self.isScrolling = false;
+		});
+
+		$('.scrollDown').bind('mouseover', function() {
+			self.isScrolling = true;
+			_scrollContent('down');
+		}).bind('mouseout', function() {
+			self.isScrolling = false;
+		});
+	};
+
+	function _scrollContent(direction) {
+		var velocity = (direction === 'up' ? '-=' + self.scrollVelocity + 'px' : '+=' + self.scrollVelocity + 'px');
+
+		self.mainContent.animate({
+			scrollTop: velocity
+		}, 1, function() {
+			if (self.isScrolling)
+				_scrollContent(direction);
+		});
+	};
+
+	/*
+	* JSON Functions
+	*/
+	function _getResourcesPath(callback) {
+		$.getJSON('/system/wikilibras/resources.json').done(function(json) {
+			    self.imagesJSON = json.images;
+			    self.videosJSON = json.videos;
+			    callback();
+			}
+		);
+	};
+
+	function _bindConfigChoicesEvents() {
+
+		var expressoes = self.panelsContainer.find('.expression').find('.mainContent').find('.wrapper').children();
+		var expressoes_values = ['Exp_9', 'Exp_1', 'Exp_3', 'Exp_2', 'Exp_17', 'Exp_4', 'Exp_5', 'Exp_6', 'Exp_7', 'Exp_8', 'Exp_10', 'Exp_16', 'Exp_12', 'Exp_11', 'Exp_14', 'Exp_15'];
+
+		$.each(expressoes, function(index, element) {
+			$(element).click(function(e) {
+				_setConfigsObject('expressao', expressoes_values[index]);
+				_checkConfigsObject();
+			});
+		});
+
+		if (self.globalConfig.getCurrentConfig() === 'expression')
+			return;
+
+		if ((self.globalConfig.getTipoMov() === 'semicircular') || (self.globalConfig.getTipoMov() === 'circular')) {
+
+			var iniciais = self.panelsContainer.find('.initial').find('.mainContent').find('.wrapper').children();
+			var iniciais_values = {
+				'sentido': ['horario', 'anti-horario'],
+				'raio': ['pequeno', 'medio', 'grande'],
+				'orientacao': ['perpendicular', 'paralelo'],
+				'direcao': ['para-frente', 'para-tras', 'para-direita', 'para-esquerda'],
+			};
+
+			$.each(iniciais, function(index, element) {
+
+				switch(index) {
+					case 0:
+						var length = (iniciais.eq(index).children().length / 2);
+
+						$.each(iniciais.eq(index).children(), function(index, element) {
+							if (index < length) {
+								$(element).first().click(function(e) {
+									_moveHighlighter(1);
+									_setConfigsObject('sentido', iniciais_values.sentido[index]);
+									_checkConfigsObject();
+								});
+							}
+						});
+					break;
+
+					case 1:
+						var length = (iniciais.eq(index).children().length / 2);
+
+						$.each(iniciais.eq(index).children(), function(index, element) {
+							if (index < length) {
+								$(element).first().click(function(e) {
+									_moveHighlighter(2);
+									_setConfigsObject('raio', iniciais_values.raio[index]);
+									_checkConfigsObject();
+								});
+							}
+						});
+					break;
+
+					case 2:
+						var length = (iniciais.eq(index).children().length / 2);
+
+						$.each(iniciais.eq(index).children(), function(index, element) {
+							if (index < length) {
+								$(element).first().click(function(e) {
+									if (self.globalConfig.getTipoMov() === 'circular')
+										_triggerTab('inicial');
+
+									if (self.globalConfig.getTipoMov() === 'semicircular')
+										_moveHighlighter(3);
+
+									_setConfigsObject('orientacao', iniciais_values.orientacao[index]);
+									_checkConfigsObject();
+								});
+							}
+						});
+					break;
+
+					case 3:
+						var length = (iniciais.eq(index).children().length / 2);
+
+						$.each(iniciais.eq(index).children(), function(index, element) {
+							if (index < length) {
+								$(element).first().click(function(e) {
+									_triggerTab('inicial');
+									_setConfigsObject('direcao', iniciais_values.direcao[index]);
+									_checkConfigsObject();
+								});
+							}
+						});
+					break;
+				}
+			});
+		}
+
+		var dedos = self.panelsContainer.find('.dedos').find('.mainContent').find('.wrapper').children();
+
+		$.each(dedos, function(index, element) {
+			$(element).click(function(e) {
+				_triggerTab('dedos');
+				_setConfigsObject('dedos', 'conf_' + (index + 1));
+				_checkConfigsObject();
+			});
+		});
+
+		var palmas = self.panelsContainer.find('.orientation').find('.mainContent').find('.wrapper').children();
+		var palmas_values = ['Ori_1', 'Ori_7', 'Ori_2', 'Ori_8', 'Ori_3', 'Ori_9', 'Ori_4', 'Ori_10', 'Ori_5', 'Ori_6', 'Ori_12', 'Ori_11'];
+
+		$.each(palmas, function(index, element) {
+			$(element).click(function(e) {
+				_triggerTab('palma_mao');
+				_setConfigsObject('palma_mao', palmas_values[index]);
+				_checkConfigsObject();
+			});
+		});
+
+		var localizacoes = self.panelsContainer.find('.localizations').find('.mainContent').find('.wrapper').children(),
+			sublocalizacoes = self.panelsContainer.find('.localizations').find('.mainContent').find('.floatWrapper').children();
+			//localizacoes_values = ['cabeca', 'tronco', 'distancia_media', 'distancia_grande'],
+			sublocalizacoes_values = {
+				'cabeca': ['Pa_6', 'Pa_35', 'Pa_38', 'Pa_50', 'Pa_57', 'Pa_60'],
+				'tronco': ['Pa_15', 'Pa_18', 'Pa_24', 'Pa_27', 'Pa_44', 'Pa_66'],
+				'distancia_media': ['Pa_7', 'Pa_16', 'Pa_19', 'Pa_25', 'Pa_28', 'Pa_36', 'Pa_39', 'Pa_45', 'Pa_48', 'Pa_61'],
+				'distancia_grande': ['Pa_8', 'Pa_17', 'Pa_20', 'Pa_26', 'Pa_29', 'Pa_37', 'Pa_40', 'Pa_46', 'Pa_49', 'Pa_62']
+			};
+
+		$.each(localizacoes, function(index, element) {
+			$(element).click(function(e) {
+				_moveHighlighter((wlGlobalConfig.getQuantityOfTimelineBlocks() - 1));
+				//_setConfigsObject('localizacao', localizacoes_values[index]);
+			});
+
+			switch(index) {
+				case 0:
+					$.each(sublocalizacoes.eq(0).find('.innerWrapper').children(), function(index, element) {
+						$(element).click(function(e){
+							$('.close').trigger('click');
+							_setConfigsObject('sublocalizacao', sublocalizacoes_values.cabeca[index]);
+							_checkConfigsObject();
+						});
+					});
+				break;
+
+				case 1:
+					$.each(sublocalizacoes.eq(1).find('.innerWrapper').children(), function(index, element) {
+						$(element).click(function(e){
+							$('.close').trigger('click');
+							_setConfigsObject('sublocalizacao', sublocalizacoes_values.tronco[index]);
+							_checkConfigsObject();
+						});
+					});
+				break;
+
+				case 2:
+					$.each(sublocalizacoes.eq(2).find('.innerWrapper').children(), function(index, element) {
+						$(element).click(function(e){
+							$('.close').trigger('click');
+							_setConfigsObject('sublocalizacao', sublocalizacoes_values.distancia_media[index]);
+							_checkConfigsObject();
+						});
+					});
+				break;
+
+				case 3:
+					$.each(sublocalizacoes.eq(3).find('.innerWrapper').children(), function(index, element) {
+						$(element).click(function(e){
+							$('.close').trigger('click');
+							_setConfigsObject('sublocalizacao', sublocalizacoes_values.distancia_grande[index]);
+							_checkConfigsObject();
+						});
+					});
+				break;
+			}
+		});
+	};
+
+	function _setConfigsObject(category, value) {
+
+		switch(category) {
+			case 'expressao':
+				self.configsObject[0] = value;
+				return;
+			break;
+
+			case 'sentido':
+				self.configsObject[0] = value;
+			break;
+
+			case 'raio':
+				self.configsObject[1] = value;
+			break;
+
+			case 'orientacao':
+				self.configsObject[2] = value;
+			break;
+
+			case 'direcao':
+				self.configsObject[3] = value;
+			break;
+		}
+
+		if ((self.globalConfig.getTipoMov() === 'pontual') || (self.globalConfig.getTipoMov() === 'retilineo'))
+			var indexArray = [0, 1, 2];
+
+		if (self.globalConfig.getTipoMov() === 'circular')
+			var indexArray = [3, 4, 5];
+
+		if (self.globalConfig.getTipoMov() === 'semicircular')
+			var indexArray = [4, 5, 6];
+
+		switch(category) {
+			case 'dedos':
+				self.configsObject[indexArray[0]] = value;
+			break;
+
+			case 'palma_mao':
+				self.configsObject[indexArray[1]] = value;
+			break;
+
+			// case 'localizacao':
+			// 	self.configsObject[indexArray[2]] = value;
+			// break;
+
+			case 'sublocalizacao':
+				self.configsObject[indexArray[2]] = value;
+			break;
+		}
+	};
+
+	function _checkConfigsObject() {
+		var length = self.configsObject.length;
+
+		for (var i = 0; i < length; i++) {
+			if (self.configsObject[i] === '')
+				return false;
+		}
+
+		if (self.globalConfig.getCurrentConfig() === 'expression') {
+			self.globalConfig.expressionSet(true);
+			self.globalConfig.setSignalObject('facialExp', self.configsObject[0]);
+		}
+		else if (self.globalConfig.getCurrentConfig() === 'rightHand') {
+			self.globalConfig.rightHandSet(true);
+			self.globalConfig.setSignalObject('rightHand', self.configsObject);
+		}
+		else if (self.globalConfig.getCurrentConfig() === 'leftHand') {
+			self.globalConfig.leftHandSet(true);
+			self.globalConfig.setSignalObject('leftHand', self.configsObject);
+		}
+
+		// Imprime as configurações escolhidas a cada passo
+		//console.log(self.configsObject);
+		_showCheckPoint();
+	};
+
+	function _showCheckPoint() {
+		var checkpoint = self.mainContainer.find('.checkpoint');
+
+		if ((self.globalConfig.isExpressionSet()) && (self.globalConfig.isRightHandSet()) && (self.globalConfig.isLeftHandSet())) {
+			checkpoint.find('.continuar').addClass('desactive');
+			checkpoint.find('.gerar').removeClass('desactive');
+		}
+
+		if (checkpoint.hasClass('desactive')) {
+			checkpoint.removeClass('desactive');
+		}
+	};
+
+	function _bindCheckPointEvents() {
+		var checkpoint = self.mainContainer.find('.checkpoint');
+
+		checkpoint.find('.voltar').click(function(e) {
+			if (!checkpoint.hasClass('desactive')) {
+				checkpoint.addClass('desactive');
+			}
+		});
+	};
+
+	function _triggerTab(category) {
+		var tabs = self.tabsContainer.find('.tabs').children();
+
+		if (category === 'inicial')
+			tabs.eq(1).trigger('click');
+
+		if (category === 'dedos') {
+			if ((self.globalConfig.getTipoMov() === 'pontual') || (self.globalConfig.getTipoMov() === 'retilineo'))
+				tabs.eq(1).trigger('click');
+
+			if (self.globalConfig.getTipoMov() === 'circular')
+				tabs.eq(2).trigger('click');
+
+			if (self.globalConfig.getTipoMov() === 'semicircular')
+				tabs.eq(2).trigger('click');
+		}
+
+		if (category === 'palma_mao') {
+			if ((self.globalConfig.getTipoMov() === 'pontual') || (self.globalConfig.getTipoMov() === 'retilineo'))
+				tabs.eq(2).trigger('click');
+
+			if (self.globalConfig.getTipoMov() === 'circular')
+				tabs.eq(3).trigger('click');
+
+			if (self.globalConfig.getTipoMov() === 'semicircular')
+				tabs.eq(3).trigger('click');
+		}
+	};
+
+	return {
+		run: function() {
+			_init();
+
+			_getResourcesPath(function() {
+				// Creating DOM
+				_createTabsDOM();
+				_createPanelsDOM();
+
+				// Setting Texts and Avatar
+				_setSignalName();
+				_setAvatarImage();
+
+				// Loading Images and Videos
+				_loadingImagesAndVideos();
+
+				// Bind Events
+				_bindScrollEvents();
+				_bindEventsOfTabsAndPanels();
+				_bindConfigChoicesEvents();
+				_bindInitialVideosEvents();
+				_bindLocalizationPanelEvents();
+				_bindTimelineBlocksEvents();
+				_bindCheckPointEvents();
+			});
+		}
+	}
+};
+
+module.exports.mainFrame = mainFrame;
+}).call(this,typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{}],5:[function(require,module,exports){
+var registerFrame = function() {
+
+	/* Function Scope */
+	var self = this;
+
+	/* Main Variables */
+	var params,
+		registerContainer,
+		isConfigSet;
+
+	function _init() {
+		self.params = { name: '', quantMaos: '', tipoMov: '', repeticao: '' };
+		self.registerContainer = $('#registerContainer');
+		self.isConfigSet = [false, false, false, false];
+	};
+
+	function _bindFieldsEvents() {
+		var demoFields = self.registerContainer.find('.demoField');
+
+		self.registerContainer.find('.nomeDoSinal').on('blur', 'input', function(e) {
+			if ($(this).val() !== '') {
+				self.params['name'] = $(this).val().toLowerCase();
+				self.isConfigSet[0] = true;
+				_setColor(1, true);
+			} else {
+				self.isConfigSet[0] = false;
+				_setColor(1, false);
+			}
+			_validateFields();
+		});
+
+		self.registerContainer.find('.quantMaos').on('click', 'button', function(e) {
+			self.params['quantMaos'] = $(this).val();
+			demoFields.eq(0).find('div').text($(this).text());
+			_setColor(2, true);
+			self.isConfigSet[1] = true;
+			_validateFields();
+		});
+
+		self.registerContainer.find('.tipoMov').on('click', 'button', function(e) {
+			self.params['tipoMov'] = $(this).val();
+			demoFields.eq(1).find('div').text($(this).text());
+			_setColor(3, true);
+			self.isConfigSet[2] = true;
+			_validateFields();
+		});
+
+		self.registerContainer.find('.repeticao').on('click', 'button', function(e) {
+			self.params['repeticao'] = $(this).val();
+			demoFields.eq(2).find('div').text($(this).text());
+			_setColor(4, true);
+			self.isConfigSet[3] = true;
+			_validateFields();
+		});
+	};
+
+	function _validateFields() {
+		var confSinalButton = self.registerContainer.find('.configurarSinal').find('button');
+
+		var all = false,
+			aux = 0;
+
+		for (var i = 0; i < self.isConfigSet.length; i++) {
+			if (self.isConfigSet[i])
+				aux++;
+		}
+
+		all = (aux === 4) ? true : false;
+
+		if (all) {
+			confSinalButton.removeClass('disabled');
+		}
+		else {
+			if (!confSinalButton.hasClass('disabled'))
+				confSinalButton.addClass('disabled');
+		}
+	};
+
+	function _setColor(index, isSet) {
+		var spanFields = self.registerContainer.find('.registroContent');
+
+		if (isSet)
+			spanFields.find('> div:nth-of-type('+ index +')').find('span').css('color', '#50C53A');
+		else
+			spanFields.find('> div:nth-of-type('+ index +')').find('span').css('color', '#C93030');
+	};
+
+	function _setValuesButtons() {
+		var buttons = self.registerContainer.find('button');
+		var values = ['uma', 'duas', 'retilineo', 'pontual', 'circular', 'semicircular', 'sem-repeticao', 'com-repeticao'];
+
+		for (var i = 0; i < (buttons.length - 1); i++) {
+			buttons.eq(i).attr('value', values[i]);
+		}
+	};
+
+	function _getParams() {
+		return self.params;
+	};
+
+	function _bindUnityCommunication() {
+		return null;
+
+        var u = new UnityObject2({ width: 250, height: 280, params: { enableDebugging: "0" }});
+		u.initPlugin($('.unity'), "/system/wikilibras/unity/avatar.unity3d");
+
+		$('.tipoMov > button:nth-of-type(1)').click(function() {
+			u.getUnity().SendMessage("hozana", "playRetilineo", "");
+		});
+
+		$('.tipoMov > button:nth-of-type(2)').click(function() {
+			u.getUnity().SendMessage("hozana", "playPontual", "");
+		});
+
+		$('.tipoMov > button:nth-of-type(3)').click(function() {
+			u.getUnity().SendMessage("hozana", "playCircular", "");
+		});
+
+		$('.tipoMov > button:nth-of-type(4)').click(function() {
+			u.getUnity().SendMessage("hozana", "playSemiCircular", "");
+		});
+	};
+
+	return {
+		run: function() {
+			_init();
+			_setValuesButtons();
+			_bindFieldsEvents();
+			_bindUnityCommunication();
+		},
+
+		getParams: function() {
+			return _getParams();
+		}
+	}
+}
+
+module.exports.registerFrame = registerFrame;
+},{}],6:[function(require,module,exports){
+(function() {
+  var template = Handlebars.template, templates = Handlebars.templates = Handlebars.templates || {};
+templates['wlChoiceTpl'] = template(function (Handlebars,depth0,helpers,partials,data) {
+  this.compilerInfo = [4,'>= 1.0.0'];
+helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
+  
+
+
+  return "<div id=\"choiceContainer\">\n	<div class=\"wrapper\">\n		<div class=\"texts\">\n			<div class=\"description\">\n				<p>Escolha a parte do corpo<br>que deseja configurar:</p>\n			</div>\n			<div class=\"preview\">\n				<p></p>\n			</div>\n		</div>\n		<div class=\"choices\">\n			<div>\n				<svg width=\"230\" height=\"310\" viewPort=\"0 0 230 310\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n				  <polygon class=\"done\" points=\"70,51,70,69,72,79,75,86,78,92,84,99,90,105,98,110,103,112,108,113,111,114,119,114,125,112,131,110,137,106,141,103,145,98,150,92,153,86,156,78,158,71,158,62,158,51,157,43,154,37,149,27,145,22,141,17,134,12,126,8,119,7,108,7,100,9,94,12,88,16,83,21,79,27,75,33,72,42,71,46\"/>\n				  \n				  <polygon points=\"3,123,3,129,3,141,6,153,11,162,14,167,17,170,22,174,27,177,32,179,36,179,43,179,46,178,49,177,53,175,57,173,61,170,63,166,67,161,69,157,71,152,73,146,74,141,74,133,74,121,73,118,72,113,69,107,66,101,63,98,60,93,55,90,50,87,45,85,42,84,35,84,32,85,26,87,23,89,18,93,14,97,11,101,8,107,6,112,5,115\"/>\n\n				  <polygon points=\"155,123,155,130,155,140,155,144,157,150,159,156,162,161,165,167,169,170,173,174,177,177,183,179,188,180,195,180,198,179,204,177,208,174,213,169,218,163,222,155,225,146,226,139,227,131,226,124,225,118,221,107,217,100,211,93,205,89,199,86,194,84,187,84,184,85,182,85,177,87,172,91,168,94,164,99,161,104,159,110,157,116\"/>\n				</svg>\n			</div>\n		</div>\n	</div>\n</div>";
+  });
+})();
+},{}],7:[function(require,module,exports){
+(function() {
+  var template = Handlebars.template, templates = Handlebars.templates = Handlebars.templates || {};
+templates['wlMainTpl'] = template(function (Handlebars,depth0,helpers,partials,data) {
+  this.compilerInfo = [4,'>= 1.0.0'];
+helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
+  
+
+
+  return "<div id=\"mainContainer\">\n	<div class=\"checkpoint desactive\">\n  		<div class=\"voltar\">\n  			<p>Voltar</p>\n  		</div>\n 		<div class=\"continuar\">\n 		 	<p>Continuar</p>\n 		</div>\n 		<div class=\"gerar desactive\">\n 		 	<p>Gerar Sinal</p>\n 		</div>\n 	</div>\n	<div id=\"textsContainer\">\n		<div class=\"panelLabel\">\n			<span class=\"pLWrapper\"></span>\n		</div>\n		<div class=\"signalName\">\n			<span class=\"sNWrapper\"></span>\n		</div>\n	</div>\n	<div id=\"tabsContainer\">\n		<ul class=\"tabs\"></ul>\n	</div>\n	<div id=\"panelsContainer\">\n	</div>\n	<div id=\"avatarContainer\">\n		<span class=\"wrapper\"></span>\n	</div>\n	<div class=\"clearfix\"></div>\n	<div id=\"timelineContainer\">\n		<div class=\"wrapper\"></div>\n	</div>\n</div>";
+  });
+})();
+},{}],8:[function(require,module,exports){
+(function() {
+  var template = Handlebars.template, templates = Handlebars.templates = Handlebars.templates || {};
+templates['wlRegisterTpl'] = template(function (Handlebars,depth0,helpers,partials,data) {
+  this.compilerInfo = [4,'>= 1.0.0'];
+helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
+  
+
+
+  return "<div id=\"registerContainer\">\n	<div id=\"title\">\n		<div class=\"registroTitle\"><p>Registro do Sinal</p></div>\n		<div class=\"demoTitle\"><p>Demo</p></div>\n	</div>\n	<div id=\"content\">\n		<div class=\"registroContent\">\n			<div class=\"nomeDoSinal\">\n				<span class=\"label\">Nome do Sinal</span>\n				<div class=\"clearfix\"></div>\n				<input type=\"text\">\n			</div>\n			<div class=\"quantMaos\">\n				<span class=\"label\">Quantidade de Mãos</span>\n				<div class=\"clearfix\"></div>\n				<button class=\"btn btn-large btn-sample\">Uma Mão</button>\n				<button class=\"btn btn-large btn-sample\">Duas Mãos</button>\n			</div>\n			<div class=\"tipoMov\">\n				<span class=\"label\">Tipo do Movimento</span>\n				<div class=\"clearfix\"></div>\n				<button class=\"btn btn-large btn-sample\">Retilíneo</button>\n				<button class=\"btn btn-large btn-sample\">Pontual</button>\n				<button class=\"btn btn-large btn-sample\">Circular</button>\n				<button class=\"btn btn-large btn-sample\">SemiCircular</button>\n			</div>\n			<div class=\"repeticao\">\n				<span class=\"label\">Repetição</span>\n				<div class=\"clearfix\"></div>\n				<button value=\"sem-repeticao\" class=\"btn btn-large btn-sample\">Sem Repetição</button>\n				<button value=\"com-repeticao\" class=\"btn btn-large btn-sample\">Com Repetição</button>\n			</div>\n			<div class=\"configurarSinal\">\n				<button class=\"btn btn-large btn-success disabled\">Configurar Sinal</button>\n			</div>\n		</div>\n		<div class=\"demoContent\">\n			<div class=\"demoField\">\n				<div></div>\n			</div>\n			<div class=\"demoField\">\n				<div></div>\n			</div>\n			<div class=\"demoField\">\n				<div></div>\n			</div>\n			<div class=\"unity\"></div>\n		</div>\n	</div>\n</div>";
+  });
+})();
+},{}]},{},[1])
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/wikilibras.css b/vendor/assets/stylesheets/wikilibras.css
new file mode 100644
index 0000000..4e95f43
--- /dev/null
+++ b/vendor/assets/stylesheets/wikilibras.css
@@ -0,0 +1,940 @@
+@font-face {
+  font-family: 'trajan_pro';
+  src: url('/system/wikilibras/fonts/trajan_pro.woff') format('woff');
+}
+.btn {
+  display: inline-block;
+  *display: inline;
+  padding: 4px 12px;
+  margin-bottom: 0;
+  *margin-left: .3em;
+  font-size: 14px;
+  line-height: 20px;
+  color: #333333;
+  text-align: center;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+  vertical-align: middle;
+  cursor: pointer;
+  background-color: #f5f5f5;
+  *background-color: #e6e6e6;
+  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
+  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
+  background-repeat: repeat-x;
+  border: 1px solid #cccccc;
+  *border: 0;
+  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  border-bottom-color: #b3b3b3;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  *zoom: 1;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.btn:active,
+.btn.active {
+  background-color: #cccccc \9;
+}
+.btn:first-child {
+  *margin-left: 0;
+}
+.btn:hover,
+.btn:focus {
+  color: #333333;
+  text-decoration: none;
+  background-position: 0 -15px;
+  -webkit-transition: background-position 0.1s linear;
+  -moz-transition: background-position 0.1s linear;
+  -o-transition: background-position 0.1s linear;
+  transition: background-position 0.1s linear;
+}
+.btn:focus {
+  outline: thin dotted #333;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+.btn.active,
+.btn:active {
+  background-image: none;
+  outline: 0;
+  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.btn-large {
+  padding: 11px 19px;
+  font-size: 17.5px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  padding: 9px 13px 6px 13px !important;
+  font-size: 14px;
+  font-family: 'trajan_pro';
+}
+.btn-success {
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #5bb75b;
+  *background-color: #51a351;
+  background-image: -moz-linear-gradient(top, #62c462, #51a351);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
+  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
+  background-image: -o-linear-gradient(top, #62c462, #51a351);
+  background-image: linear-gradient(to bottom, #62c462, #51a351);
+  background-repeat: repeat-x;
+  border-color: #51a351 #51a351 #387038;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+.btn-success:hover,
+.btn-success:focus,
+.btn-success:active,
+.btn-success.active,
+.btn-success.disabled,
+.btn-success[disabled] {
+  color: #ffffff;
+  background-color: #51a351;
+  *background-color: #499249;
+}
+.btn-success:active,
+.btn-success.active {
+  background-color: #408140 \9;
+}
+.btn-sample {
+  color: #545454;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #A1A1A1;
+  *background-color: #A1A1A1;
+  background-image: -moz-linear-gradient(top, #d9d9d9, #a1a1a1);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d9d9d9), to(#a1a1a1));
+  background-image: -webkit-linear-gradient(top, #d9d9d9, #a1a1a1);
+  background-image: -o-linear-gradient(top, #d9d9d9, #a1a1a1);
+  background-image: linear-gradient(to bottom, #d9d9d9, #a1a1a1);
+  background-repeat: repeat-x;
+  border-color: #aeaeae;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9D9D9', endColorstr='#A1A1A1', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  font-family: 'trajan_pro';
+}
+.btn-sample:hover,
+.btn-sample:focus,
+.btn-sample:active,
+.btn-sample.active {
+  color: #545454;
+  background-color: #A1A1A1;
+  *background-color: #003bb3;
+}
+#registerContainer {
+  font-family: 'trajan_pro';
+  width: 940px;
+  height: 550px;
+  background-color: #ebebeb;
+  border: 3px solid #cccccc;
+  margin: 0 auto;
+}
+#registerContainer #title {
+  width: 100%;
+  height: 50px;
+}
+#registerContainer #title > div {
+  position: relative;
+  height: 50px;
+  border-bottom: 3px solid #cccccc;
+}
+#registerContainer #title > div > p {
+  margin: 0;
+  font-size: 28px;
+  margin-top: 10px;
+}
+#registerContainer #title .registroTitle {
+  width: 607px;
+  float: left;
+}
+#registerContainer #title .registroTitle > p {
+  margin-left: 164px;
+}
+#registerContainer #title .demoTitle {
+  width: 330px;
+  float: right;
+  border-left: 3px solid #cccccc;
+}
+#registerContainer #title .demoTitle > p {
+  margin-left: 123px;
+}
+#registerContainer #content > div {
+  position: relative;
+  height: 500px;
+}
+#registerContainer #content .registroContent {
+  width: 607px;
+  float: left;
+}
+#registerContainer #content .registroContent > div {
+  width: 325px;
+  margin: 0 auto;
+  border: 1px solid gray;
+  position: relative;
+}
+#registerContainer #content .registroContent > div > span {
+  background-color: #ebebeb;
+  position: relative;
+  font-size: 14px;
+  top: -9px;
+  left: 4px;
+  padding: 2px;
+  color: #C93030;
+}
+#registerContainer #content .registroContent > div > button {
+  display: block;
+  position: relative;
+  float: left;
+  color: #4a4a4a;
+}
+#registerContainer #content .registroContent > div .disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+#registerContainer #content .registroContent .nomeDoSinal {
+  height: 60px;
+  top: 20px;
+}
+#registerContainer #content .registroContent .nomeDoSinal > input {
+  font-size: 20px;
+  padding-top: 5px;
+  font-family: 'trajan_pro';
+  width: 305px;
+  height: 25px;
+  position: relative;
+  left: 7px;
+  bottom: 1px;
+}
+#registerContainer #content .registroContent .quantMaos {
+  height: 60px;
+  top: 40px;
+}
+#registerContainer #content .registroContent .quantMaos > button {
+  margin-left: 36px;
+  top: -5px;
+}
+#registerContainer #content .registroContent .tipoMov {
+  height: 120px;
+  top: 60px;
+}
+#registerContainer #content .registroContent .tipoMov > button {
+  margin-left: 28px;
+  margin-top: 15px;
+  top: -14px;
+}
+#registerContainer #content .registroContent .tipoMov > button:nth-of-type(1) {
+  left: 8px;
+}
+#registerContainer #content .registroContent .tipoMov > button:nth-of-type(2) {
+  left: 20px;
+}
+#registerContainer #content .registroContent .tipoMov > button:nth-of-type(n+3) {
+  left: 10px;
+}
+#registerContainer #content .registroContent .repeticao {
+  height: 65px;
+  top: 80px;
+}
+#registerContainer #content .registroContent .repeticao > button {
+  margin-left: 11px;
+  top: -3px;
+}
+#registerContainer #content .registroContent .configurarSinal {
+  height: 75px;
+  top: 94px;
+  border: 0;
+}
+#registerContainer #content .registroContent .configurarSinal > button {
+  top: 8px;
+  left: 39px;
+  color: white;
+}
+#registerContainer #content .registroContent .configurarSinal > .btn-large {
+  padding: 18px 26px 15px 22px !important;
+  font-size: 19px;
+}
+#registerContainer #content .demoContent {
+  width: 330px;
+  float: right;
+  border-left: 3px solid #cccccc;
+}
+#registerContainer #content .demoContent .demoField {
+  width: 290px;
+  height: 40px;
+  position: relative;
+  left: 40px;
+  background: url('/system/wikilibras/images/demo_bg.png') no-repeat;
+  background-size: 250px 40px;
+}
+#registerContainer #content .demoContent .demoField:nth-of-type(1) {
+  top: 20px;
+}
+#registerContainer #content .demoContent .demoField:nth-of-type(2) {
+  top: 40px;
+}
+#registerContainer #content .demoContent .demoField:nth-of-type(3) {
+  top: 60px;
+}
+#registerContainer #content .demoContent .demoField > div {
+  width: 86%;
+  height: 100%;
+  font-size: 25px;
+  text-align: center;
+  position: relative;
+  top: 9px;
+}
+#registerContainer #content .demoContent .unity {
+  border: 1px solid black;
+  width: 250px;
+  height: 280px;
+  position: relative;
+  left: 40px;
+  top: 80px;
+}
+#choiceContainer {
+  width: 940px;
+  height: 550px;
+  background-color: #ebebeb;
+  border: 3px solid #cccccc;
+  margin: 0 auto;
+}
+#choiceContainer .wrapper {
+  width: 750px;
+  height: 350px;
+  margin: 0 auto;
+  margin-top: 100px;
+}
+#choiceContainer .wrapper div {
+  position: relative;
+}
+#choiceContainer .wrapper .texts {
+  float: left;
+  width: 450px;
+  height: 350px;
+}
+#choiceContainer .wrapper .texts > div {
+  margin: 0 auto;
+}
+#choiceContainer .wrapper .texts > div > p {
+  font-family: 'trajan_pro';
+  position: relative;
+  margin: 0;
+  color: #798088;
+}
+#choiceContainer .wrapper .texts .description {
+  background: url('/system/wikilibras/images/choice/big_desc.png') no-repeat;
+  background-size: 350px 170px;
+  width: 350px;
+  height: 170px;
+  top: 40px;
+}
+#choiceContainer .wrapper .texts .description p {
+  width: 330px;
+  font-size: 19px;
+  top: 65px;
+  left: 23px;
+}
+#choiceContainer .wrapper .texts .preview {
+  background: url('/system/wikilibras/images/choice/small_desc.png') no-repeat;
+  background-size: 340px 80px;
+  width: 350px;
+  height: 80px;
+  top: 60px;
+}
+#choiceContainer .wrapper .texts .preview p {
+  width: 320px;
+  font-size: 25px;
+  text-align: center;
+  top: 27px;
+}
+#choiceContainer .wrapper .choices {
+  float: right;
+  width: 300px;
+  height: 100%;
+}
+#choiceContainer .wrapper .choices > div {
+  background: url('/system/wikilibras/images/choice/avatar.png') no-repeat;
+  border: 2px solid black;
+  width: 230px;
+  height: 310px;
+  top: 20px;
+  left: 10px;
+}
+#choiceContainer .wrapper .choices > div svg .active {
+  stroke: red;
+  stroke-width: 3;
+  fill-opacity: 0;
+}
+#choiceContainer .wrapper .choices > div svg .active:hover {
+  fill: red;
+  fill-opacity: .2;
+  cursor: pointer;
+}
+#choiceContainer .wrapper .choices > div svg .done {
+  stroke: #07FF00;
+  stroke-width: 3;
+  fill: #07FF00;
+  fill-opacity: 0.5;
+}
+#choiceContainer .wrapper .choices > div svg .disabled {
+  stroke-opacity: 0;
+  fill-opacity: 0;
+}
+#mainContainer {
+  width: 940px;
+  height: 550px;
+  background-color: #ebebeb;
+  border: 3px solid #cccccc;
+  margin: 0 auto;
+}
+#mainContainer .checkpoint {
+  width: 940px;
+  height: 550px;
+  position: absolute;
+  background-color: black;
+  z-index: 10;
+  opacity: 0.9;
+}
+#mainContainer .checkpoint.desactive {
+  display: none;
+}
+#mainContainer .checkpoint .voltar {
+  width: 200px;
+  height: 150px;
+  position: relative;
+  background: url('/system/wikilibras/images/voltar.png') no-repeat;
+  background-position: center top;
+  top: 180px;
+  margin-left: 190px;
+  float: left;
+  cursor: pointer;
+}
+#mainContainer .checkpoint .voltar > p {
+  font-family: 'trajan_pro';
+  color: white;
+  margin: 0;
+  position: relative;
+  font-size: 34px;
+  top: 110px;
+  left: 35px;
+}
+#mainContainer .checkpoint .voltar:hover > p {
+  color: #fe4b4b;
+}
+#mainContainer .checkpoint .continuar {
+  width: 220px;
+  height: 180px;
+  position: relative;
+  background: url('/system/wikilibras/images/continuar.png') no-repeat;
+  background-size: 100px;
+  background-position: 71px 2px;
+  top: 172px;
+  left: 120px;
+  float: left;
+  cursor: pointer;
+}
+#mainContainer .checkpoint .continuar > p {
+  font-family: 'trajan_pro';
+  color: white;
+  margin: 0;
+  position: relative;
+  font-size: 34px;
+  top: 120px;
+}
+#mainContainer .checkpoint .continuar:hover > p {
+  color: #2ee7f0;
+}
+#mainContainer .checkpoint .continuar.desactive {
+  display: none;
+}
+#mainContainer .checkpoint .gerar {
+  width: 230px;
+  height: 153px;
+  position: relative;
+  background: url('/system/wikilibras/images/gerar.png') no-repeat;
+  background-position: 60px top;
+  top: 170px;
+  left: 120px;
+  float: left;
+  cursor: pointer;
+}
+#mainContainer .checkpoint .gerar > p {
+  font-family: 'trajan_pro';
+  color: white;
+  margin: 0;
+  position: relative;
+  font-size: 34px;
+  top: 120px;
+}
+#mainContainer .checkpoint .gerar:hover > p {
+  color: #80ff70;
+}
+#mainContainer .checkpoint .gerar.desactive {
+  display: none;
+}
+#mainContainer #textsContainer {
+  position: relative;
+  width: 920px;
+  height: 50px;
+  top: 10px;
+  left: 10px;
+  font-family: 'trajan_pro';
+}
+#mainContainer #textsContainer .panelLabel {
+  width: 300px;
+  height: 100%;
+  position: relative;
+  float: left;
+}
+#mainContainer #textsContainer .panelLabel .pLWrapper {
+  font-size: 1em;
+  position: relative;
+  top: 18px;
+}
+#mainContainer #textsContainer .signalName {
+  width: 350px;
+  height: 100%;
+  position: relative;
+  float: right;
+  right: 140px;
+}
+#mainContainer #textsContainer .signalName .sNWrapper {
+  font-size: 1em;
+  position: relative;
+  top: 18px;
+  float: right;
+}
+#mainContainer #tabsContainer {
+  position: relative;
+  width: 160px;
+  top: 20px;
+  left: 10px;
+  float: left;
+  font-family: 'trajan_pro';
+}
+#mainContainer #tabsContainer a {
+  text-decoration: none;
+}
+#mainContainer #tabsContainer .tabs {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+#mainContainer #tabsContainer .tabs li {
+  width: 100%;
+  height: 55px;
+  margin-bottom: 5px;
+  color: white;
+  background: linear-gradient(to bottom, #5c79bf, #3c5898);
+}
+#mainContainer #tabsContainer .tabs li p {
+  position: relative;
+  top: 20px;
+  left: 10px;
+  margin: 0;
+}
+#mainContainer #tabsContainer .tabs li:nth-of-type(1) .arrow {
+  top: 0;
+}
+#mainContainer #tabsContainer .tabs li:nth-of-type(2) .arrow {
+  top: 60px;
+}
+#mainContainer #tabsContainer .tabs li:nth-of-type(3) .arrow {
+  top: 120px;
+}
+#mainContainer #tabsContainer .tabs li:nth-of-type(4) .arrow {
+  top: 180px;
+}
+#mainContainer #tabsContainer .tabs li:hover {
+  cursor: pointer;
+  border-left: 2px solid #0a0b6e;
+}
+#mainContainer #tabsContainer .tabs li:hover p {
+  left: 8px;
+}
+#mainContainer #tabsContainer .tabs li .arrow {
+  position: absolute;
+  float: left;
+  left: 160px;
+  width: 0;
+  height: 0;
+  border-top: 27.5px solid transparent;
+  border-bottom: 27.5px solid transparent;
+  border-left: 12px solid #4d69ac;
+}
+#mainContainer #tabsContainer .tabs li .arrow.active {
+  z-index: 3;
+}
+#mainContainer #panelsContainer {
+  position: relative;
+  width: 620px;
+  height: 350px;
+  top: 20px;
+  left: 10px;
+  float: left;
+  /*
+	* BEGIN - Panels Principais
+	*/
+
+  /*
+	* END - Panels Principais
+	*/
+
+}
+#mainContainer #panelsContainer > div {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  background-color: #cccccc;
+}
+#mainContainer #panelsContainer > .active {
+  z-index: 2;
+}
+#mainContainer #panelsContainer .scrollUp {
+  width: 590px;
+  height: 30px;
+  background-color: white;
+  position: relative;
+  top: 10px;
+  left: 15px;
+  background: #808080 url('/system/wikilibras/images/up.png') no-repeat center;
+  background-size: 30px 30px;
+  opacity: 0.5;
+  -webkit-transition: all 0.5s ease;
+  transition: all 0.5s ease;
+}
+#mainContainer #panelsContainer .scrollUp:hover {
+  opacity: 1;
+}
+#mainContainer #panelsContainer .scrollDown {
+  width: 590px;
+  height: 30px;
+  background-color: white;
+  position: relative;
+  top: 20px;
+  left: 15px;
+  background: #808080 url('/system/wikilibras/images/down.png') no-repeat center;
+  background-size: 30px 30px;
+  opacity: 0.5;
+  -webkit-transition: all 0.5s ease;
+  transition: all 0.5s ease;
+}
+#mainContainer #panelsContainer .scrollDown:hover {
+  opacity: 1;
+}
+#mainContainer #panelsContainer .mainContent {
+  width: 590px;
+  height: 260px;
+  position: relative;
+  top: 15px;
+  left: 15px;
+  overflow: hidden;
+}
+#mainContainer #panelsContainer .mainContent .wrapper {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+}
+#mainContainer #panelsContainer .mainContent ::-webkit-scrollbar {
+  display: none;
+}
+#mainContainer #panelsContainer > div.expression .mainContent .wrapper > span {
+  width: 110px;
+  height: 110px;
+  background-color: black;
+  position: relative;
+  margin-right: 10px;
+  margin-bottom: 10px;
+  float: left;
+  /*
+					* Hack para reencaixar os span's dentro do .wrapper no Firefox (-5px)
+					*/
+
+  cursor: pointer;
+}
+@-moz-document url-prefix() {
+  #panelsContainer > div.expression .mainContent .wrapper > span {
+    margin-right: 5px !important;
+  }
+}
+#mainContainer #panelsContainer > div.expression .mainContent .wrapper > span:nth-of-type(-n+5) {
+  margin-top: 4px;
+}
+#mainContainer #panelsContainer > div.expression .mainContent .wrapper > span:nth-of-type(5n+5) {
+  margin-right: 0;
+}
+#mainContainer #panelsContainer > div.initial .mainContent .wrapper {
+  /*
+				* Hack para reencaixar os span's dentro do .wrapper no Firefox (-11px)
+				*/
+
+}
+#mainContainer #panelsContainer > div.initial .mainContent .wrapper > div {
+  position: relative;
+  float: left;
+  border: 1px solid black;
+  margin-bottom: 20px;
+  width: 224px;
+  height: 198px;
+}
+#mainContainer #panelsContainer > div.initial .mainContent .wrapper > div > span {
+  width: 100px;
+  height: 150px;
+  margin-top: 10px;
+  position: relative;
+  float: left;
+  cursor: pointer;
+}
+#mainContainer #panelsContainer > div.initial .mainContent .wrapper > div > span:nth-of-type(1) {
+  margin-left: 7px;
+}
+#mainContainer #panelsContainer > div.initial .mainContent .wrapper > div > span:nth-of-type(3) {
+  margin-left: 7px;
+}
+#mainContainer #panelsContainer > div.initial .mainContent .wrapper > div > span:nth-of-type(2) {
+  margin-left: 10px;
+}
+#mainContainer #panelsContainer > div.initial .mainContent .wrapper > div > span:nth-of-type(4) {
+  margin-left: 10px;
+}
+#mainContainer #panelsContainer > div.initial .mainContent .wrapper > div .label {
+  font-family: 'trajan_pro';
+  font-size: 12px;
+  text-align: center;
+  padding-top: 6px;
+  position: relative;
+  float: left;
+  width: 100px;
+  height: 19px;
+  margin-top: 7px;
+  margin-left: 7px;
+}
+#mainContainer #panelsContainer > div.initial .mainContent .wrapper > div .label:nth-of-type(2) {
+  margin-left: 10px;
+}
+#mainContainer #panelsContainer > div.initial .mainContent .wrapper > div:not( :nth-of-type(2)) .label:last-of-type {
+  margin-left: 10px;
+}
+#mainContainer #panelsContainer > div.initial .mainContent .wrapper > div:nth-of-type(3) {
+  margin-left: 59px;
+}
+#mainContainer #panelsContainer > div.initial .mainContent .wrapper > div:nth-of-type(4) {
+  margin-left: 20px;
+}
+#mainContainer #panelsContainer > div.initial .mainContent .wrapper > div:nth-of-type(4) > span:nth-of-type(-n+4) {
+  display: none;
+}
+#mainContainer #panelsContainer > div.initial .mainContent .wrapper > div:nth-of-type(4) .label:nth-of-type(-n+4) {
+  display: none;
+}
+@-moz-document url-prefix() {
+  #panelsContainer > div.initial .mainContent .wrapper > div:nth-of-type(2) {
+    margin-left: 5px !important;
+  }
+}
+#mainContainer #panelsContainer > div.initial .mainContent .wrapper > div:nth-of-type(2) {
+  width: 342px;
+  height: 198px;
+  margin-left: 20px;
+}
+#mainContainer #panelsContainer > div.initial .mainContent .wrapper > div:nth-of-type(2) > span:nth-of-type(n+2) {
+  margin-left: 14px;
+}
+#mainContainer #panelsContainer > div.initial .mainContent .wrapper > div:nth-of-type(2) .label:nth-of-type(n+2) {
+  margin-left: 14px;
+}
+#mainContainer #panelsContainer > div.dedos .mainContent .wrapper > span {
+  width: 87px;
+  height: 110px;
+  background-color: black;
+  position: relative;
+  margin-right: 13.6px;
+  margin-bottom: 13.6px;
+  float: left;
+  /*
+					* Hack para reencaixar os span's dentro do .wrapper no Firefox (-5px)
+					*/
+
+  cursor: pointer;
+}
+@-moz-document url-prefix() {
+  #panelsContainer > div.dedos .mainContent .wrapper > span {
+    margin-right: 8.6px !important;
+  }
+}
+#mainContainer #panelsContainer > div.dedos .mainContent .wrapper > span:nth-of-type(-n+6) {
+  margin-top: 8.6px;
+}
+#mainContainer #panelsContainer > div.dedos .mainContent .wrapper > span:nth-of-type(6n+6) {
+  margin-right: 0;
+}
+#mainContainer #panelsContainer > div.orientation .mainContent .wrapper > span {
+  width: 125px;
+  height: 175px;
+  background-color: black;
+  position: relative;
+  margin-right: 30px;
+  margin-bottom: 30px;
+  float: left;
+  /*
+					* Hack para reencaixar os span's dentro do .wrapper no Firefox (-11px)
+					*/
+
+  cursor: pointer;
+}
+@-moz-document url-prefix() {
+  #panelsContainer > div.orientation .mainContent .wrapper > span {
+    margin-right: 18px !important;
+  }
+}
+#mainContainer #panelsContainer > div.orientation .mainContent .wrapper > span:nth-of-type(-n+4) {
+  margin-top: 10px;
+}
+#mainContainer #panelsContainer > div.orientation .mainContent .wrapper > span:nth-of-type(4n+4) {
+  margin-right: 0px;
+}
+#mainContainer #panelsContainer > div.localizations .mainContent {
+  height: 320px;
+}
+#mainContainer #panelsContainer > div.localizations .mainContent .wrapper > span {
+  width: 134px;
+  height: 185px;
+  background-color: black;
+  position: relative;
+  margin-right: 18px;
+  margin-top: 67.5px;
+  float: left;
+  cursor: pointer;
+}
+#mainContainer #panelsContainer > div.localizations .mainContent .wrapper > span:nth-of-type(4) {
+  margin-right: 0;
+}
+#mainContainer #panelsContainer > div.localizations .mainContent .floatWrapper {
+  width: 100%;
+  height: 320px;
+  top: -320px;
+  position: absolute;
+  -webkit-transition: all 0.3s linear;
+  transition: all 0.3s linear;
+  overflow: hidden;
+}
+#mainContainer #panelsContainer > div.localizations .mainContent .floatWrapper > div {
+  position: absolute;
+  width: 100%;
+  height: 320px;
+  z-index: 1;
+  background-color: #cccccc;
+}
+#mainContainer #panelsContainer > div.localizations .mainContent .floatWrapper > div .scrollUp {
+  top: 0;
+  left: 0;
+  width: 550px;
+}
+#mainContainer #panelsContainer > div.localizations .mainContent .floatWrapper > div .scrollDown {
+  top: -23px;
+  left: 0;
+}
+#mainContainer #panelsContainer > div.localizations .mainContent .floatWrapper > div .innerWrapper {
+  width: 590px;
+  height: 255px;
+  position: relative;
+  overflow: auto;
+  top: -28px;
+}
+#mainContainer #panelsContainer > div.localizations .mainContent .floatWrapper > div .innerWrapper > span {
+  width: 134px;
+  height: 185px;
+  background-color: black;
+  position: relative;
+  margin-right: 18px;
+  margin-bottom: 20px;
+  float: left;
+  /*
+							* Hack para reencaixar os span's dentro do .wrapper no Firefox (-11px)
+							*/
+
+  cursor: pointer;
+}
+@-moz-document url-prefix() {
+  #panelsContainer > div.localizations .mainContent .floatWrapper .innerWrapper > span {
+    margin-right: 9px !important;
+  }
+}
+#mainContainer #panelsContainer > div.localizations .mainContent .floatWrapper > div .innerWrapper > span:nth-of-type(-n+4) {
+  margin-top: 10px;
+}
+#mainContainer #panelsContainer > div.localizations .mainContent .floatWrapper > div .innerWrapper > span:nth-of-type(4n+4) {
+  margin-right: 0px;
+}
+#mainContainer #panelsContainer > div.localizations .mainContent .floatWrapper > div .close {
+  width: 28px;
+  height: 28px;
+  position: relative;
+  float: right;
+  cursor: pointer;
+  top: -30px;
+}
+#mainContainer #panelsContainer > div.localizations .mainContent .floatWrapper .active {
+  z-index: 2 !important;
+}
+#mainContainer #avatarContainer {
+  position: relative;
+  width: 130px;
+  height: 177px;
+  top: 100px;
+  left: 19px;
+  float: left;
+  border: 2px solid gray;
+}
+#mainContainer #avatarContainer > .wrapper {
+  width: 120px;
+  height: 167px;
+  position: absolute;
+  left: 5px;
+  top: 5px;
+}
+#mainContainer #timelineContainer {
+  position: relative;
+  width: 940px;
+  height: 110px;
+  top: 30px;
+}
+#mainContainer #timelineContainer .wrapper {
+  position: relative;
+  width: 940px;
+  height: 110px;
+  text-align: center;
+}
+#mainContainer #timelineContainer .wrapper > span {
+  position: relative;
+  display: inline-block;
+  width: 90px;
+  height: 90px;
+  top: 10px;
+  margin-left: 21px;
+  background-color: gray;
+  z-index: 1;
+}
+#mainContainer #timelineContainer .wrapper > span:first-of-type {
+  margin-left: 0px;
+}
+#mainContainer #timelineContainer .wrapper > span.active {
+  outline: 5px solid #324787;
+}
+#mainContainer .clearfix {
+  clear: both;
+}
--
libgit2 0.21.2