///////////////////////////////////
//         ajax im 3.41          //
//    AJAX Instant Messenger     //
//   Copyright (c) 2006-2008     //
//    http://www.ajaxim.com/     //
//   Do not remove this notice   //
///////////////////////////////////


/**
 * Chatroom Class
 **/

//DEBUG INFORMATION
var tmpUsers = {};

var Chatroom = {
   windows: {},    // JavaScript object to store all chatroom windows
   listObjects: [],//a list of the update status pool system
   tmpListObjects: [],//a clone status pool list

   /**
    * Create a new chatroom
    *
    * @arguments
    *   name - chatroom name
    *   imTitle - window title, default is chatroom name
    *
    * @author Joshua Gross
    **/
   
   create: function(name, imTitle) {
      
      var imLeft = Math.round(Math.random()*(Browser.width()-360))+'px';
      var imTop  = Math.round(Math.random()*(Browser.height()-400))+'px';
   
      var appendTitle = '';
      
      appendTitle = '<a href="#" style="zIndex: 20000;" id="' + winId + '_setFont" onclick="ChatHistory.openHistory(\'' + name + '\',true);return false;" onselectstart="return false;">'+Languages.get('viewHistory')+'</a>';
      
      var winId = randomString(32) + '_chat';
   
      this.windows[name] = new ChatWindow({id: winId, className: "dialog", width: 475, height: 340, top: imTop, left: imLeft, resizable: true, title: imTitle, draggable: true, detachable: false, minWidth: 475, minHeight: 150, showEffectOptions: {duration: 0}, hideEffectOptions: {duration: 0}});
      
      this.windows[name].setConstraint(true, {left: 0, right: 0, top: 0, bottom: 0});
      
      this.windows[name].getContent().innerHTML = '<div class="imToolbar" id="'+winId+'_history" onmousemove="return false;" onselectstart="return false;"></div>' + "\n" +
                                                   '<div class="rcvdMessages" id="' + winId + '_rcvd"></div>' + "\n" +
                                                   '<div class="chatUserList" id="' + winId + '_userlist"><ul id="' + winId + '_ul" class="sortable box"><li style="display:none"></li></ul></div>' + "\n" +
                                                   '<div class="imToolbar" id="' + winId + '_toolbar" onmousemove="return false;" onselectstart="return false;"><img src="themes/'+theme+'/window/bold_off.png" onmouseover="buttonHover(this);" onmouseout="buttonNormal(this);" onclick="Chatroom.windows[\'' + name + '\'].toggleBold();" onmousedown="return false;" alt="' + Languages.get('bold') + '" id="' + winId + '_bold" /> ' +
                                                   '<img src="themes/'+theme+'/window/italic_off.png" onmouseover="buttonHover(this);" onmouseout="buttonNormal(this);" onclick="Chatroom.windows[\'' + name + '\'].toggleItalic();" onmousedown="return false;" alt="' + Languages.get('italic') + '" id="' + winId + '_italic" /> '+
                                                   '<img src="themes/'+theme+'/window/underline_off.png" onmouseover="buttonHover(this);" onmouseout="buttonNormal(this);" onclick="Chatroom.windows[\'' + name + '\'].toggleUnderline();" onmousedown="return false;" alt="' + Languages.get('underline') + '" id="' + winId + '_underline" /></div>' +
                                                   ' <a href="#" class="setFontLink" id="' + winId + '_setFont" onclick="Chatroom.windows[\'' + name + '\'].toggleFontList();return false;" onselectstart="return false;">Tahoma</a>' +
                                                   ' <a href="#" class="setFontSizeLink" id="' + winId + '_setFontSize" onclick="Chatroom.windows[\'' + name + '\'].toggleFontSizeList();return false;" onselectstart="return false;">12</a>' +
                                                   ' <a href="#" class="setFontColorLink" id="' + winId + '_setFontColor" onclick="Chatroom.windows[\'' + name + '\'].toggleFontColorList();return false;" onselectstart="return false;"><div id="' + winId + '_setFontColorColor" style="width:14px;height:14px;display:block;"></div></a>' +
                                                   ' <a href="#" class="insertEmoticonLink" id="' + winId + '_insertEmoticon" onclick="Chatroom.windows[\'' + name + '\'].toggleEmoticonList();return false;" onselectstart="return false;"><img src="themes/' + theme + '/emoticons/mini_smile.gif" width="14" height="14" style="border:0;" /></a>' +
                                                   "\n" + '<div style="overflow:auto;"><textarea class="inputText" id="' + winId + '_sendBox" onfocus="blinkerOn(false);" onkeypress="return Chatroom.windows[\'' + name + '\'].keyHandler(event);"></textarea></div>';
      
      this.windows[name].setRoom(name);
      
      $(winId+'_history').innerHTML = appendTitle;
      
      $(winId + '_history').setStyle({width:   (this.windows[name].getSize().width-155) + 'px', height:20  + 'px'});
      $(winId + '_userlist').setStyle({left:   (this.windows[name].getSize().width - 155) + 'px', height: (this.windows[name].getSize().height - 12) + 'px'});
      $(winId + '_rcvd').setStyle({marginTop: '20px', height: this.windows[name].getSize().height - 123 + 'px', width: (this.windows[name].getSize().width - 170) + 'px'});
      $(winId + '_toolbar').setStyle({top:   (this.windows[name].getSize().height - 73) + 'px', width: (this.windows[name].getSize().width - 170) + 'px'});
      $(winId + '_setFont').setStyle({top: (this.windows[name].getSize().height - 65) + 'px'});
      $(winId + '_setFontSize').setStyle({top: (this.windows[name].getSize().height - 65) + 'px'});
      $(winId + '_setFontColor').setStyle({top: (this.windows[name].getSize().height - 65) + 'px'});
      $(winId + '_setFontColorColor').setStyle({backgroundColor: '#000'});
      $(winId + '_insertEmoticon').setStyle({top: (this.windows[name].getSize().height - 65) + 'px'});

      var sendBox = $(winId + '_sendBox');
      sendBox.setStyle({top:            (this.windows[name].getSize().height - 45) + 'px',
                        left:           '2px',
                        width:          (this.windows[name].getSize().width - 175) + 'px',
                        fontWeight:     '400',
                        fontStyle:      'normal',
                        textDecoration: 'none'});

      this.windows[name].show();
      this.windows[name].toFront();
      Windows.focusedWindow = this.windows[name];
      setTimeout("$('"+winId+"_sendBox').focus();", 250);
      
   },
   
   /**
    * Process chatroom window resize
    *
    * @arguments
    *   name - chatroom name
    *
    * @author Joshua Gross
    **/
   
   handleResize: function(name) {
      var winId = this.windows[name].getId();

      $(winId + '_history').setStyle({width:   (this.windows[name].getSize().width-155) + 'px', height:20  + 'px'});
      $(winId + '_userlist').setStyle({left:   (this.windows[name].getSize().width - 155) + 'px', height: (this.windows[name].getSize().height - 12) + 'px'});
      $(winId + '_rcvd').setStyle({marginTop: '20px', height: this.windows[name].getSize().height - 123 + 'px', width: (this.windows[name].getSize().width - 170) + 'px'});
      $(winId + '_toolbar').setStyle({top:   (this.windows[name].getSize().height - 73) + 'px', width: (this.windows[name].getSize().width - 170) + 'px'});
      $(winId + '_setFont').setStyle({top: (this.windows[name].getSize().height - 65) + 'px'});
      $(winId + '_setFontSize').setStyle({top: (this.windows[name].getSize().height - 65) + 'px'});
      $(winId + '_setFontColor').setStyle({top: (this.windows[name].getSize().height - 65) + 'px'});
      $(winId + '_setFontColorColor').setStyle({backgroundColor: '#000'});
      $(winId + '_insertEmoticon').setStyle({top: (this.windows[name].getSize().height - 65) + 'px'});
      $(winId + '_sendBox').setStyle({top: (this.windows[name].getSize().height - 45) + 'px', left: '2px', width: (this.windows[name].getSize().width - 175) + 'px'});
   },

   /**
    * Send request to server to enter a chatroom
    *
    * @argument
    *   room - room name user is entering
    *
    * @author Joshua Gross
    **/
   
   join: function(room) {
      
      if(room.length){
         
         room = room.toLowerCase();
         
         var xhConn = new XHConn();
         
         xhConn.connect(pingTo, "POST", "call=joinroom&room="+room,
                        
            function(xh) {
               if(xh.responseText.indexOf('"') == -1) {
                  switch(xh.responseText) {
                     case 'already_joined':
                        $('newroom_error_msg').innerHTML = Languages.get('alreadyInRoom').replace('%1', room);
                        break;
                     case 'room_is_user':
                        $('newroom_error_msg').innerHTML = Languages.get('invalidRoom');
                        break;
                     case 'invalid_chars':
                        $('newroom_error_msg').innerHTML = Languages.get('invalidRoomChars');
                        break;
                  }
                  
               } else {
                  
                  var fetchHistory = false;
                  
                  if(!$(room + '_im')) {
                     
                     fetchHistory = true;
                     
                     Chatroom.create(room, room);
                     
                     Chatroom.listObjects.push(room);
                     
                     WinTools.posMe(true,Chatroom.windows[room]);
                     
                  } else {
                     if(!Chatroom.windows[room].isVisible()) {
                        fetchHistory = true;
                        Chatroom.windows[room].show();
                        var curIM = (!window['Chatroom'].windows[room].detached ? $(window['Chatroom'].windows[room].getId()+"_rcvd") : window['IM'].windows[room].popup.$(window['Chatroom'].windows[room].getId()+"_rcvd"));
                        curIM.innerHTML = '';
                        setTimeout("scrollToBottom('" + room + "_rcvd')", 125);
                        WinTools.posMe(true,Chatroom.windows[room]);
                     }
                  }
                  
                  var users = xh.responseText.parseJSON().users;
                  for(var i=0; i<users.length; i++)
                     if(!$(users[i]['name']+'_'+name+'_chatUser')) Chatroom.windows[room].addUser(users[i]);
                  Windows.close('newRoom');
                  Chatroom.windows[room].toFront();
                  setTimeout("$('"+Chatroom.windows[room].getId()+"_sendBox').focus()", 125);
                  //populate the chat pool list
                  
                  //get chat history
                  
                  if(fetchHistory==true){
                     
                     makeHistoryCall(1,room);
                     
                  }
               }
              });
         
         xhConn = null;
      }
   },

   /**
    * Proccess the leaving of a chatroom
    *
    * @arguments
    *   room - room name the user is leaving
    *
    * @author Joshua Gross
    **/
   
   leave: function(room) {
      
      var xhConn = new XHConn();
      
      xhConn.connect(pingTo, "POST", "call=leaveroom&room="+room, null);
      
      
   },
   
   /**
    * Proccess the userlist retrieved from server
    *
    * @arguments
    *   room - room name of the user
    *   users - a list of users and status 
    *
    * @author Augusto Mathias Adams
    **/
   

   updateUserStatus: function(data){
      
      var roomsCount = (typeof(data) !== 'undefined' ? data.length : 0);
      
      for(i=0; i<roomsCount; i++){
         
         if(typeof(data[i].users)!='undefined' && typeof(data[i].room)!='undefined'){
            
            var room = data[i].room;
            
            var usersCount = data[i].users.length;
            
            if(!isNull(Chatroom.windows[room])){
               
               var winId = Chatroom.windows[room].getId();
               
               if(!isNull($(winId + '_ul'))){
               
                  $(winId + '_ul').innerHTML = '';
                  
                  for(j=0;j<usersCount;j++){
                     
                     //updating status from user's list id
                     
                     var username = data[i].users[j].username;
                     
                     var status = data[i].users[j].status;
                     
                     var profile_link = data[i].users[j].profile_link;
                     
                     if(status == 49 || status == 99 || status== -1) {
                        
                        $(winId + '_ul').innerHTML += '<li id="'+username+'_'+room+'_chatUser" class="buddy" onmousedown="Chatroom.windows[\'' + room + '\'].clickUser(\''+username+'\');return false;" onselectstart="return false;" onmouseover="Chatroom.windows[\'' + room + '\'].selectUser(this, \''+username+'\', true);setData(\''+username+'\',\''+profile_link+'\',\'ChatWindow\');" onmouseout="Chatroom.windows[\'' + room + '\'].selectUser(this, \''+username+'\', false);" ondblclick="Chatroom.windows[\'' + room + '\'].onUserDblClick();" style="padding:0px;"><img src="themes/' + theme + '/offline.png" alt="" id="'+username+'_'+room+'_chatImg" />&nbsp;'+username+'</li>';
                        $(username+'_'+room+'_chatUser').setStyle({listStyleType: 'none', display: 'none'});
                        
                     } else if(status == 1) {
                        
                        $(winId + '_ul').innerHTML += '<li id="'+username+'_'+room+'_chatUser" class="buddy" onmousedown="Chatroom.windows[\'' + room + '\'].clickUser(\''+username+'\');return false;" onselectstart="return false;" onmouseover="Chatroom.windows[\'' + room + '\'].selectUser(this, \''+username+'\', true);setData(\''+username+'\',\''+profile_link+'\',\'ChatWindow\');" onmouseout="Chatroom.windows[\'' + room + '\'].selectUser(this, \''+username+'\', false);" ondblclick="Chatroom.windows[\'' + room + '\'].onUserDblClick();" style="padding:0px;"><img src="themes/' + theme + '/away.png" alt="" id="'+username+'_'+room+'_chatImg" />&nbsp;'+username+'</li>';
                        $(username+'_'+room+'_chatUser').setStyle({listStyleType: 'none'});
                        
                     } else if(status == 0){
                        
                        $(winId + '_ul').innerHTML += '<li id="'+username+'_'+room+'_chatUser" class="buddy" onmousedown="Chatroom.windows[\'' + room + '\'].clickUser(\''+username+'\');return false;" onselectstart="return false;" onmouseover="Chatroom.windows[\'' + room + '\'].selectUser(this, \''+username+'\', true);setData(\''+username+'\',\''+profile_link+'\',\'ChatWindow\');" onmouseout="Chatroom.windows[\'' + room + '\'].selectUser(this, \''+username+'\', false);" ondblclick="Chatroom.windows[\'' + room + '\'].onUserDblClick();" style="padding:0px;"><img src="themes/' + theme + '/online.png" alt="" id="'+username+'_'+room+'_chatImg" />&nbsp;'+username+'</li>';
                        $(username+'_'+room+'_chatUser').setStyle({listStyleType: 'none'});
                        
                     }else{
                        
                        $(winId + '_ul').innerHTML += '<li id="'+username+'_'+room+'_chatUser" class="buddy" onmousedown="Chatroom.windows[\'' + room + '\'].clickUser(\''+username+'\');return false;" onselectstart="return false;" onmouseover="Chatroom.windows[\'' + room + '\'].selectUser(this, \''+username+'\', true);setData(\''+username+'\',\''+profile_link+'\',\'ChatWindow\');" onmouseout="Chatroom.windows[\'' + room + '\'].selectUser(this, \''+username+'\', false);" ondblclick="Chatroom.windows[\'' + room + '\'].onUserDblClick();" style="padding:0px;"><img src="themes/' + theme + '/offline.png" alt="" id="'+username+'_'+room+'_chatImg" />&nbsp;'+username+'</li>';
                        $(username+'_'+room+'_chatUser').setStyle({listStyleType: 'none', display: 'none'});
                        
                     }
                     
                  }
                  
               }
               
            }
            
         }
         
      }
      
   }
   
};

