social_stream-presence 0.8.4 → 0.8.6

data/app/assets/javascripts/jquery.ui.chatbox.sstreampresence.js

@@ -23,6 +23,7 @@
 	    offset: 0, // relative to right edge of the browser window
 	    width: 230, // width of the chatbox
 	    height: 400, // height of the chatbox
+	    groupBox: false, //if a group Chatbox?
 	    video: 0, // height of the videoBox
 	    messageSent: function(id, user, msg){
 		// override this
@@ -222,8 +223,7 @@
        'ui-chatbox-notify'
        )
     .click(function(event) {
-        // anything?
-        self.uiChatboxNotify.fadeOut();
+				onClickChatNotification(self.uiChatboxNotify)
     })
     .appendTo(uiChatboxContent),
 		
@@ -328,6 +328,9 @@
             break;
 				case "video":
             this._setVideo(value);
+            break;
+			  case "groupBox":
+            this._setGroupBox(value);
             break;
 				}
 	    }
@@ -346,6 +349,10 @@
       this.uiChatboxLog.height(height + "px");
   },
 	
+	_setGroupBox: function(groupBox) {
+      this.uiChatboxLog.groupBox(groupBox);
+  },
+	
 	_setVideo: function(videoHeight) {
       this.uiVideobox.height(videoHeight + "px");
 			if (videoHeight==0){

data/app/assets/javascripts/notifications.js

@@ -0,0 +1,191 @@
+////////////////////
+//Chat Boxes Notifications
+////////////////////
+
+function fadeInChatNotification(notification){
+	if(notification!=null){
+		notification.css("display","block");
+    notification.css("visibility","visible");
+    notification.fadeIn();
+	}
+}
+
+function showChatNotification(notification,type,msg){
+  notification.html("<p notification_type=\"" + type + "\" class=\"ui-chatbox-notify-text\">" + msg + "</p>");
+  fadeInChatNotification(notification);
+}
+
+function showChatNotificationForSlug(slug,type,msg){
+  var notification = $("#" + slug).parent().find("div.ui-chatbox-notify");
+  if(notification.length==1){
+    showChatNotification(notification,type,msg);
+  }
+}
+
+function showOfflineChatNotificationForSlug(slug){
+    var msg = I18n.t("chat.notify.guestOffline", {name: getNameFromSlug(slug)});
+    showChatNotificationForSlug(slug,"guestOffline",msg);
+}
+
+function showVideoChatNotificationForSlug(slug,msg){
+  showChatNotificationForSlug(slug,"videochat",msg);
+}
+
+function showVideoChatNotificationForSlugClientIssue(slug){
+  var msg = I18n.t("chat.notify.videochat.clientIssue", {name: getNameFromSlug(slug)});
+  showVideoChatNotificationForSlug(slug,msg);
+}
+
+function showVideoChatNotificationForSlugClientOffline(slug){
+  var msg = I18n.t("chat.notify.videochat.offline", {name: getNameFromSlug(slug)});
+  showVideoChatNotificationForSlug(slug,msg);
+}
+
+function fadeOutChatNotification(notification){
+	if(notification!=null){
+		notification.fadeOut();
+    notification.css("display","none");
+    notification.css("visibility","hidden");
+	}
+}
+
+function hideChatNotificationForSlug(slug){
+  var notification = getChatNotificationForSlug(slug);
+  fadeOutChatNotification(notification);
+}
+
+function updateNotificationsAfterUserDisconnect(){
+  var notification = $("div.ui-chatbox-notify");
+  var msg = I18n.t('chat.notify.offline');
+  showChatNotification(notification,"userOffline",msg);
+}
+
+function hideAllNotifications(){
+  var notification = $("div.ui-chatbox-notify");
+  fadeOutChatNotification(notification);
+}
+
+function updateAllNotifications(){
+  hideAllNotifications();
+  if(disconnectionFlag){
+    updateNotificationsAfterUserDisconnect();
+  } else {
+    //Notification for offline contacts
+    $.each(getAllDisconnectedSlugsWithChatBoxes(), function(index, value) {
+      if(!isSlugGroup(value)){
+        showOfflineChatNotificationForSlug(value)
+      }
+    }); 
+  }
+}
+
+function getChatNotificationForSlug(slug){
+  var chatBox = getChatBoxForSlug(slug)
+  if(chatBox!=null){
+    var notification = chatBox.parent().find("div.ui-chatbox-notify");
+    if (notification.length == 1) {
+      return notification;
+    }
+  }
+  return null;
+}
+
+function getNotificationType(notification){
+  return $(notification).find("p").attr("notification_type");
+}
+
+function addTextToNotification(notification,txt,type,name){
+  var new_p = document.createElement('p')
+  $(new_p).attr("class","ui-chatbox-notify-text")
+  $(new_p).attr("notification_type",type)
+  $(new_p).html(txt)
+  if(name!=null){
+    $(new_p).attr("name",name)
+  }
+  $(notification).append(new_p)
+  fadeInChatNotification(notification)
+}
+
+function removeTextFromNotification(notification,name){
+  var p = $(notification).find("p.ui-chatbox-notify-text[name=" + name + "]")
+  if (p!=null){
+    p.remove()
+		var empty = ($(notification).find("p").length==0)
+		if (empty){
+			fadeOutChatNotification(notification)
+		}
+  }
+}
+
+function removeAllTextsFromNotification(notification){
+  var p = $(notification).find("p.ui-chatbox-notify-text")
+  if (p!=null){
+    p.remove()
+    var empty = ($(notification).find("p").length==0)
+    if (empty){
+      fadeOutChatNotification(notification)
+    }
+  }
+}
+
+function addTextToNotificationForSlug(slug,txt,type,name){
+  var notification = getChatNotificationForSlug(slug);
+  if(notification!=null){
+    addTextToNotification(notification,txt,type,name)
+  }
+}
+
+function removeTextFromNotificationForSlug(slug,name){
+  var notification = getChatNotificationForSlug(slug);
+  if(notification!=null){
+    removeTextFromNotification(notification,name)
+  }
+}
+
+function removeAllTextsFromNotificationForSlug(slug){
+  var notification = getChatNotificationForSlug(slug);
+  if(notification!=null){
+    removeAllTextsFromNotification(notification)
+  }
+}
+
+
+////////////////////////
+// Group notifications
+///////////////////////
+
+function addNickToNotificationInGroup(roomName,nick){
+  if(isSlugGroup(roomName)){
+    addTextToNotificationForSlug(roomName,nick,"roomNotification",nick)
+  }
+}
+
+function removeNickFromNotificationInGroup(roomName,nick){
+  if(isSlugGroup(roomName)){
+		removeTextFromNotificationForSlug(roomName,nick)
+  }
+}
+
+function initialNotificationInGroup(roomName,msg){
+	removeAllTextsFromNotificationForSlug(roomName);
+  addTextToNotificationForSlug(roomName,msg,"roomNotification","Initial_Notification")
+}
+
+function changeInitialNotificationInGroup(roomName,msg){
+	var notification = getChatNotificationForSlug(roomName);
+	if(notification!=null){
+		$(notification).find("p.ui-chatbox-notify-text[name=" + "Initial_Notification" + "]").html(msg)
+	}
+}
+
+
+////////////////////
+//Events
+////////////////////
+
+function onClickChatNotification(notification){
+	if (getNotificationType(notification)=="roomNotification"){
+		return;
+	}
+	fadeOutChatNotification(notification)
+}

data/app/assets/javascripts/social_stream-presence.js

@@ -1,5 +1,6 @@
 //= require jquery
 //= require strophe
+//= require strophe.muc
 //= require jquery.tools.tooltip
 //= require jquery.ui.chatbox.sstreampresence
 //= require jquery.flexselect.sstreampresence

data/app/assets/javascripts/videochat.js.erb

@@ -3,7 +3,6 @@
 ////////////////////
 var opentok_apiKey = '<%=SocialStream::Presence.opentok_api_key%>';
 
-
 //Correspondence between slugs and session ids
 var slugOfSession = new Array();
 //slugOfSession['session_id'] = "slug";
@@ -11,7 +10,6 @@ var slugOfSession = new Array();
 ////////////////////
 //Videochat button actions
 ////////////////////
-
 function clickVideoChatButton(slug){
 	var videoBoxVisibility = toggleVideoBoxForSlug(slug);
 
@@ -28,7 +26,6 @@ function closeVideoChatWindow(slug){
     return;
 }
 
-
 //Single variable for all slugs.
 var reconnectAttemptsVideo = 1;
 
@@ -87,7 +84,6 @@ function openVideoChatWindow(slug){
 }
 
 
-
 ////////////////////
 //Session establishment
 ////////////////////
@@ -134,7 +130,6 @@ function requestSessionIDAndTokenForVideoChat(slug){
   });
 }
 
-
 //VideoChat Session: Step 3
 function sendVideoChatRequestToUser(slug){
 	contactsInfo[slug].videoChatStatus="waiting";
@@ -202,7 +197,6 @@ function closeVideoSession(slug){
 /////////////
 // Videochat interface functions
 ////////////
-
 function clientInfoReceivedTrigger(slug){
   //Check for videochat request
   if ((slug in contactsInfo)&&(contactsInfo[slug].videoChatStatus="negotiating")){
@@ -214,7 +208,6 @@ function showNotificationOnVideoBox(slug,msg){
 	setVideoBoxContent(slug,"<p class=\"video-info\"> " + msg +" </p>");
 }
 
-
 function updateInterfaceAfterVideoRequestReceived(slug){
 	
 	if (contactsInfo[slug].videoChatStatus!="disconnected"){
@@ -224,13 +217,8 @@ function updateInterfaceAfterVideoRequestReceived(slug){
 		contactsInfo[slug].videoChatStatus="pending";
 	}
 	
-  var jid = slug+"@"+contactsInfo[slug].domain
-	
-	//Show chatbox
-	if (createChatBox(slug, getNameFromSlug(slug), jid, user_name, user_jid)) {
-  } else {
-     getChatBoxForSlug(slug).chatbox("option", "boxManager").toggleBox(true);
-  };
+	//Show or create chatbox
+	createBuddyChatBox(slug);
 	
 	var chatBox = getChatBoxForSlug(slug);
 	
@@ -241,7 +229,6 @@ function updateInterfaceAfterVideoRequestReceived(slug){
   toggleVideoBoxForSlug(slug,true);
 }
 
-
 function showInvitationInVideoBox(slug){
 	var title = "<p class=\"video-info\">" + I18n.t("chat.videochat.call", {name: getNameFromSlug(slug)}) + " </p>";
 	var msg = title + "<p class=\"video-request\"> <a class=\"videoChatButton\" slug=\""+slug+"\" value=\"yes\">" + I18n.t("chat.videochat.accept") + "</a> -" 
@@ -337,18 +324,17 @@ function clickVideoChangeChatButton(slug){
 	togglePublisherDivOnVideoChat(slug);
 }
 
+
+
 ////////////////
 /// Tokbox management
 ////////////////
-
 var OPENTOK_PUBLISHER_WIDTH = 235;
 var OPENTOK_PUBLISHER_HEIGHT = 145;
 
 var OPENTOK_SUBSCRIBER_WIDTH = 235;
 var OPENTOK_SUBSCRIBER_HEIGHT = 145;
 
-
-
 function initVideoCallWith(slug){
 	if (TB.checkSystemRequirements() != TB.HAS_REQUIREMENTS) {
 		showNotificationOnVideoBox(slug,I18n.t('chat.videochat.requirements'));
@@ -365,7 +351,6 @@ function initVideoCallWith(slug){
   }
 }
 
-
 function sessionConnectedHandler(event) {
 	if (event.target.sessionId in slugOfSession){
 	  var slug = slugOfSession[event.target.sessionId];
@@ -400,7 +385,6 @@ function sessionConnectedHandler(event) {
 	}
 }   
  
- 
 function sessionDisconnectedHandler(event) {
 	// This signals that the user was disconnected from the Session. Any subscribers and publishers
   // will automatically be removed. This default behaviour can be prevented using event.preventDefault()
@@ -410,7 +394,6 @@ function sessionDisconnectedHandler(event) {
 	contactsInfo[slug].videoChatStatus="disconnected";
 }
 
- 
 function streamCreatedHandler(event) {
 		var slug = slugOfSession[event.target.sessionId];
 		subscribeToStreams(event.streams,slug);
@@ -420,11 +403,9 @@ function streamDestroyedHandler(event) {
       // This signals that a stream was destroyed. Any Subscribers will automatically be removed.
       // This default behaviour can be prevented using event.preventDefault()
 			var slug = slugOfSession[event.target.sessionId];
-			log("streamDestroyedHandler: se destruyo el stream de " + slug)
 			closeVideoSession(slug);
 }
  
- 
 function subscribeToStreams(streams,slug) {
 	var session = contactsInfo[slug].session
 	
@@ -452,7 +433,6 @@ function subscribeToStreams(streams,slug) {
   }
 }
 
-
 function accessAllowed(event){
   var slug = event.target.replacedDivId.split("&")[1];
   togglePublisherDivOnVideoChat(slug);

data/app/assets/javascripts/xmpp_client_management.js.erb

@@ -33,7 +33,7 @@ statusIcons['away'] = "away";
 statusIcons['xa'] = "away";
 statusIcons['dnd'] = "dnd";
 
-//Contact information
+//Contacts information
 var contactsInfo = new Array();
 //contactsInfo['slug'] = "[Object chatContact]";
 
@@ -43,6 +43,8 @@ function chatContact(domain,resource,client,version) {
   this.resource=resource
   this.client=client;
 	this.version=version;
+	
+	//Videochat params
 	//Sender: disconnected, negotiating , connecting , waiting, establishing, connected
 	//Receiver: disconnected , pending , establishing, connected
 	this.videoChatStatus = "disconnected";
@@ -53,6 +55,18 @@ function chatContact(domain,resource,client,version) {
 	this.publisher=null;
 } 
 
+//Rooms information
+var roomsInfo = new Array();
+//roomsInfo['groupSlug'] = "[Object chatRoom]";
+
+//Manage room information
+function chatRoom() {
+  this.occupants=[];
+	this.joined = false;
+	this.affiliation = "none";
+	this.role = "none";
+} 
+
 
 //IQsIDs
 var iqStanzaID = new Array();
@@ -60,6 +74,8 @@ iqStanzaID['cinfo'] = "versionID";
 iqStanzaID['videochatRequest'] = "videochatRequestID";
 iqStanzaID['videochatRequestCancel'] = "videochatRequestCancelID";
 
+
+
 ////////////////////
 //Connect functions
 ////////////////////
@@ -67,7 +83,6 @@ iqStanzaID['videochatRequestCancel'] = "videochatRequestCancelID";
 function connectToChat(user_jid,cookie,password){
 	
 	if (isUserConnected()){
-		log("USer already connected")
     return true;
   } 
 		
@@ -82,7 +97,6 @@ function connectToChat(user_jid,cookie,password){
   }       
 }
 
-
 function isStropheConnected(){
   if((strophe_connection!=null)&&(strophe_connection.connected)){
       return true;
@@ -106,7 +120,6 @@ function connectToServerWithCookie(user_jid, cookie){
 		return true;
 }
 
-
 //Password: Get from chatPassword param if exists, instead try to get from sessionStorage.
 function connectToServerWithPassword(user_jid, chatPassword){
     
@@ -224,7 +237,8 @@ function onConnect(status) {
     log('Strophe is disconnected.');
     disconnectionFlag = true;
     clearTimeout(awayTimer);
-    updateInterfaceAfterUsersDisconnect();
+    updateInterfaceAfterUserDisconnect();
+		updateRoomsInfoAfterUserDisconnect();
     reconnectTimer = setTimeout ("onReconnect()", 5000);
   } else if (status == Strophe.Status.CONNECTED) {
     //AFTER CONNECT ACTIONS
@@ -234,7 +248,8 @@ function onConnect(status) {
     clearTimeout(reconnectTimer);
 		
     //addHandler:(callback, namespace to match, stanza name, stanza type, stanza id , stanza from, options)
-    strophe_connection.addHandler(onMessage, null, 'message', null, null,  null);
+    strophe_connection.addHandler(onMessage, null, 'message', 'chat', null,  null);
+		strophe_connection.addHandler(onRoomMessage, null, 'message', 'groupchat', null,  null);
     strophe_connection.addHandler(onPresence, null, 'presence', null, null,  null); 
 		strophe_connection.addHandler(onIQStanza,null, "iq", null, null);
 
@@ -274,7 +289,6 @@ function onReconnect(){
   }
 }
 
-
 function disconnectStrophe(){
   userStatus = "offline";
   setStatusWidgetTitle("offline");
@@ -289,18 +303,24 @@ function disconnectStrophe(){
 ////////
 //Manage Message stanzas
 ///////
+
+//Chat messages handler
 function onMessage(msg) {
-    var to = msg.getAttribute('to');
     var from = msg.getAttribute('from');
     var type = msg.getAttribute('type');
     var elems = msg.getElementsByTagName('body');
 
     if (type == "chat" && elems.length > 0) {
       var body = elems[0];
-      var from_slug = from.split("@")[0];
-      var from_jid = from_slug + "@" + domain;
-    
-      putReceivedMessageOnChatWindow(from_jid,from_slug,body,null)  
+			var msg = Strophe.getText(body);
+			var from_slug = getSlugFromJid(from)
+			
+			if(isChatRoomJid(from)){
+				return
+			} else {     
+        var from_slug = getSlugFromJid(from)
+        afterReceivedChatMessage(from_slug,msg,null)
+			}
     }
 
     // we must return true to keep the handler alive.  
@@ -313,35 +333,38 @@ function onMessage(msg) {
 //Manage Presence stanzas
 ///////
 function onPresence(presence) {
-	
-	  log(presence)
-	
-    //Check presence stanza type
-    var ptype = $(presence).attr('type');
-        
-    switch (ptype){
-      case undefined:
-       processAvailablePresenceStanza(presence)
-       break;
-      case "available":
-        processAvailablePresenceStanza(presence)
-        break;
-      case "unavailable":
-        processUnavailablePresenceStanza(presence)
-        break;
-      default : 
-        //Stanza type not recognize
-        processAvailablePresenceStanza(presence)
-    }
-          
-  return true;
-} 
+  if (isChatRoomJid($(presence).attr('from'))){
+    return onRoomPresence(presence);
+  } else {
+		return onBuddyPresence(presence);
+	}
+}
 
+function onBuddyPresence(presence){
+  var ptype = $(presence).attr('type');
+      
+  switch (ptype){
+    case undefined:
+     processAvailablePresenceStanza(presence)
+     break;
+    case "available":
+      processAvailablePresenceStanza(presence)
+      break;
+    case "unavailable":
+      processUnavailablePresenceStanza(presence)
+      break;
+    default : 
+      //Stanza type not recognize
+      processAvailablePresenceStanza(presence)
+  }
+	
+	return true;
+}
 
 function processAvailablePresenceStanza(presence){
   var from = $(presence).attr('from');
   var slug = from.split("@")[0];
-  
+	
   if (slug != user_slug) {
 		storeContactInformation(presence);
     if (getConnectionBoxFromSlug(slug)!=null){
@@ -359,7 +382,7 @@ function processAvailablePresenceStanza(presence){
 function processUnavailablePresenceStanza(presence){
   var from = $(presence).attr('from');
   var slug = from.split("@")[0];
-  
+	
   if (slug != user_slug) {
     if (getConnectionBoxFromSlug(slug)!=null){
 			updateInterfaceAfterPresenceStanza(slug,false)
@@ -383,6 +406,12 @@ function storeContactInformation(stanza){
 	}
 }
 
+function storeRoomInformation(roomName){
+  if (!(roomName in roomsInfo)) {
+    var room = new chatRoom();
+    roomsInfo[roomName]=room;
+  }
+}
 
 
 ////////
@@ -404,7 +433,7 @@ function onIQStanza(iq){
 	if(type=="get"){
 		return handleGetIQStanza(iq,from,slug);
 	} else if(type="result"){
-		return handleResultIQStanza(iq,from,slug)
+		return handleResultIQStanza(iq,from,slug);
 	}
 	
 	return true;
@@ -437,18 +466,16 @@ function handleGetIQStanza(iq,jid,slug){
 	
 	//Case 2: Request videochat
 	if(iqID==iqStanzaID['videochatRequest']){
-		handleGetVideochatIQStanza(jid,iqID,iq,slug)
+		handleGetVideochatIQStanza(jid,iqID,iq,slug);
 		return true;
 	}
 	
-  //Case: Default behaviour
+  //Case 3: Default behaviour
   sendIQEmpty(jid,iqID);
 
   return true;
 }
 
-
-
 function handleGetVideochatIQStanza(jid,iqID,iq,slug){
 	storeContactInformation(iq);
 	var queryTag = iq.getElementsByTagName('query');
@@ -466,7 +493,7 @@ function handleGetVideochatIQStanza(jid,iqID,iq,slug){
     }
   }
 	
-	//Send error stanza
+	//Send empty stanza
 	sendIQEmpty(jid,iqID);
 }
 
@@ -477,7 +504,6 @@ function handleGetVideochatIQStanza(jid,iqID,iq,slug){
 function handleResultIQStanza(iq,jid,slug){
   var iqID = iq.getAttribute("id");
 	
-	
 	if (iqID==iqStanzaID['cinfo']){
     return handleIQResultWithClientInfo(iq,slug);
 	}
@@ -588,7 +614,6 @@ function sendIQStanzaToRequestVideochat(slug){
 }
 
 
-
 ///////
 //SEND STANZAS: RESULT
 ///////
@@ -636,11 +661,24 @@ function sendIQStanzaToCancelVideochat(slug){
 }
 
 
-
 ////////
 //Send Message stanzas
 ///////
-function sendChatMessage(from,to,text){
+function sendChatMessage(guest_slug,msg){
+	rotatePriority(guest_slug);
+	if (isSlugGroup(guest_slug)){
+		var guest_jid = getRoomJidFromRoomName(guest_slug)
+		return sendGroupMessageToRoom(guest_jid,msg);
+	} else {
+		var headerMessage = getParsedName(user_name,true);                               
+    getChatBoxForSlug(guest_slug).chatbox("option", "boxManager").addMsg(headerMessage, getParsedContent(msg,true));
+		var guest_jid = getJidFromSlug(guest_slug)
+		return sendChatMessageToBuddy(guest_jid,msg);
+	}
+}
+
+function sendChatMessageToBuddy(to,text){
+	var from = user_jid
   var type = "chat";
   var body= $build("body");
   body.t(text);
@@ -671,3 +709,287 @@ function sendStatus(status){
        setStatusWidgetTitle(status);
     }
 }
+
+
+////////
+//MUC management
+///////
+
+var muc_host = "conference";
+
+function joinRoom(roomName){
+		return strophe_connection.muc.join(getRoomJidFromRoomName(roomName), getRoomNickFromUserName(), null, null, null, null)
+}
+
+function leaveRoom(roomName){
+  return strophe_connection.muc.leave(getRoomJidFromRoomName(roomName), getRoomNickFromUserName(), null, null) 
+}
+
+function sendGroupMessageToRoomWithName(roomName,msg){
+	return sendMessageToRoom(getRoomJidFromRoomName(roomName),msg)
+}
+
+function sendGroupMessageToRoom(roomJid,msg){
+  return strophe_connection.muc.message(roomJid, null, msg, null, "groupchat")
+}
+
+function sendPrivateMessageToRoomUser(roomName,userNick,msg){
+  return strophe_connection.muc.message(getRoomJidFromRoomName(roomName), userNick, msg, null, "chat")
+}
+
+function queryChatRoomOccupants(roomName){
+	return strophe_connection.muc.queryOccupants(getRoomJidFromRoomName(roomName), queryChatRoomOccupantsSuccess, queryChatRoomOccupantsFail)
+}
+
+function queryChatRoomOccupantsSuccess(iqResponse){
+  handleIQResultFromMucOccupantsRequest(iqResponse);
+	return true;
+}
+
+function queryChatRoomOccupantsFail(){
+	//log("queryChatRoomOccupantsFail")
+  return true;
+}
+
+function handleIQResultFromMucOccupantsRequest(iq){
+	var from = $(iq).attr('from');
+  var room_slug = getSlugFromJid(from)
+	var queryTag = iq.getElementsByTagName('query');
+  
+  if (queryTag.length > 0) {
+    var queryElement = queryTag[0];
+		var occupants = queryElement.getElementsByTagName('item');
+		$.each(occupants, function(index, value) {
+			//List all occupants
+			var nick = $(value).attr("name");
+			if(roomsInfo[room_slug].occupants.indexOf(nick)==-1){
+				roomsInfo[room_slug].occupants.push(nick)
+			}
+    });
+  }
+}
+
+function accessRoom(roomName,open){
+	storeRoomInformation(roomName)
+	if(roomsInfo[roomName].joined==false){
+		joinRoom(roomName)
+		queryChatRoomOccupants(roomName)
+	}
+	if(!existsSlugChatBox(roomName)){
+		createGroupChatBox(roomName,open)
+	}
+	return true
+}
+
+function updateRoomsInfoAfterUserDisconnect(){
+  $.each(getAllSlugsWithVisibleGroupBoxes(), function(index, value) {
+    storeRoomInformation(value)
+		var room = new chatRoom();
+    roomsInfo[value]=room;
+		initialNotificationInGroup(value,I18n.t('chat.muc.offline'))
+  });
+}
+
+function getRoomJidFromRoomName(roomName){
+  return roomName + "@" + muc_host + "." + domain;
+}
+
+function getRoomNickFromUserName(){
+	return user_name.split(" ")[0];
+}
+
+
+////////
+//MUC Stanzas
+///////
+
+//MUC Messages
+function onRoomMessage(msg) {
+	//from=roomSlug@conference.domain/from_slug
+  var from = msg.getAttribute('from');
+  var type = msg.getAttribute('type');
+  var elems = msg.getElementsByTagName('body');
+  
+  if (type == "groupchat" && elems.length > 0) {
+    var body = elems[0];
+		var user_nick = getNickFromChatRoomJid(from)
+	  var msg = Strophe.getText(body);
+		afterReceivedGroupChatMessage(from,msg)
+  }
+  return true;
+}
+
+
+//MUC Presence stanzas
+function onRoomPresence(presence) {
+	var from = $(presence).attr('from');
+	var to = $(presence).attr('to')
+  var nick = getNickFromChatRoomJid(from)
+	var ptype = $(presence).attr('type')
+	
+	//Join or Leave room stanzas of self user
+	if((nick == getRoomNickFromUserName())&&(getSlugFromJid(to) == user_slug)){
+	  switch (ptype){
+	    case undefined:
+	      processJoinRoomPresenceStanza(presence);
+	      break;
+	    case "available":
+	      processJoinRoomPresenceStanza(presence);
+	      break;
+	    case "unavailable":
+	      processLeaveRoomPresenceStanza(presence);
+	      break;
+	   }
+		return true;
+  }
+	
+	
+	//Rest of stanzas
+	switch (ptype){
+	 	case undefined:
+		  processAvailableRoomPresenceStanza(presence)
+      break;
+    case "available":
+		  processAvailableRoomPresenceStanza(presence)
+      break;
+    case "unavailable":
+		  processUnavailableRoomPresenceStanza(presence)
+      break;
+    default : 
+      //Stanza type not recognize
+      return true
+  }
+	
+  return true
+}
+
+
+function processJoinRoomPresenceStanza(presence){
+  var from = $(presence).attr('from');
+  var room_slug = getSlugFromJid(from);
+	storeRoomInformation(room_slug);
+	
+  var xElements = presence.getElementsByTagName('x');
+
+  if (xElements.length == 1) {
+    var xElement = xElements[0];
+    var items = xElement.getElementsByTagName('item');
+    
+    $.each(items, function(index, value) {
+			var role = $(value).attr("role")
+			var affiliation = $(value).attr("affiliation")
+			
+			roomsInfo[room_slug].affiliation = affiliation
+			roomsInfo[room_slug].role = role
+			if(roomsInfo[room_slug].joined == false){
+        roomsInfo[room_slug].joined = true
+        changeInitialNotificationInGroup(room_slug,I18n.t('chat.muc.occupants'))
+      }
+    });
+  }
+}
+
+function processLeaveRoomPresenceStanza(presence){
+  var from = $(presence).attr('from');
+  var room_slug = getSlugFromJid(from);
+  storeRoomInformation(room_slug);
+  roomsInfo[room_slug].affiliation = "none"
+  roomsInfo[room_slug].role = "none"
+	roomsInfo[room_slug].occupants = []
+  if(roomsInfo[room_slug].joined == true){
+    roomsInfo[room_slug].joined = false
+    changeInitialNotificationInGroup(room_slug,"")
+  }
+}
+
+function processAvailableRoomPresenceStanza(presence){
+	var from = $(presence).attr('from');
+	var nick = getNickFromChatRoomJid(from)
+  var room_slug = getSlugFromJid(from)
+	
+	storeRoomInformation(room_slug)
+	
+	if (roomsInfo[room_slug].occupants.indexOf(nick)==-1){
+		roomsInfo[room_slug].occupants.push(nick)
+		addNickToNotificationInGroup(room_slug,nick)
+    writeReceivedMessageOnChatWindow("",room_slug, I18n.t("chat.muc.join", {nick: nick}))
+	}
+}
+
+function processUnavailableRoomPresenceStanza(presence){
+	var from = $(presence).attr('from');
+	var nick = getNickFromChatRoomJid(from)
+  var room_slug = getSlugFromJid(from)
+  
+  storeRoomInformation(room_slug)
+  
+  if (roomsInfo[room_slug].occupants.indexOf(nick)!=-1){
+		roomsInfo[room_slug].occupants.splice(roomsInfo[room_slug].occupants.indexOf(nick),1)
+    removeNickFromNotificationInGroup(room_slug,nick)
+    writeReceivedMessageOnChatWindow("",room_slug,I18n.t("chat.muc.leave", {nick: nick}))
+  }
+}
+
+
+
+//////////////////
+// Getters
+//////////////////
+function getSlugFromJid(jid){
+	return jid.split("@")[0];
+}
+
+function getDomainFromJid(jid){
+  return jid.split("@")[1].split("/")[0];
+}
+
+function isChatRoomJid(jid){
+  if ((getDomainFromJid(jid).split(".")[0])==muc_host){
+    return true;
+  }
+  return false;
+}
+
+function getNameFromSlug(slug){
+	var connectionBox = getConnectionBoxFromSlug(slug);
+	
+	if(connectionBox!=null){
+		return $(connectionBox).attr("name");
+	}
+	
+	var chatBox = getChatBoxForSlug(slug)
+	if(chatBox!=null){
+    return chatBox.attr("name");
+  }	
+	
+	//return rebuildNameFromSlug(slug)
+	return slug;
+}
+
+function rebuildNameFromSlug(slug){
+	var cname = slug.split("-");
+  var name = "";
+  for(i=0; i<cname.length; i++){
+     if (i!=0){
+      name = name + " ";
+     }
+     name = name + cname[i][0].toUpperCase() + cname[i].substring(1,cname[i].length);
+  }
+  return name;
+}
+
+function getNameFromJid(){
+	return getNameFromSlug(getSlugFromJid(jid));
+}
+
+function getJidFromSlug(slug){
+	return slug + "@" + domain;
+}
+
+function getNickFromChatRoomJid(jid){
+	return jid.split("/")[1];
+}
+
+function purgeNickFromChatRoomJid(jid){
+	return jid.split("/")[0];
+}