Removes document bind events between modules.

index.html

     <script src="service/UI/UIEvents.js?v=1"></script>
     <script src="service/desktopsharing/DesktopSharingEventTypes.js?v=1"></script>
     <script src="libs/modules/connectionquality.bundle.js?v=3"></script>
-    <script src="libs/modules/UI.bundle.js?v=13"></script>
+    <script src="libs/modules/UI.bundle.js?v=14"></script>
     <script src="libs/modules/statistics.bundle.js?v=5"></script>
-    <script src="libs/modules/RTC.bundle.js?v=8"></script>
+    <script src="libs/modules/RTC.bundle.js?v=9"></script>
     <script src="libs/modules/simulcast.bundle.js?v=6"></script>
     <script src="libs/modules/desktopsharing.bundle.js?v=3"></script><!-- desktop sharing -->
     <script src="libs/modules/xmpp.bundle.js?v=8"></script>

libs/modules/RTC.bundle.js

          var msgData = event.data;
          console.info("Got My Data Channel Message:", msgData, dataChannel);
          };*/
-    }
+    },
+    handleSelectedEndpointEvent: onSelectedEndpointChanged,
+    handlePinnedEndpointEvent: onPinnedEndpointChanged
 
-}
+};
 
 function onSelectedEndpointChanged(userResource)
 {
     }
 }
 
-$(document).bind("selectedendpointchanged", function(event, userResource) {
-    onSelectedEndpointChanged(userResource);
-});
-
 function onPinnedEndpointChanged(userResource)
 {
     console.log('pinned endpoint changed: ', userResource);
     }
 }
 
-$(document).bind("pinnedendpointchanged", function(event, userResource) {
-    onPinnedEndpointChanged(userResource);
-});
-
 module.exports = DataChannels;
 
 
         xmpp.addListener(XMPPEvents.CALL_INCOMING, function(event) {
             DataChannels.init(event.peerconnection, eventEmitter);
         });
+        UI.addListener(UIEvents.SELECTED_ENDPOINT,
+            DataChannels.handleSelectedEndpointEvent);
+        UI.addListener(UIEvents.PINNED_ENDPOINT,
+            DataChannels.handlePinnedEndpointEvent);
         this.rtcUtils = new RTCUtils(this);
         this.rtcUtils.obtainAudioAndVideoPermissions();
     },

libs/modules/UI.bundle.js

         function (endpointSimulcastLayers) {
             VideoLayout.onSimulcastLayersChanging(endpointSimulcastLayers);
         });
-    VideoLayout.init();
+    VideoLayout.init(eventEmitter);
 
     statistics.addAudioLevelListener(function(jid, audioLevel)
     {
     updateInProgress: false,
     newSrc: ''
 };
+
+var eventEmitter = null;
+
 /**
  * Currently focused video "src"(displayed in large video).
  * @type {String}
     my.getVideoSize = getCameraVideoSize;
     my.getVideoPosition = getCameraVideoPosition;
 
-    my.init = function () {
+    my.init = function (emitter) {
         // Listen for large video size updates
         document.getElementById('largeVideo')
             .addEventListener('loadedmetadata', function (e) {
                 currentVideoHeight = this.videoHeight;
                 VideoLayout.positionLarge(currentVideoWidth, currentVideoHeight);
             });
+        eventEmitter = emitter;
     };
 
     my.isInLastN = function(resource) {
                 userChanged = true;
                 // we want the notification to trigger even if userJid is undefined,
                 // or null.
-                $(document).trigger("selectedendpointchanged", [largeVideoState.userResourceJid]);
+                eventEmitter.emit(UIEvents.SELECTED_ENDPOINT,
+                    largeVideoState.userResourceJid);
             }
 
             if (!largeVideoState.updateInProgress) {
             }
 
             if (!noPinnedEndpointChangedEvent) {
-                $(document).trigger("pinnedendpointchanged");
+                eventEmitter.emit(UIEvents.PINNED_ENDPOINT);
             }
             return;
         }
             container.addClass("videoContainerFocused");
 
             if (!noPinnedEndpointChangedEvent) {
-                $(document).trigger("pinnedendpointchanged", [resourceJid]);
+                eventEmitter.emit(UIEvents.PINNED_ENDPOINT, resourceJid);
             }
         }
 
                     // picked up later by the lastN changed event handler.
 
                     lastNPickupJid = jid;
-                    $(document).trigger("pinnedendpointchanged", [Strophe.getResourceFromJid(jid)]);
+                    eventEmitter.emit(UIEvents.PINNED_ENDPOINT,
+                        Strophe.getResourceFromJid(jid));
                 }
             } else if (jid == xmpp.myJid()) {
                 $("#localVideoContainer").click();
 
                 console.info([esl, primarySSRC, msid, sid, electedStream]);
 
-                var msidParts = msid.split(' ');
-
                 var preload = (Strophe.getResourceFromJid(xmpp.getJidFromSSRC(primarySSRC)) == largeVideoState.userResourceJid);
 
                 if (preload) {

modules/RTC/DataChannels.js

          var msgData = event.data;
          console.info("Got My Data Channel Message:", msgData, dataChannel);
          };*/
-    }
+    },
+    handleSelectedEndpointEvent: onSelectedEndpointChanged,
+    handlePinnedEndpointEvent: onPinnedEndpointChanged
 