/**
 * Chatroom Window Class
 **/

var ChatWindow = Class.create();
Object.extend(ChatWindow.prototype, IMWindow.prototype);
Object.extend(ChatWindow.prototype, {
   curSelected: '', // currnet user selected from the chatroom user list

   /**
    * Set the class' room name variable
    *
    * @author Joshua Gross
    **/
   
   setRoom: function(name) {
      this.room = name;
   },
   
   /**
    * Add a user to the chatroom user list
    *
    * @arguments
    *   username - user to add
    *
    * @author Joshua Gross
    **/
   
   addUser: function(user) {
      
      var username = user['name'];
      
      var profile_link = user['profile_link'] == 'none' || user['profile_link'] == ''  ? null : user['profile_link'];
      
      $(this.getId() + '_ul').innerHTML += '<li id="'+username+'_'+this.room+'_chatUser" class="buddy" onmousedown="Chatroom.windows[\'' + this.room + '\'].clickUser(\''+username+'\');return false;" onselectstart="return false;" onmouseover="Chatroom.windows[\'' + this.room + '\'].selectUser(this, \''+username+'\', true);setData(\''+username+'\',\''+profile_link+'\',\'ChatWindow\');" onmouseout="Chatroom.windows[\'' + this.room + '\'].selectUser(this, \''+username+'\', false);" ondblclick="Chatroom.windows[\'' + this.room + '\'].onUserDblClick();" style="padding:0px;"><img src="themes/' + theme + '/online.png" alt="" id="'+username+'_'+this.room+'_chatImg" />&nbsp;'+username+'</li>';
      $(username+'_'+this.room+'_chatUser').setStyle({listStyleType: 'none'});
      
   },
   
   /**
    * Remove a user from the chatroom user list
    *
    * @arguments
    *   username - user to remove
    *
    * @author Joshua Gross
    **/
   
   deleteUser: function(username) {
      
      var toDelete = $(username + '_' + this.room + '_chatUser');
      
      if(!isNull(toDelete)){
         
         if(!isNull(toDelete.parentNode)){
            
            toDelete.parentNode.removeChild(toDelete);
            
         }
         
      }
      
   },

   /**
    * Process mouseover and mousout calls for the user list
    *
    * @arguments
    *   sel - element
    *   username - user's username
    *   selected - is mouse over or did it go out
    *
    * @author Joshua Gross
    **/
   
   selectUser: function(sel, username, selected) {
      if(!isNull(sel)){
         if(selected === false) {
            if(this.curSelected != username) {
               try {
                  Element.addClassName(sel, 'listNotSelected');
                  Element.removeClassName(sel, 'listSelected');
                  Element.removeClassName(sel, 'listHover');
               } catch(e) { }
            } else {
               Element.addClassName(sel, 'listSelected');
               Element.removeClassName(sel, 'listNotSelected');
               Element.removeClassName(sel, 'listHover');
            }
         } else {
            Element.addClassName(sel, 'listHover');
            Element.removeClassName(sel, 'listSelected');
            Element.removeClassName(sel, 'listNotSelected');
         }
      }
   },

   /**
    * Process event when a user is clicked
    *
    * @arguments
    *   username - the username of the user clicked
    *
    * @author Josh Gross
    **/
   
   clickUser: function(username) {
      if(this.curSelected.length > 0) {
         try {
            var el = $(this.curSelected + '_' + this.room + '_chatUser');
            if(!isNull(el)){
               Element.addClassName(el, 'listNotSelected');
               Element.removeClassName(el, 'listSelected');
               Element.removeClassName(el, 'listHover');
            }
         } catch(e) { }
      }
      
      this.curSelected = username;
      
      var oel = $(this.curSelected + '_' + this.room + '_chatUser');
      if(!isNull(oel)){
         Element.addClassName(oel, 'listSelected');
         Element.removeClassName(oel, 'listNotSelected');
         Element.removeClassName(oel, 'listHover');
      }
   },

   /**
    * On DoubleClick of a user from the chatroom user
    * list, start a private IM with him/her.
    *
    * @author Joshua Gross
    **/
   
   onUserDblClick: function() {
      
      if(this.curSelected.length > 0) {
         
         var fetchHistory = true;
         
         if(typeof(IM.windows[this.curSelected]) == 'undefined') {
            IM.create(this.curSelected, this.curSelected);
            WinTools.posMe(false,IM.windows[this.curSelected]);
         } else {
            if(!IM.windows[this.curSelected].isVisible()) {
               WinTools.posMe(false,IM.windows[this.curSelected]);
               $(IM.windows[this.curSelected].getId() + '_rcvd').innerHTML = '';
               IM.windows[this.curSelected].show();
               IM.windows[this.curSelected].toFront();
               setTimeout("scrollToBottom('" + IM.windows[this.curSelected].getId() + "_rcvd')", 125);
               setTimeout("$('" + IM.windows[this.curSelected].getId() + "_sendBox').focus();", 250);
            } else {
               fetchHistory = false;
               IM.windows[this.curSelected].toFront();
               setTimeout("$('" + IM.windows[this.curSelected].getId() + "_sendBox').focus();", 250);
            }
         }
         
         //get history
         if(fetchHistory == true){
            
            makeHistoryCall(0,this.curSelected);
            
         }
         
      }
      
   }
   
});


