//Script: Chat Window Script
//Ver: 0.0.1
//Description: Dynamically generate a chat window. The HTML of this is a little different currently from the main chatwindow code being used for all the clients.
//This code is currently being used only for the DEP clients.
//Update: 
// Typing status added in the code right after the username feature
//--------creation of main floating div
var lc_floatDiv = document.getElementById("floatDiv");
//---------Creation of minDiv
    var lc_minDiv = document.createElement("div");
    lc_minDiv.setAttribute("id", "minDiv");
//--------creation of maxBtn
    var lc_maxBtn = document.createElement("div");
    lc_maxBtn.setAttribute("id", "maxBTN");
//--------creation of max Anchor
    var lc_maxAnchor = document.createElement("a");
    lc_maxAnchor.setAttribute("href", "javascript:maximizeWindow()");
//-------creation of max Anchor Image
    var lc_maxAnchorImg = document.createElement("img");
    lc_maxAnchorImg.setAttribute("src", _imageURL+"trans.gif");
    lc_maxAnchorImg.setAttribute("alt", "");
    lc_maxAnchorImg.setAttribute("border", "0");
    lc_maxAnchor.appendChild(lc_maxAnchorImg);
    lc_maxBtn.appendChild(lc_maxAnchor);
    lc_minDiv.appendChild(lc_maxBtn);
    lc_floatDiv.appendChild(lc_minDiv);
//--------creation of chatDiv        
    var lc_chatDiv = document.createElement("div");
    lc_chatDiv.setAttribute("id", "ChatDiv");
    lc_floatDiv.appendChild(lc_chatDiv);
//--------Creation of close button
    var lc_closeBtn = document.createElement("div");
    lc_closeBtn.setAttribute("id", "closeBTN");
    var lc_closeAnchor = document.createElement("a");
    lc_closeAnchor.setAttribute("href", "javascript:CloseChatWindow()");
    var lc_closeAnchorImg = document.createElement("img");
    lc_closeAnchorImg.setAttribute("src", _imageURL+"btnClose.gif");
    lc_closeAnchorImg.setAttribute("alt", "Close");
    lc_closeAnchorImg.setAttribute("width", "1");
    lc_closeAnchorImg.setAttribute("height", "1");
    lc_closeAnchorImg.setAttribute("border", "0");
    lc_closeAnchor.appendChild(lc_closeAnchorImg);
    lc_closeBtn.appendChild(lc_closeAnchor);
    lc_chatDiv.appendChild(lc_closeBtn);
//-----Creation of minimize button
    var lc_minBtn = document.createElement("div");
    lc_minBtn.setAttribute("id", "minBTN");
    var lc_minAnchor = document.createElement("a");
    lc_minAnchor.setAttribute("href", "javascript:minimizeWindow()");
    var lc_minAnchorImg = document.createElement("img");
    lc_minAnchorImg.setAttribute("src", _imageURL+"btnMin.gif");
    lc_minAnchorImg.setAttribute("alt", "Close");
    lc_minAnchorImg.setAttribute("width", "1");
    lc_minAnchorImg.setAttribute("height", "1");
    lc_minAnchorImg.setAttribute("border", "0");
    lc_minAnchor.appendChild(lc_minAnchorImg);
    lc_minBtn.appendChild(lc_minAnchor);
    lc_chatDiv.appendChild(lc_minBtn);
//-------Creation of view complete conversation typing status and username
    var lc_convDiv = document.createElement("div");
	if(typeof(lc_typing_status)!="undefined") // If Typing Status is activated
	if(lc_typing_status && lc_typing_status!=null){
		var lc_typingStatus=document.createElement("img");
		lc_typingStatus.setAttribute("id","statusImage");
		lc_typingStatus.setAttribute("src",_imageURL +"typingStatus.gif");
		lc_typingStatus.style.display="none";
	}
    lc_convDiv.setAttribute("id", "convDiv");
	//display name of the operator. This is for all DEP clients.
    var lc_userName = document.createElement("span");
    lc_userName.setAttribute("id", "cwin_username");
    var lc_convAnchor = document.createElement("a");
	//create a text pointing to view complete conversation.
    lc_convAnchor.setAttribute("id", "conversationDIV");
    lc_convAnchor.setAttribute("href", "#");
    lc_convAnchor.innerHTML = "View Complete Conversation";
	if(typeof(lc_typing_status)!="undefined")
if(lc_typing_status && lc_typing_status!=null){
lc_convDiv.appendChild(lc_typingStatus);
}
    lc_convDiv.appendChild(lc_convAnchor);
    lc_convDiv.appendChild(lc_userName);
    lc_chatDiv.appendChild(lc_convDiv);
//-------Creation of chat window textarea
    var lc_txtChat = document.createElement("textarea");
    lc_txtChat.setAttribute("id", "txtChatWin");
    lc_txtChat.setAttribute("rows", "12");
    lc_txtChat.setAttribute("cols", "40");
    lc_txtChat.setAttribute("readonly", "readonly");
    lc_chatDiv.appendChild(lc_txtChat);
    jQuery("#txtChatWin").addClass("ConvWin");
//-----------    
    var lc_break = document.createElement("br");
    lc_chatDiv.appendChild(lc_break);
//------------Creation of message window textarea
    var lc_txtMsg = document.createElement("textarea");
    lc_txtMsg.setAttribute("id", "txtMessageWin");
	lc_txtMsg.setAttribute("rows", "2");
    lc_txtMsg.setAttribute("cols", "40");
    lc_chatDiv.appendChild(lc_txtMsg);
    jQuery("#txtMessageWin").addClass("MessageWin");
    
//-----Creation of Send Button
    var lc_btnSend = document.createElement("input");
    lc_btnSend.setAttribute("id", "btnSend");
    lc_btnSend.setAttribute("type", "button");
    lc_chatDiv.appendChild(lc_btnSend);

    jQuery("#btnSend").addClass("SendButton");
    
//------Creation of Open Link Button
    var lc_btnURL = document.createElement("input");
    lc_btnURL.setAttribute("id", "btnURL");    
    lc_btnURL.setAttribute("type", "button");
    lc_chatDiv.appendChild(lc_btnURL);
	jQuery("#btnURL").addClass("OpenButton");   
      
/***********************************************
* Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var offsetxpoint=-45 //Customize x offset of tooltip
var offsetypoint=15 //Customize y offset of tooltip
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
 
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
 
function ddrivetip(thetext, thecolor, thewidth){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}
 
function positiontip(e){
if (enabletip){
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
 
var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
 
//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth)
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
else if (curX<leftedge)
tipobj.style.left="5px"
else
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetxpoint+"px"
 
//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight)
tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
else
tipobj.style.top=curY+offsetypoint+"px"
tipobj.style.visibility="visible"
}
}
 
function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}
 
document.onmousemove=positiontip
 
//ENd TOOL TIP