////////////////////
//Chat Window Manager functions
////////////////////

////////////////////
//ChatBoxes Creation
////////////////////
var nBox = 0;
var maxBox = 5;
var chatBoxWidth = 230;
var chatBoxHeight = 180;
var videoBoxHeight = 145;
var visibleChatBoxes = new Array();
var offsetForFlowBox = 0;
var chatBoxSeparation = chatBoxWidth+12;


//Create chatbox for new conversations
//Open chatbox for old conversations
function createChatBox(guest_slug,isGroup){

		var guest_name = getNameFromSlug(guest_slug)
		
		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,
															offset: offset, // relative to right edge of the browser window
                              width: chatBoxWidth, // width of the chatbox
                              height: chatBoxHeight, // height of the chatbox
                              video: 0, //height of the videoBox
                              title : chatBoxTitle,
															position: position,
															priority: visibleChatBoxes.length+1,
															groupBox: isGroup,
															boxClosed: function(id) {
                                closeChatBox(guest_slug)
															},
															
                              messageSent: function(id, user, msg){
														  	sendChatMessage(guest_slug, msg)
														  }});
															
					visibleChatBoxes[position-1] = window[getChatVariableFromSlug(guest_slug)];
															
		      return true;
					
    } else {
			
			    if (visibleChatBoxes.indexOf(window[getChatVariableFromSlug(guest_slug)]) == -1) {
						
						//Offset Management for old box
						boxParams = getBoxParams();
            var offset = boxParams[0];
            var position = boxParams[1];
		
            window[getChatVariableFromSlug(guest_slug)].chatbox("option", "offset", offset);
            window[getChatVariableFromSlug(guest_slug)].chatbox("option", "position", position);
            visibleChatBoxes[position-1] = window[getChatVariableFromSlug(guest_slug)];
					}  
					
					window[getChatVariableFromSlug(guest_slug)].chatbox("option", "hidden", false);
					window[getChatVariableFromSlug(guest_slug)].parent().toggle(true)
			    return false;
		}	
}

function getBoxParams(){
	
	var boxParams = new Array(2);
	
		if (nBox==maxBox){
			//Select box to replaced
			replaced = visibleChatBoxes[getBoxIndexToReplace()];           
			replaced.chatbox("option", "hidden", true)
			index = visibleChatBoxes.indexOf(replaced);
			boxParams[0] = replaced.chatbox("option", "offset")
			boxParams[1] = replaced.chatbox("option", "position")
		} else {
		  nBox++;
		  boxParams[0] = (nBox-1)*(chatBoxSeparation);
			
			if((nBox!=1)&&(mainChatBox!=null)){
				boxParams[0] = boxParams[0] - offsetForFlowBox;
			}
			
		  boxParams[1] = nBox;
		}
		
		return boxParams
}

function closeChatBox(guest_slug){
	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);
    visibleChatBoxes[i-1].chatbox("option", "position", visibleChatBoxes[i-1].chatbox("option", "position") - 1 );
  }
  
  visibleChatBoxes.splice(position-1,1);
  $("#" + guest_slug).chatbox("option", "hidden", true);
  nBox--;
	
	if(isSlugGroup(guest_slug)){
		leaveRoom(guest_slug)
	}
	
}


////////////////
//Create Buddy chatBox
////////////////
function createBuddyChatBox(guest_slug){
  return createChatBox(guest_slug,false);
}


///////////////////////////
// Create Group Chat Box
///////////////////////////

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 false;
  }
}


///////////////////////////
// Create Main Chat Box
///////////////////////////

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 addContentToMainChatBox(content){
  if (mainChatBox != null) {
    $(mainChatBox.parent()).find("#" + chatSlugId).html(content);
  }
}

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 changeMainChatBoxHeaderTitle(title){
  if (mainChatBox != null) {
    $($(mainChatBox.parent().parent()).find(".ui-chatbox-titlebar").find("span")[0]).html(title);
  }
}

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;
  }
}


////////////////////
//Box replacement
////////////////////

function getBoxIndexToReplace(){

  tmp = visibleChatBoxes[0];
  for (i=0;i<visibleChatBoxes.length;i++){
    if (visibleChatBoxes[i].chatbox("option", "priority") > tmp.chatbox("option", "priority")) {
      tmp = visibleChatBoxes[i];
    }
  }
  
  return visibleChatBoxes.indexOf(tmp);
}

function rotatePriority(guest_slug){
  priority = $("#" + guest_slug).chatbox("option", "priority")
  if(priority>1){   
      for (i=0;i<visibleChatBoxes.length;i++){
        if(visibleChatBoxes[i].chatbox("option", "priority")<priority){
          visibleChatBoxes[i].chatbox("option", "priority",visibleChatBoxes[i].chatbox("option", "priority")+1);
        }
      }   
      $("#" + guest_slug).chatbox("option", "priority", 1);   
  } 
}


////////////////////
//Video Window Manager functions
////////////////////

function getVideoBoxForSlug(slug){
	var videoBox = $("#" + slug).parent().find("div.ui-videobox");
	if(videoBox.length == 1){
		return videoBox;
	} else {
		return null;
	}
}

function getPublisherVideoBoxForSlug(slug){
	var pubDiv = $("#stream_publish_videochat_" + slug);
	if (pubDiv.length > 0) {
		return pubDiv
	} else {
		return null;
	}
}

function setVideoBoxContent(slug,embed){
  var videoBox = getVideoBoxForSlug(slug);
  if(videoBox!=null){
    videoBox.html(embed);
  }
}

function addVideoBoxContent(slug,embed){
  var videoBox = getVideoBoxForSlug(slug);
  if(videoBox!=null){
    videoBox.append(embed);
  }
}

function showVideoBox(chatBox){
		chatBox.chatbox("option", "video",videoBoxHeight);
}

function hideVideoBox(chatBox){
  chatBox.chatbox("option", "video", 0);
}

//Function called from JQuery UI Plugin
function toggleVideoBox(uiElement){
	var slug = $(uiElement.element).attr("id");
	clickVideoChatButton(slug);
}

//Function called from JQuery UI Plugin
function toggleVideoBoxChange(uiElement){
  var slug = $(uiElement.element).attr("id");
  clickVideoChangeChatButton(slug);
}

function toggleVideoBoxForSlug(slug,force){
	var aux;
	var chatBox = getChatBoxForSlug(slug);
	
	if(chatBox==null) {
		return null;
  }
	
	if(typeof force != 'undefined'){
		aux = force;
	} else {
		if (chatBox.chatbox("option", "video")==0){
	    aux=true;
	  } else {
	    aux=false;
	  }
	}
	
  if (aux){
		//Show
    showVideoBox(chatBox);
    return true;
  } else {
		//Hide
    hideVideoBox(chatBox);
    return false;
  }
}


/////////
//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
}


function getAllChatBoxes(){
  return $(".chatbox").not(document.getElementById(chatSlugId))
}

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 getChatBoxButtonsForSlug(slug){
  var chatBoxHeader = getChatBoxHeaderForSlug(slug);
  if(chatBoxHeader!=null){
    return chatBoxHeader.find(".ui-chatbox-icon");
  } else {
    return null;
  }
}

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 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 getAllSlugsWithChatBoxes(){
  return getAllSlugsWithChatOrVideoBoxes()[0];
}

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;
}