-}
+};
 
 function onSelectedEndpointChanged(userResource)
 {
     }
 }
 
-$(document).bind("selectedendpointchanged", function(event, userResource) {
-    onSelectedEndpointChanged(userResource);
-});
-
 function onPinnedEndpointChanged(userResource)
 {
     console.log('pinned endpoint changed: ', userResource);
     }
 }
 
-$(document).bind("pinnedendpointchanged", function(event, userResource) {
-    onPinnedEndpointChanged(userResource);
-});
-
 module.exports = DataChannels;
 

modules/RTC/RTC.js

         xmpp.addListener(XMPPEvents.CALL_INCOMING, function(event) {
             DataChannels.init(event.peerconnection, eventEmitter);
         });
+        UI.addListener(UIEvents.SELECTED_ENDPOINT,
+            DataChannels.handleSelectedEndpointEvent);
+        UI.addListener(UIEvents.PINNED_ENDPOINT,
+            DataChannels.handlePinnedEndpointEvent);
         this.rtcUtils = new RTCUtils(this);
         this.rtcUtils.obtainAudioAndVideoPermissions();
     },

modules/UI/UI.js

         function (endpointSimulcastLayers) {
             VideoLayout.onSimulcastLayersChanging(endpointSimulcastLayers);
         });
-    VideoLayout.init();
+    VideoLayout.init(eventEmitter);
 
     statistics.addAudioLevelListener(function(jid, audioLevel)
     {

modules/UI/videolayout/VideoLayout.js

     updateInProgress: false,
     newSrc: ''
 };
+
+var eventEmitter = null;
+
 /**
  * Currently focused video "src"(displayed in large video).
  * @type {String}
     my.getVideoSize = getCameraVideoSize;
     my.getVideoPosition = getCameraVideoPosition;
 
-    my.init = function () {
+    my.init = function (emitter) {
         // Listen for large video size updates
         document.getElementById('largeVideo')
             .addEventListener('loadedmetadata', function (e) {
                 currentVideoHeight = this.videoHeight;
                 VideoLayout.positionLarge(currentVideoWidth, currentVideoHeight);
             });
+        eventEmitter = emitter;
     };
 
     my.isInLastN = function(resource) {
                 userChanged = true;
                 // we want the notification to trigger even if userJid is undefined,
                 // or null.
-                $(document).trigger("selectedendpointchanged", [largeVideoState.userResourceJid]);
+                eventEmitter.emit(UIEvents.SELECTED_ENDPOINT,
+                    largeVideoState.userResourceJid);
             }
 
             if (!largeVideoState.updateInProgress) {
             }
 
             if (!noPinnedEndpointChangedEvent) {
-                $(document).trigger("pinnedendpointchanged");
+                eventEmitter.emit(UIEvents.PINNED_ENDPOINT);
             }
             return;
         }
             container.addClass("videoContainerFocused");
 
             if (!noPinnedEndpointChangedEvent) {
-                $(document).trigger("pinnedendpointchanged", [resourceJid]);
+                eventEmitter.emit(UIEvents.PINNED_ENDPOINT, resourceJid);
             }
         }
 
 
         $('.userAvatar').css('left', (width - height) / 2);
 
+
+
         $(document).trigger("remotevideo.resized", [width, height]);
     };
 
                     // picked up later by the lastN changed event handler.
 
                     lastNPickupJid = jid;
-                    $(document).trigger("pinnedendpointchanged", [Strophe.getResourceFromJid(jid)]);
+                    eventEmitter.emit(UIEvents.PINNED_ENDPOINT,
+                        Strophe.getResourceFromJid(jid));
                 }
             } else if (jid == xmpp.myJid()) {
                 $("#localVideoContainer").click();

service/UI/UIEvents.js

 var UIEvents = {
-    NICKNAME_CHANGED: "UI.nickname_changed"
+    NICKNAME_CHANGED: "UI.nickname_changed",
+    SELECTED_ENDPOINT: "UI.selected_endpoint",
+    PINNED_ENDPOINT: "UI.pinned_endpoint"
 };
 //module.exports = UIEvents;