/**
 * Class to handle the window of the chat rooms
 **/


var ChatroomList = {
   
   curSelected: '',  // current selected chat room

   /**
    * Get list of chat rooms that exist
    *
    * @author Joshua Gross
    **/
   get: function(applyTo) {
      
      /*
      
         var xhConn = new XHConn();

         xhConn.connect(pingTo, "POST", "call=roomlist", function(xh) {
            
            var rooms = xh.responseText.parseJSON();
            
            applyTo.innerHTML = '<ul id="join_room_ul" class="sortable box" style="padding: 0px; margin: 0px;"><li style="display:none;"></li>';
            
            if(rooms.length > 0 || predefRooms.length > 0) {
               
               for(var i=0; i<rooms.length; i++) {
                  
                  //var hexmd5 = hex_md5(rooms[i]);
                  
                  
                  var hexmd5 = hex_md5(rooms[i]['room'].toLowerCase());
                  
                  if (!$('chatroom_list_' + hexmd5)) {
                     
                     applyTo.innerHTML += '<li id="chatroom_list_' + hexmd5 + '" class="buddy" style="padding-left:1%;" onmousedown="ChatroomList.clickRoom(\'' + rooms[i]['room'] + '\');return false;" onmouseover="ChatroomList.selectRoom(this, \'' + rooms[i]['room'] + '\', true);" onmouseout="ChatroomList.selectRoom(this, \'' + rooms[i]['room'] + '\', false);" onDblClick="Chatroom.join(\'' + rooms[i]['room'] + '\');">' + rooms[i]['room'] + '['+rooms[i]['users']+']</li>';
                  }
                  
               }
               
               for(var i=0; i<predefRooms.length; i++) {
                  
                  //var hexmd5 = hex_md5(predefRooms[i]);
                  
                  var hexmd5 = hex_md5(predefRooms[i].toLowerCase());
                  
                  if (!$('chatroom_list_' + hexmd5)) {
                     
                     applyTo.innerHTML += '<li id="chatroom_list_' + hexmd5 + '" class="buddy" style="padding-left:1%;" onmousedown="ChatroomList.clickRoom(\'' + predefRooms[i] + '\');return false;" onmouseover="ChatroomList.selectRoom(this, \'' + predefRooms[i] + '\', true);" onmouseout="ChatroomList.selectRoom(this, \'' + predefRooms[i] + '\', false);" onDblClick="Chatroom.join(\'' + predefRooms[i] + '\');">' + predefRooms[i] + '[0]</li>';
                     
                  }
                  
               }
               
            } else {
               
               applyTo.innerHTML += '<li class="buddy" style="margin: 2px 0px 0px 0px; padding: 0px; text-align: center;">' + Languages.get('noRoomsExist') + '</li>';
               
            }
            
            applyTo.innerHTML += '</ul>';
            
         });
      */
   },

   /**
    * Proccess mouseover and mouseout of list items
    *
    * @arguments
    *   sel - list element
    *   roomname - chatroom name
    *   selected - did mouse go over or out
    *
    * @author Joshua Gross
    **/
   
   selectRoom: function(sel, roomname, selected) {
      if(!isNull(sel)){
      if(selected === false) {
         if(this.curSelected != roomname) {
            try {
               Element.addClassName(sel, 'listNotSelected').removeClassName('listSelected').removeClassName('listHover');
            } catch(e) { }
         } else {
            Element.addClassName(sel, 'listSelected').removeClassName('listNotSelected').removeClassName('listHover');
         }
      } else {
         Element.addClassName(sel, 'listHover').removeClassName('listSelected').removeClassName('listNotSelected');
      }
      }
   },

   /**
    * Process the clicking of a room
    *
    * @arguments
    *   roomname - room that was clicked
    *
    * @author Joshua Gross
    **/
   
   clickRoom: function(roomname) {
      if(this.curSelected.length > 0) {
         try {
            var el = $('chatroom_list_' + hex_md5(this.curSelected));
            if(!isNull(el)){
               Element.addClassName($('chatroom_list_' + hex_md5(this.curSelected)), 'listNotSelected').removeClassName('listSelected').removeClassName('listHover');
            }
         } catch(e) { }
      }
      
      this.curSelected = roomname;
      $('roomname').value = roomname;
      var el = $('chatroom_list_' + hex_md5(roomname));
      if(!isNull(el)){
         Element.addClassName($('chatroom_list_' + hex_md5(roomname)), 'listSelected').removeClassName('listNotSelected').removeClassName('listHover');
      }
   }
   
};

//init the chat pool system