///////////////////////////////////
//         ajax im 3.41          //
//    AJAX Instant Messenger     //
//   Copyright (c) 2006-2008     //
//    http://www.ajaxim.com/     //
//   Do not remove this notice   //
///////////////////////////////////
/**
* Chatroom Class
**/
var Chatroom = {
windows: {},    // JavaScript object to store all chatroom windows
/**
* 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 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="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 + '_userlist').setStyle({left:   (this.windows[name].getSize().width - 155) + 'px', height: (this.windows[name].getSize().height - 12) + 'px'});
$(winId + '_rcvd').setStyle({marginTop: '5px', height: (this.windows[name].getSize().height - 103) + '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 + '_userlist').setStyle({left: (this.windows[name].getSize().width - 155) + 'px', height: (this.windows[name].getSize().height - 12) + 'px'});
$(winId + '_rcvd').setStyle({height: (this.windows[name].getSize().height - 103) + '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) {
room = room.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
if (room.length == 0) {
$('newroom_error_msg').innerHTML = Languages.get('newRoomPlease');
return;
}
if (room.length >= 16) {
$('newroom_error_msg').innerHTML = Languages.get('invalidRoom');
return;
}
if (room.match(/[,\'`\"\)\(%\^&*<>\\\/]+/)) {
$('newroom_error_msg').innerHTML = Languages.get('invalidRoomChars').replace('%1', room);
return;
}
room = room.toLowerCase();
roomWin = Chatroom.windows[room];
if (!roomWin || !roomWin.isVisible()) {
BlazeDS.joinRoom(room);
} else {
$('newroom_error_msg').innerHTML = Languages.get('alreadyInRoom').replace('%1', room);
}
},
showChatRoom: function(room, users) {
if(!$(room + '_im')) {
try { Chatroom.create(room, room); } catch (e) {};
} else {
if(!Chatroom.windows[room].isVisible()) {
Chatroom.windows[room].show();
setTimeout("scrollToBottom('" + room + "_rcvd')", 125);
}
}
for(var i=0; i<users.length; i++) {
if(!$(users[i]+'_'+name+'_chatUser')) Chatroom.windows[room].addUser(users[i]);
}
Windows.close('newRoom');
Chatroom.windows[room].toFront();
setTimeout("try { $('"+Chatroom.windows[room].getId()+"_sendBox').focus(); } catch(e){}", 1000);
},
/**
* Proccess the leaving of a chatroom
*
* @arguments
*   room - room name the user is leaving
*
* @author Joshua Gross
**/
leave: function(room) {
BlazeDS.leaveRoom(room);
//var xhConn = new XHConn();
//xhConn.connect(pingTo, "POST", "call=leaveroom&room="+room, null);
}
};
/**
* 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(username) {
$(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);" 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(typeof(toDelete) !== 'undefined')
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(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');
Element.addClassName(el, 'listNotSelected');
Element.removeClassName(el, 'listSelected');
Element.removeClassName(el, 'listHover');
} catch(e) { }
}
this.curSelected = username;
var oel = $(this.curSelected + '_' + this.room + '_chatUser');
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 (user == this.curSelected) return;
if(this.curSelected.length > 0) {
if(typeof(IM.windows[this.curSelected]) == 'undefined') {
IM.create(this.curSelected, this.curSelected);
} else {
if(!IM.windows[this.curSelected].isVisible()) {
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 {
IM.windows[this.curSelected].toFront();
setTimeout("$('" + IM.windows[this.curSelected].getId() + "_sendBox').focus();", 250);
}
}
}
}
});
/**
* Class to handle the window of the chat rooms
**/
var ChatroomList = {
curSelected: '',  // current selected chat room
applyTo: null,
/**
* Get list of chat rooms that exist
*
* @author Joshua Gross
**/
get: function(applyTo) {
this.applyTo = applyTo;
BlazeDS.getRoomList();
},
showRoomList: function(rooms) {
this.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]);
if (!$('chatroom_list_' + hexmd5)) {
this.applyTo.innerHTML += '<li id="chatroom_list_' + hexmd5 + '" class="buddy" style="padding-left:1%;" onmousedown="ChatroomList.clickRoom(\'' + rooms[i] + '\');return false;" onmouseover="ChatroomList.selectRoom(this, \'' + rooms[i] + '\', true);" onmouseout="ChatroomList.selectRoom(this, \'' + rooms[i] + '\', false);">' + rooms[i] + '</li>';
}
}
for(var i=0; i<predefRooms.length; i++) {
var hexmd5 = hex_md5(predefRooms[i]);
if (!$('chatroom_list_' + hexmd5)) {
this.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);">' + predefRooms[i] + '</li>';
}
}
} else {
this.applyTo.innerHTML += '<li class="buddy" style="margin: 2px 0px 0px 0px; padding: 0px; text-align: center;">' + Languages.get('noRoomsExist') + '</li>';
}
this.applyTo.innerHTML += '</ul>';
},
/*
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]);
if (!$('chatroom_list_' + hexmd5)) {
applyTo.innerHTML += '<li id="chatroom_list_' + hexmd5 + '" class="buddy" style="padding-left:1%;" onmousedown="ChatroomList.clickRoom(\'' + rooms[i] + '\');return false;" onmouseover="ChatroomList.selectRoom(this, \'' + rooms[i] + '\', true);" onmouseout="ChatroomList.selectRoom(this, \'' + rooms[i] + '\', false);">' + rooms[i] + '</li>';
}
}
for(var i=0; i<predefRooms.length; i++) {
var hexmd5 = hex_md5(predefRooms[i]);
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);">' + predefRooms[i] + '</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(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 {
Element.addClassName($('chatroom_list_' + hex_md5(this.curSelected)), 'listNotSelected').removeClassName('listSelected').removeClassName('listHover');
} catch(e) { }
}
this.curSelected = roomname;
$('roomname').value = roomname;
Element.addClassName($('chatroom_list_' + hex_md5(roomname)), 'listSelected').removeClassName('listNotSelected').removeClassName('listHover');
}
};