var getUsersMessagesCallback = function(retVal){
	dataReceivedBackFromServer(retVal);
};

function dataReceivedBackFromServer(obj){
	clearRightPanel();
	clearLeftPanel();
	p2pUsers = new Array();
	
	if(obj==null){
		alert("Empty");
	}else{
		var i=0;
		for(i=0;i<obj.length;i++){
			var oneMessage = obj[i];
			if(oneMessage != null){
				var fromUser = oneMessage.fromPlayer;
				var text = oneMessage.message;
				var msgID = oneMessage.id;
				var userRow = getP2pPlayer(fromUser);
				var date = getFormatedDate(oneMessage.timeSent);
				if(userRow == null){
					var usrID = oneMessage.fromUsrID;
					userRow = new UserRow(fromUser,usrID);
					p2pUsers.push(userRow);
				}
				var msg = new UserMessage(msgID, text,date);
		        userRow.msgList.push(msg);
			}
		}
	}
}
/** timeSent is in miliseconds */
function getFormatedDate(timeSent){
	//var dateString = now.getMonth() + "-" + now.getDate() + "-" + now.getFullYear() + " "
	//+ now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds();
	
	var date = new Date(timeSent);
	var text = date.toLocaleTimeString();
	text += "  "+date.getDate()+"/"+date.getMonth()+"/"+date.getFullYear();
	return text;
} 
var mainPanel;
var leftPanel;
var rightPanel;
var p2pUsers = new Array();

function showP2pHistory(){
	if(mainPanel){
		mainPanel.style.display = "inline";
		var msgData = TurboMingleBean.getMessageHistory({callback: getUsersMessagesCallback});
		return;
	}
    mainPanel = document.createElement('DIV');
    mainPanel.setAttribute('id', "mainPanelID");
    mainPanel.className = "p2pWindow";
    document.body.appendChild(mainPanel);
    
    var topPanel = document.createElement('DIV');
    topPanel.className = "p2pTopPanel";
    topPanel.setAttribute('id', "topPanelID");
    topPanel.innerHTML = "Message Archive";
    mainPanel.appendChild(topPanel);
    
    leftPanel = document.createElement('DIV');
    leftPanel.className = "p2pLeftPanel";
    leftPanel.setAttribute('id', "leftPanelID");
    leftPanel.innerHTML = "Users";
    mainPanel.appendChild(leftPanel);
    
    rightPanel = document.createElement('DIV');
    rightPanel.className = "p2pRightPanel";
    rightPanel.setAttribute('id', "rightPanelID");
    rightPanel.innerHTML = "Messages";
    mainPanel.appendChild(rightPanel);
    
    
	var closeMinimiseDiv = document.createElement('DIV');
	closeMinimiseDiv.className = "p2pClosePanel";
	//closeMinimiseDiv.innerHTML="[XXXX]";
	//closeMinimiseDiv.innerHTML = "<img style='padding:1px;cursor:pointer;' onmousedown='minimiseP2p();' width=18 heigh=18 src='"+contextPath+"/TurboMingle/gfx/minimise.gif'/><img style='padding:1px;cursor:pointer;' onmousedown='closeP2p();' width=18 heigh=18 src='"+contextPath+"/TurboMingle/gfx/close.gif'/>";
	closeMinimiseDiv.innerHTML = "<img style='padding:1px;cursor:pointer;' onmousedown='closeP2p();' width=18 heigh=18 src='"+contextPath+"/TurboMingle/gfx/close.gif'/>";
	mainPanel.appendChild(closeMinimiseDiv);
	
    Drag.init(topPanel, mainPanel);
    var msgData = TurboMingleBean.getMessageHistory({callback: getUsersMessagesCallback});
    
    //addUsers();
    //$("#mainPanelID").html("BBBB CCC");
    //$("#mainPanelID")[0].innerHTML="ZZZZZ";
    //alert($("#mainPanelID") == null);
}

function minimiseP2p(){}
function closeP2p(){
	mainPanel.style.display = "none";
}



