social_stream 0.22.1 → 0.23.1

data/presence/app/assets/javascripts/{chat_utilities.js → presence_utilities.js}

@@ -1,19 +1,12 @@
 ////////////////////
-//Test functions
+//Debug functions
 ////////////////////
+var sspresence_debugging=false;
 
 function log(msg) {
-    //console.log(msg)
-}
-
-function simulate_new_user_connected(slug) {
-  var stanza_test = '<presence xmlns="jabber:client" from="' + slug + '@localhost/27825459741328802387991286" to="demo@localhost/2517285379132880233667729">'
-  onPresence(stanza_test);
-}
-
-function simulate_new_user_disconnected(slug) {
-  var stanza_test = '<presence xmlns="jabber:client" type="unavailable" from="' + slug + '@localhost/27825459741328802387991286" to="demo@localhost/2517285379132880233667729">'
-  onPresence(stanza_test);
+	  if(sspresence_debugging){
+			console.log(msg)
+		} 
 }
 
 
@@ -99,7 +92,7 @@ var timeBetweenMessages = 500; //mseconds
 
 //Return true when detects a text storm and control the text flood:
 //timeBetweenMessages is the minimum time that must elapse between the messages of the same contact.
-function antifloodControl(from_jid,from_slug,body,msgID) {
+function antifloodControl(from_slug,msg,msgID) {
 	
 	if( from_slug in lastMessageTimes){
 
@@ -116,7 +109,7 @@ function antifloodControl(from_jid,from_slug,body,msgID) {
   var t = (new Date()).getTime();
   if(t - lastMessageTime < timeBetweenMessages) {
 		        //Flood detected
-						return retryToShowMessage(from_jid,from_slug,body,msgID);
+						return retryToShowMessage(from_slug,msg,msgID);
   }
 	
 	//Check if is the first message of this user to be send.
@@ -128,7 +121,7 @@ function antifloodControl(from_jid,from_slug,body,msgID) {
 			lastMessageTimes[from_slug][1].splice(0,1);
 		} else {
 			//Message is not the first on the queue
-			return retryToShowMessage(from_jid,from_slug,body,msgID);
+			return retryToShowMessage(from_slug,msg,msgID);
 		}
 	}
 	
@@ -144,13 +137,13 @@ function generateMessageID(){
 }
 
 
-function retryToShowMessage(from_jid,from_slug,body,msgID){
+function retryToShowMessage(from_slug,msg,msgID){
 	//Enque the message if isn't in the queue
   if (lastMessageTimes[from_slug][1].indexOf(msgID)==-1){
     lastMessageTimes[from_slug][1].push(msgID);
   }
       
-  setTimeout(function(){putReceivedMessageOnChatWindow(from_jid,from_slug,body,msgID)}, timeBetweenMessages);
+  setTimeout(function(){afterReceivedChatMessage(from_slug,msg,msgID)}, timeBetweenMessages);
   return true;
 }
 
@@ -228,23 +221,6 @@ function offlineDataSendControl(){
 }
 
 
-////////////////////
-//Build name from slug
-////////////////////
-
-function getNameFromSlug(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;
-}
-
-
 ////////////////////
 //Special slugs management
 ////////////////////

data/presence/app/assets/javascripts/{videochat.js.erb → presence_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/presence/app/assets/javascripts/{chat_window_manager.js → presence_windowManager.js}

@@ -2,6 +2,9 @@
 //Chat Window Manager functions
 ////////////////////
 
+////////////////////
+//ChatBoxes Creation
+////////////////////
 var nBox = 0;
 var maxBox = 5;
 var chatBoxWidth = 230;
@@ -12,24 +15,29 @@ var offsetForFlowBox = 0;
 var chatBoxSeparation = chatBoxWidth+12;
 
 
-function createChatBox(guest_slug,guest_name,guest_jid,user_name,user_jid){
+//Create chatbox for new conversations
+//Open chatbox for old conversations
+function createChatBox(guest_slug,isGroup){
+
+		var guest_name = getNameFromSlug(guest_slug)
 		
-		//Create chatbox for new conversations
-		//Open chatbox for old conversations
-			
+		if(isGroup){
+			var chatBoxTitle = I18n.t("chat.muc.group", {group: guest_name})
+		} else {
+			var chatBoxTitle = guest_name;
+		}
+
 		//Box Variable name = getChatVariableFromSlug(guest_slug)
     if (typeof window[getChatVariableFromSlug(guest_slug)] == 'undefined') {
 			
           //Add div with id = guest_slug
           $("#chat_divs").append("<div id=" + guest_slug + " name=" + guest_name + " class=chatbox ></div>")
           
-					
 					//Offset Management for new box
 					boxParams = getBoxParams();
 					var offset = boxParams[0];
 					var position = boxParams[1];
 					
-	
           window[getChatVariableFromSlug(guest_slug)] = $("#" + guest_slug).chatbox({id: user_name, 
                               user:{key : "value"},
 															hidden: false,
@@ -37,21 +45,19 @@ function createChatBox(guest_slug,guest_name,guest_jid,user_name,user_jid){
                               width: chatBoxWidth, // width of the chatbox
                               height: chatBoxHeight, // height of the chatbox
                               video: 0, //height of the videoBox
-                              title : guest_name,
+                              title : chatBoxTitle,
 															position: position,
 															priority: visibleChatBoxes.length+1,
+															groupBox: isGroup,
 															boxClosed: function(id) {
                                 closeChatBox(guest_slug)
 															},
 															
-                              messageSent : function(id, user, msg) {
-																	rotatePriority(guest_slug);
-																	var headerMessage = getParsedName(id,true);
-                                  $("#" + guest_slug).chatbox("option", "boxManager").addMsg(headerMessage, getParsedContent(msg,true));
-                                  sendChatMessage(user_jid,guest_jid,msg);
-                              }});
+                              messageSent: function(id, user, msg){
+														  	sendChatMessage(guest_slug, msg)
+														  }});
 															
-					visibleChatBoxes[position-1] = window[getChatVariableFromSlug(guest_slug)];				
+					visibleChatBoxes[position-1] = window[getChatVariableFromSlug(guest_slug)];
 															
 		      return true;
 					
@@ -72,8 +78,7 @@ function createChatBox(guest_slug,guest_name,guest_jid,user_name,user_jid){
 					window[getChatVariableFromSlug(guest_slug)].chatbox("option", "hidden", false);
 					window[getChatVariableFromSlug(guest_slug)].parent().toggle(true)
 			    return false;
-		}
-		
+		}	
 }
 
 function getBoxParams(){
@@ -101,9 +106,8 @@ function getBoxParams(){
 		return boxParams
 }
 
-
 function closeChatBox(guest_slug){
-	var position = $("#" + guest_slug).chatbox("option", "position");
+	var position = getChatBoxForSlug(guest_slug).chatbox("option", "position");
                                 
   for (i=position+1;i<visibleChatBoxes.length+1;i++){
     visibleChatBoxes[i-1].chatbox("option", "offset", visibleChatBoxes[i-1].chatbox("option", "offset") - chatBoxSeparation);
@@ -113,118 +117,179 @@ function closeChatBox(guest_slug){
   visibleChatBoxes.splice(position-1,1);
   $("#" + guest_slug).chatbox("option", "hidden", true);
   nBox--;
+	
+	if(isSlugGroup(guest_slug)){
+		leaveRoom(guest_slug)
+	}
+	
 }
 
 
-/////////
-//Getters
-/////////
-
-function getChatVariableFromSlug(slug){
-	return "slug_" + slug;
-}
-
-function getSlugFromChatVariable(variable){
-	return variable.split("_")[1];
-}
-
-function getVisibleChatBoxes(){
-	for(i=0; i<visibleChatBoxes.length; i++){
-		if (visibleChatBoxes[i][0].id==chatSlugId){
-      visibleChatBoxes.splice(i,1)
-    }
-	}
-	return visibleChatBoxes
+////////////////
+//Create Buddy chatBox
+////////////////
+function createBuddyChatBox(guest_slug){
+  return createChatBox(guest_slug,false);
 }
 
 
-function getAllChatBoxes(){
-  return $(".chatbox").not(document.getElementById(chatSlugId))
-}
+///////////////////////////
+// Create Group Chat Box
+///////////////////////////
 
-function getChatBoxForSlug(slug){
-  if (typeof window[getChatVariableFromSlug(slug)] == 'undefined') {
-		return null;
+function createGroupChatBox(group_slug,open){
+
+  //createChatBox(guest_slug,isGroup)
+  if (createChatBox(group_slug,true)){
+    
+    var groupChatBox = getChatBoxForSlug(group_slug);
+    
+    //Modify default box
+    
+    //Delete video Tick
+    $(getChatBoxButtonForSlug(group_slug,"video")).remove();
+    
+    //Delete video div
+    $(groupChatBox.parent()).find(".ui-videobox").remove();
+		
+    //Minimize
+    groupChatBox.parent().toggle(open);
+    
+		//Initial notifications
+		initialNotificationInGroup(group_slug,I18n.t('chat.muc.joining'))
+		
+    return true;
   } else {
-		return window[getChatVariableFromSlug(slug)];
-	}
+    return false;
+  }
 }
 
-function getChatBoxHeaderForSlug(slug){
-  var chatBox = getChatBoxForSlug(slug);
-  if(chatBox!=null){
-    return chatBox.parent().parent().find(".ui-chatbox-titlebar")
-  } else {
-		return null;
-	}
-}
 
-function getChatBoxButtonsForSlug(slug){
-	var chatBoxHeader = getChatBoxHeaderForSlug(slug);
-	if(chatBoxHeader!=null){
-		return chatBoxHeader.find(".ui-chatbox-icon");
-	} else {
-		return null;
-	}
-}
+///////////////////////////
+// Create Main Chat Box
+///////////////////////////
 
-function getChatBoxButtonForSlug(slug,button){
-	var chatBoxButtons = getChatBoxButtonsForSlug(slug);
-	if(chatBoxButtons!=null){
-		switch (button){
-			case "close":
-			return chatBoxButtons[0];
-			break;
-			case "min":
-			return chatBoxButtons[1];
-			break;
-			case "video":
-      return chatBoxButtons[2];
-      break;
-			case "videoChange":
-      return chatBoxButtons[3];
-      break;
-			default : return null;
-		}
-	} else {
-		return null;
-	}
+var mainChatBox;
+var connectionBoxesForFile=5;
+var maxConnectionChatBoxesFilesWithoutOverflow = 11;
+var mainChatBoxWidth=150;
+var mainChatBoxaddonsHeight=50;
+var heightForConnectionBoxFile=30;
+var mainChatBoxHeightWhileSearchContacts=260;
+var mainChatBoxMinHeight=136;
+var mainChatBoxMaxHeight= mainChatBoxaddonsHeight + heightForConnectionBoxFile*maxConnectionChatBoxesFilesWithoutOverflow;
+var chatSlugId="SocialStream_MainChat";
+
+function createMainChatBox(){
+  if (mainChatBox==null){
+    //createChatBox(guest_slug,isGroup)
+    createChatBox(chatSlugId,false)
+    mainChatBox = window[getChatVariableFromSlug(chatSlugId)]
+    
+    //Modify default box
+    
+    //Delete closeTick and video Tick
+    $(mainChatBox.parent().parent()).find(".ui-chatbox-titlebar").find(".ui-icon-closethick").remove();
+    $(mainChatBox.parent().parent()).find(".ui-videobox-icon").remove();
+    //Margin for minusthick
+    (mainChatBox.parent().parent()).find(".ui-chatbox-titlebar").find(".chat-minusthick").parent().css("margin-right","5px")
+    //Delete nofitications div
+    $(mainChatBox.parent()).find(".ui-chatbox-notify").remove();
+    //Delete video div
+    $(mainChatBox.parent()).find(".ui-videobox").remove();
+    //Delete input
+    $(mainChatBox.parent()).find(".ui-chatbox-input").remove();
+    //Background
+    $(mainChatBox).css("background-color",$(mainChatBox.parent().parent()).find(".ui-chatbox-titlebar").css("background-color"));
+    
+    //Set height
+    changeMainChatBoxHeight(getChatBoxHeightRequiredForConnectionBoxes());
+    
+    //Set width
+    window[getChatVariableFromSlug(chatSlugId)].parent().parent().css( "width", mainChatBoxWidth );
+    $(mainChatBox.parent().parent()).find(".ui-chatbox-titlebar").css( "width", mainChatBoxWidth-6 );
+    $(mainChatBox).css( "width", mainChatBoxWidth-6 );
+    
+    
+    //Adjust window offset
+    offsetForFlowBox = 235-mainChatBoxWidth;
+    
+    //CSS Adjusts
+    $("#chat_partial").css("margin-top",-3)
+    $("#chat_partial").css("margin-left",-3)
+    $(".dropdown dd ul").css("min-width",147) 
+    $(mainChatBox).css('overflow-x','hidden')
+    $(mainChatBox).css('overflow-y','hidden')
+    
+    //Minimize
+    mainChatBox.parent().toggle(getRestoreMainChatBoxStatus());
+    
+    //Header title
+    updateConnectedUsersOfMainChatBox();
+  }
 }
 
+//////////////////////////
+// Main Chat Box functions
+//////////////////////////
 
-function getAllSlugsWithChatOrVideoBoxes(){
-  var slugsWithChatBox = [];
-	var slugsWithVideoBox = [];
-  $.each(getAllChatBoxes(), function(index, value) {
-		if($(value).parent().find(".ui-videobox").is(":visible")){
-      slugsWithVideoBox.push($(value).attr("id"))
-    }
-    slugsWithChatBox.push($(value).attr("id"))
-  });
-  return  [slugsWithChatBox,slugsWithVideoBox];
+function addContentToMainChatBox(content){
+  if (mainChatBox != null) {
+    $(mainChatBox.parent()).find("#" + chatSlugId).html(content);
+  }
 }
 
-function getAllSlugsWithChatBoxes(){
-	return getAllSlugsWithChatOrVideoBoxes()[0];
+function modifyChatPartialIfMainBox(chatPartial){
+  if (mainChatBox != null) {
+    p = $(chatPartial)
+    $(p).find(".header").remove();
+    $(p).find(".dropdown dd ul").css("min-width",147);
+    return $(p); 
+  }
+  
+  return chatPartial;
 }
 
-function getAllSlugsWithVisibleVideoBoxes(){
-  return getAllSlugsWithChatOrVideoBoxes()[1];
+function changeMainChatBoxHeaderTitle(title){
+  if (mainChatBox != null) {
+    $($(mainChatBox.parent().parent()).find(".ui-chatbox-titlebar").find("span")[0]).html(title);
+  }
 }
 
-function getAllDisconnectedSlugsWithChatBoxes(){
-  var slugsWithChatBox = getAllSlugsWithChatBoxes();
-	var slugsConnected = getAllConnectedSlugs();
-	var allDisconnectedSlugsWithChatBox = [];
-	
-	$.each(slugsWithChatBox, function(index, value) {
-		if (slugsConnected.indexOf(value)==-1){
-			allDisconnectedSlugsWithChatBox.push(value);
-		}
-  });
-	return allDisconnectedSlugsWithChatBox;
+function changeMainChatBoxHeight(height){
+  if (mainChatBox != null) {
+    
+    if(($("#chat_partial #search_chat_contact_flexselect").is(":focus"))&&(! (focusSearchContactsFlag))){
+      return;
+    } else {
+      focusSearchContactsFlag=false;
+    }
+    
+    if(height > mainChatBoxMaxHeight){
+      //overflow = true;
+      height = mainChatBoxMaxHeight;
+      $(mainChatBox).css('overflow-y','visible');
+      mainChatBox.chatbox("option", "offset","5px")
+      mainChatBox.chatbox("option", "width", mainChatBoxWidth + 5)
+    } else {
+      $(mainChatBox).css('overflow-y','hidden');
+      mainChatBox.chatbox("option", "offset","0px")
+      mainChatBox.chatbox("option", "width",mainChatBoxWidth)
+      height = Math.max(height,mainChatBoxMinHeight)
+    }
+    
+    window[getChatVariableFromSlug(chatSlugId)].css("height", height);
+  }
 }
 
+function getChatBoxHeightRequiredForConnectionBoxes(){
+  if(mainChatBox!=null){
+    var desiredHeight = mainChatBoxaddonsHeight + Math.ceil(getAllConnectedSlugs().length/connectionBoxesForFile) * heightForConnectionBoxFile;
+    return desiredHeight;
+  } else {
+    return null;
+  }
+}
 
 
 ////////////////////
@@ -243,7 +308,6 @@ function getBoxIndexToReplace(){
   return visibleChatBoxes.indexOf(tmp);
 }
 
-
 function rotatePriority(guest_slug){
   priority = $("#" + guest_slug).chatbox("option", "priority")
   if(priority>1){   
@@ -257,7 +321,6 @@ function rotatePriority(guest_slug){
 }
 
 
-
 ////////////////////
 //Video Window Manager functions
 ////////////////////
@@ -302,7 +365,6 @@ function hideVideoBox(chatBox){
   chatBox.chatbox("option", "video", 0);
 }
 
-
 //Function called from JQuery UI Plugin
 function toggleVideoBox(uiElement){
 	var slug = $(uiElement.element).attr("id");
@@ -345,134 +407,130 @@ function toggleVideoBoxForSlug(slug,force){
 }
 
 
+/////////
+//Getters
+/////////
+function getChatVariableFromSlug(slug){
+  return "Slug_" + slug;
+}
 
+function getSlugFromChatVariable(variable){
+  return variable.split("_")[1];
+}
 
-///////////////////////////
-// Create Main Chat Box
-///////////////////////////
+function getVisibleChatBoxes(){
+  for(i=0; i<visibleChatBoxes.length; i++){
+    if (visibleChatBoxes[i][0].id==chatSlugId){
+      visibleChatBoxes.splice(i,1)
+    }
+  }
+  return visibleChatBoxes
+}
 
-var mainChatBox;
-var connectionBoxesForFile=5;
-var maxConnectionChatBoxesFilesWithoutOverflow = 11;
-var mainChatBoxWidth=150;
-var mainChatBoxaddonsHeight=50;
-var heightForConnectionBoxFile=30;
-var mainChatBoxHeightWhileSearchContacts=260;
-var mainChatBoxMinHeight=136;
-var mainChatBoxMaxHeight= mainChatBoxaddonsHeight + heightForConnectionBoxFile*maxConnectionChatBoxesFilesWithoutOverflow;
-var chatSlugId="SocialStream_MainChat";
 
-function createMainChatBox(){
-	if (mainChatBox==null){
-		
-		//createChatBox(guest_slug,guest_name,guest_jid,user_name,user_jid)
-		if (createChatBox(chatSlugId,"Chat","Any","Any","Any")){
-			mainChatBox = window[getChatVariableFromSlug(chatSlugId)]
-			
-			//Modify default box
-			
-			//Delete closeTick and video Tick
-			$(mainChatBox.parent().parent()).find(".ui-chatbox-titlebar").find(".ui-icon-closethick").remove();
-			$(mainChatBox.parent().parent()).find(".ui-videobox-icon").remove();
-			//Margin for minusthick
-			(mainChatBox.parent().parent()).find(".ui-chatbox-titlebar").find(".chat-minusthick").parent().css("margin-right","5px")
-			//Delete nofitications div
-			$(mainChatBox.parent()).find(".ui-chatbox-notify").remove();
-			//Delete video div
-			$(mainChatBox.parent()).find(".ui-videobox").remove();
-			//Delete input
-			$(mainChatBox.parent()).find(".ui-chatbox-input").remove();
-			//Background
-			$(mainChatBox).css("background-color",$(mainChatBox.parent().parent()).find(".ui-chatbox-titlebar").css("background-color"));
-			
-			//Set height
-			changeMainChatBoxHeight(getChatBoxHeightRequiredForConnectionBoxes());
-			
-			//Set width
-			window[getChatVariableFromSlug(chatSlugId)].parent().parent().css( "width", mainChatBoxWidth );
-			$(mainChatBox.parent().parent()).find(".ui-chatbox-titlebar").css( "width", mainChatBoxWidth-6 );
-			$(mainChatBox).css( "width", mainChatBoxWidth-6 );
-			
-			
-			//Adjust window offset
-			offsetForFlowBox = 235-mainChatBoxWidth;
-			
-			//CSS Adjusts
-			$("#chat_partial").css("margin-top",-3)
-      $("#chat_partial").css("margin-left",-3)
-			$(".dropdown dd ul").css("min-width",147) 
-			$(mainChatBox).css('overflow-x','hidden')
-      $(mainChatBox).css('overflow-y','hidden')
-			
-			//Minimize
-			mainChatBox.parent().toggle(getRestoreMainChatBoxStatus());
-			
-			//Header title
-			updateConnectedUsersOfMainChatBox();
-		}
-	}
+function getAllChatBoxes(){
+  return $(".chatbox").not(document.getElementById(chatSlugId))
 }
 
-
-function addContentToMainChatBox(content){
-	if (mainChatBox != null) {
-  	$(mainChatBox.parent()).find("#" + chatSlugId).html(content);
+function getChatBoxForSlug(slug){
+  if (typeof window[getChatVariableFromSlug(slug)] == 'undefined') {
+    return null;
+  } else {
+    return window[getChatVariableFromSlug(slug)];
   }
 }
 
+function getChatBoxHeaderForSlug(slug){
+  var chatBox = getChatBoxForSlug(slug);
+  if(chatBox!=null){
+    return chatBox.parent().parent().find(".ui-chatbox-titlebar")
+  } else {
+    return null;
+  }
+}
 
-function modifyChatPartialIfMainBox(chatPartial){
-	if (mainChatBox != null) {
-		p = $(chatPartial)
-		$(p).find(".header").remove();
-		$(p).find(".dropdown dd ul").css("min-width",147);
-		return $(p); 
+function getChatBoxButtonsForSlug(slug){
+  var chatBoxHeader = getChatBoxHeaderForSlug(slug);
+  if(chatBoxHeader!=null){
+    return chatBoxHeader.find(".ui-chatbox-icon");
+  } else {
+    return null;
   }
-	
-	return chatPartial;
 }
 
-function changeMainChatBoxHeaderTitle(title){
-	if (mainChatBox != null) {
-  	$($(mainChatBox.parent().parent()).find(".ui-chatbox-titlebar").find("span")[0]).html(title);
+function getChatBoxButtonForSlug(slug,button){
+  var chatBoxButtons = getChatBoxButtonsForSlug(slug);
+  if(chatBoxButtons!=null){
+    switch (button){
+      case "close":
+      return chatBoxButtons[0];
+      break;
+      case "min":
+      return chatBoxButtons[1];
+      break;
+      case "video":
+      return chatBoxButtons[2];
+      break;
+      case "videoChange":
+      return chatBoxButtons[3];
+      break;
+      default : return null;
+    }
+  } else {
+    return null;
   }
 }
 
 
-function changeMainChatBoxHeight(height){
-	if (mainChatBox != null) {
-		
-		if(($("#chat_partial #search_chat_contact_flexselect").is(":focus"))&&(! (focusSearchContactsFlag))){
-			return;
-		} else {
-			focusSearchContactsFlag=false;
-		}
-		
-		if(height > mainChatBoxMaxHeight){
-      //overflow = true;
-			height = mainChatBoxMaxHeight;
-      $(mainChatBox).css('overflow-y','visible');
-      mainChatBox.chatbox("option", "offset","5px")
-      mainChatBox.chatbox("option", "width", mainChatBoxWidth + 5)
-    } else {
-      $(mainChatBox).css('overflow-y','hidden');
-      mainChatBox.chatbox("option", "offset","0px")
-      mainChatBox.chatbox("option", "width",mainChatBoxWidth)
-			height = Math.max(height,mainChatBoxMinHeight)
+function getAllSlugsWithChatOrVideoBoxes(){
+  var slugsWithChatBox = [];
+  var slugsWithVideoBox = [];
+  $.each(getAllChatBoxes(), function(index, value) {
+    if($(value).parent().find(".ui-videobox").is(":visible")){
+      slugsWithVideoBox.push($(value).attr("id"))
     }
-		
-  	window[getChatVariableFromSlug(chatSlugId)].css("height", height);
-  }
+    slugsWithChatBox.push($(value).attr("id"))
+  });
+  return  [slugsWithChatBox,slugsWithVideoBox];
 }
 
+function getAllSlugsWithChatBoxes(){
+  return getAllSlugsWithChatOrVideoBoxes()[0];
+}
 
-function getChatBoxHeightRequiredForConnectionBoxes(){
-	if(mainChatBox!=null){
-	  var desiredHeight = mainChatBoxaddonsHeight + Math.ceil(getAllConnectedSlugs().length/connectionBoxesForFile) * heightForConnectionBoxFile;
-	  return desiredHeight;
-	} else {
-		return null;
-	}
+function getAllSlugsWithVisibleVideoBoxes(){
+  return getAllSlugsWithChatOrVideoBoxes()[1];
+}
+
+function getAllDisconnectedSlugsWithChatBoxes(){
+  var slugsWithChatBox = getAllSlugsWithChatBoxes();
+  var slugsConnected = getAllConnectedSlugs();
+  var allDisconnectedSlugsWithChatBox = [];
+  
+  $.each(slugsWithChatBox, function(index, value) {
+    if (slugsConnected.indexOf(value)==-1){
+      allDisconnectedSlugsWithChatBox.push(value);
+    }
+  });
+  return allDisconnectedSlugsWithChatBox;
+}
+
+function isSlugGroup(slug){
+  var chatBox = getChatBoxForSlug(slug)
+  if(chatBox!=null){
+    return chatBox.chatbox("option", "groupBox")
+  } else {
+    return false
+  }
 }
 
 
+function getAllSlugsWithVisibleGroupBoxes(){
+	var groupBoxes = []
+	$.each(getVisibleChatBoxes(), function(index, value) {
+    if ($(value).chatbox("option", "groupBox")){
+      groupBoxes.push($(value).attr("id"));
+    }
+  });
+	return groupBoxes;
+}