var usersArray = new Array();
var currentId;
jQuery.noConflict();


function setPopupSession(_id,username,isAdd){
	usersArray[username] = _id;
	new Ajax.Request(chatSessionUrl, { method: 'get',parameters: 'targetUser='+_id+'&isAdd='+isAdd+'&username='+username, 
			onComplete: function(transport){
			}
	});
}

function hidePopUp(_id){
	jQuery("#"+_id).remove();
	currentId = null;
	var myId = _id.split("-");
	_id = myId[1];
	setPopupSession(usersArray[_id],_id,false);
	 
	remainPopup = $('pm').innerHTML;
	document.cookie = 'popup='+escape(remainPopup)+';path=/';
	//setCookie();
}

function createPopUp(_id, _userId, isUser,_username,_avatar){
	if ($('targetUser'+_username)!=null){
		return;
	}
	
	var myContainer = document.getElementById(_id);
	myContainer.id = "pm";
	myContainer.style.zIndex = "10000000";
	myContainer.style.position = "absolute";
	
	var container = document.createElement("div");
	container.id = "container_user"+_userId+"-"+_username;	
	container.style.height = "362px";
	container.style.margin = "0 5px";
	container.style.width = "270px";
	container.style.backgroundColor = "#EEEEEE";
	container.style.border = "1px solid #000000";
	   
	var divDrag = document.createElement("div");
	divDrag.id = "popUpHandle";
	divDrag.style.height = "15px";
	divDrag.style.border = "1px solid #f3fbff";
	divDrag.style.cursor = "move";
	divDrag.style.backgroundColor = "#6cc0df";
   
    var close = document.createElement("a"); 
    close.setAttribute("href", 'javascript:hidePopUp("'+container.id+'")');
    close.appendChild(document.createTextNode("X"));
    close.style.position = "relative";
    close.style.top = "-15px";
    close.style.left = "250px";
    close.style.color = "#ffffff";
    close.style.marginRight = "50px";
    jQuery(close).addClass('chatTitle');
     
    var title = document.createElement("a");
    title.id = "targetUser"+_username;	
    title.appendChild(document.createTextNode(_username));
    title.style.display = "block";
    title.style.float = "left";
    title.style.marginLeft = "60px";
    title.style.color = "#ffffff";
    jQuery(title).addClass('chatTitle');
    divDrag.appendChild(title);
    divDrag.appendChild(close);
     
    var avatar = document.createElement("img");	
    avatar.setAttribute("src", _avatar);
    avatar.style.position = "absolute";
    avatar.style.top = "5px";
    avatar.style.left = "5px"
    avatar.style.border = "1px groove #000000"
    avatar.setAttribute("height", "50");
	avatar.setAttribute("width", "50");
	 
	var clearDiv = document.createElement("div");
    clearDiv.style.clear="both";
     
    container.appendChild(divDrag);
    container.appendChild(avatar);
    container.appendChild(clearDiv);
     
    var pmTopContainer = document.createElement("div");
	if (isUser){
		pmTopContainer.id = "topContainer";
	}else{
		pmTopContainer.id = "topContainer"+_userId;	
	}
    pmTopContainer.style.overflow="auto";
    pmTopContainer.style.marginTop="45px";
    pmTopContainer.style.padding="5px 5px 5px 5px";
    pmTopContainer.style.height="265px";
    pmTopContainer.style.overflowX="hidden";
    pmTopContainer.style.backgroundColor = "#FFFFFF";
    pmTopContainer.style.borderTop = "2px solid gray";
      
    var lblContent = document.createElement("label");
    if (isUser){
      	lblContent.id = "userMsg";
    }else{
      	lblContent.id = "userMsg"+_userId;
    }
    pmTopContainer.appendChild(lblContent);
      
    var pmBottomContainer = document.createElement("div");
    pmBottomContainer.style.height="30px";
    pmBottomContainer.style.padding="5px 5px 5px 5px";
      
    var txtMessage = document.createElement("input");
    txtMessage.name ="message"+_userId;	
    txtMessage.id ="message"+_userId;	
    txtMessage.type ="text";
    txtMessage.style.width = "246px";
    txtMessage.style.marginTop="-5px";
    jQuery(txtMessage).addClass('chatText');
    
    pmBottomContainer.appendChild(txtMessage);
    container.appendChild(pmTopContainer);
    container.appendChild(pmBottomContainer);
    myContainer.appendChild(container);
    
	jQuery(container).addClass('childmessagePosition');
	jQuery(myContainer).addClass('parentmessagePosition');
	
	
    jQuery('#cmdSendMsg'+_userId).bind("click", function(){
        submitMessage(_userId, "romz",txtMessage.id,isUser);
    });
     
     
    jQuery(".childmessagePosition").draggable({
     	handle: '#popUpHandle',
     	containment : 'body'
    });
     
    jQuery('#message'+_userId).focus();
     
    jQuery('#message'+_userId).bind("keypress", function(e){
	    if ((e.which && e.which == 13) ||(e.keyCode && e.keyCode == 13)) {
			submitMessage(_userId, "romz",txtMessage.id,isUser);
		}
    });
     
    remainPopup = $('pm').innerHTML;
    document.cookie = 'popup='+escape(remainPopup)+';path=/';
    //setCookie();
}

function submitMessage(targetUser, member,textId, isUser){
	PrivateChat.doChatSay(textId,targetUser,isUser);
}