var selectedUser;
function UserRow(userName,usrID){
    var thisUser = this;
    
    this.userName = userName;
    this.usrID = usrID;
    this.msgList = new Array();
    
    var _leftItem = document.createElement('DIV');
    _leftItem.className = "p2pLeftItem";
    _leftItem.style.left = 0 + "px";
    _leftItem.setAttribute('id', "leftItem" + userName);
    _leftItem.innerHTML = userName;
    this.leftItem = _leftItem;
    
    var _btnDiv = createDeleteBtn();
    _btnDiv.style.marginTop = 10 + "px";
    _btnDiv.style.marginLeft = 115 + "px";
    
    var _mainDiv = document.createElement('DIV');
    _mainDiv.className = "p2pOnePlayer";
    _mainDiv.appendChild(_leftItem);
    _mainDiv.appendChild(_btnDiv);
    
    leftPanel.appendChild(_mainDiv);
    
    //addSomeMessages(this);
    _leftItem.onclick = function(){
        selectUser();
    };
    
    var messages = this.msgList;
    
    _btnDiv.onclick = function(){
        leftPanel.removeChild(_mainDiv);
		if( selectedUser == thisUser){
			selectedUser = null;	
		}
		TurboMingleBean.deleteP2pMessages(""+thisUser.usrID);
		clearRightPanel();
    };
    
    function selectUser(){
    	clearRightPanel();
        var x = 0;
        var topValue = 0;
        for (x; x < messages.length; x++) {
            var msgDiv = messages[x].msgDiv;
            var btnDiv = messages[x].btnDiv;
            var mainDiv = messages[x].mainDiv;
            rightPanel.appendChild(mainDiv);
        }
        if (selectedUser) {
            selectedUser.leftItem.style.background = '#F2F2EF';
        }
        selectedUser = thisUser;
        _leftItem.style.background = '#9966AA';
    }
    
    this.removeMessageFromList = function(msgID){
        var i = 0;
        for (i; i < messages.length; i++) {
            if (messages[i].msgID == msgID) {
                messages.splice(i, 1);
                return;
            }
        }
    };
}

function clearRightPanel(){
    while (rightPanel.hasChildNodes()) {
        rightPanel.removeChild(rightPanel.lastChild);
    }
}
function clearLeftPanel(){
    while (leftPanel.hasChildNodes()) {
    	leftPanel.removeChild(leftPanel.lastChild);
    }
}

function createDeleteBtn(){
    var _btnDiv = document.createElement('DIV');
    _btnDiv.style.cursor = "pointer";
    _btnDiv.innerHTML = '[x]';
    _btnDiv.className = "deleteMsg";
    _btnDiv.onmouseover = function(){
        _btnDiv.style.color = '#550000';
    };
    _btnDiv.onmouseout = function(){
        _btnDiv.style.color = '#000000';
    };
    return _btnDiv;
}

function UserMessage(msgID, msgText,timeSent){
    this.msgID = msgID;
    this.msgText = msgText;
    
    
    var _msgDiv = document.createElement('DIV');
    _msgDiv.className = "p2pRightItem";
    _msgDiv.innerHTML = msgText;
    
    var _btnDiv = createDeleteBtn();
    _btnDiv.style.marginLeft = "440px";
    //_btnDiv.style.float = "left";
    _btnDiv.onclick = function(){
        deleteMessage(msgID);
    };
    var _timeDiv = createDeleteBtn();
    _timeDiv.className = "messageHistoryDate";
    _timeDiv.style.marginLeft = "13px";
    _timeDiv.style.width = 250+"px";
    _timeDiv.style.height="5"+"px";
    _timeDiv.innerHTML = "<i>"+timeSent+"</i>"
    
    var _mainDiv = document.createElement('DIV');
    _mainDiv.setAttribute('id', "msgID_" + msgID);
    _mainDiv.className = "p2pOneMessage";
    _mainDiv.appendChild(_timeDiv);
    _mainDiv.appendChild(_msgDiv);
    _mainDiv.appendChild(_btnDiv);
    
    this.msgDiv = _msgDiv;
    this.btnDiv = _btnDiv;
    this.mainDiv = _mainDiv;
}

function deleteMessage(msgID){
    var item = document.getElementById("msgID_" + msgID);
    rightPanel.removeChild(item);
    if (selectedUser) {
        selectedUser.removeMessageFromList(msgID);
        TurboMingleBean.deleteP2pMessage(""+msgID);
    }
    else {
        alert("No user selected");
    }
}

function getP2pPlayer(playerName){
	var i = 0;
	for (i; i < p2pUsers.length; i++) {
	    if (p2pUsers[i].userName == playerName) {
	        return p2pUsers[i];
	    }
	}
	return null;
}