//สีประจำตัว icon ของ user เรียงตามลำดับตามชื่อของรูป icon u1.gif...u6.gif
//ถ้าเปลี่ยนหรือเพิ่มต้องเพิ่มไอคอน u?.gif ด้วย ในไดเรคทอรี่ skin/img
//และต้องเปลี่ยนใน config.php ด้วย


color= new Array("#F31A1F", "#386CD5", "#D5BE38", "#A638D5", "#F0671C", "#38D54E");

//ชื่อย่อของ smile icon ต่างๆ 
var smile= new Array(":a00:",":a01:",":a02:",":a03:",":a04:",":a05:",":a06:",":a07:",":a08:",":a09:",":a10:",":a11:",":a12:",":a13:",":a14:",":a15:",":a16:",":a17:",
":a18:",":a19:",":a20:",":a21:",":a22:",":a23:",":a24:",":a25:",":a26:",":a27:",":a28:",":a29:",":a30:",":a31:",":a31:",":a32:",":a33:",":a34:",":a35:",":a36:",
":a37:",":a38:",":a39:",":a40:",":a41:",":a42:",":a43:",":a44:",":a45:",":a46:",":a47:",":a48:",":a49:",":a50:",":a51:",":a52:",":a53:",":a54:",":a55:",":a56:",
":a57:",":a58:",":a59:",":a60:",":a61:",":a62:",":a63:",":a64:",":a65:",":a66:",":a67:",":a68:",":a69:",":a70:",":a71:",":a72:",":a73:",":a74:",":a75:",":a76:",
":a77:",":a78:",":a79:",":a80:",":a81:",":a82:",":a83:",":a84:",":a85:",":a86:",":a87:",":a88:",":a89:",":a90:",":a91:",":a92:",":a93:",":a94:",":a95:",":a96:",
":a97:",":a98:",":a99:",":a100:",":a101:",":a102:",":a103:",":a104:",":a105:",":a106:",":a107:",":a108:",":a109:",":a110:",":a111:",":a112:",":a113:",":a114:",
":a115:",":a116:",":a117:",":a118:",":a119:",":a120:",":a121:",":a122:",":a123:",":a124:",":a125:",":a126:",":a127:",":a128:",":a129:",":a130:",":a131:",":a132:");

var smiles= new Array(/:a00:/g ,/:a01:/g , /:a02:/g , /:a03:/g , /:a04:/g , /:a05:/g , /:a06:/g , /:a07:/g , /:a08:/g , /:a09:/g , /:a10:/g , /:a11:/g , /:a12:/g , /:a13:/g , 
/:a14:/g , /:a15:/g , /:a16:/g , /:a17:/g ,/:a18:/g , /:a19:/g , /:a20:/g ,/:a21:/g , /:a22:/g , /:a23:/g , /:a24:/g , /:a25:/g , /:a26:/g , /:a27:/g ,/:a28:/g , 
/:a29:/g , /:a30:/g ,/:a31:/g , /:a32:/g , /:a33:/g , /:a34:/g , /:a35:/g , /:a36:/g , /:a37:/g ,/:a38:/g , /:a39:/g , /:a40:/g ,/:a41:/g , /:a42:/g , /:a43:/g , 
/:a44:/g , /:a45:/g , /:a46:/g , /:a47:/g ,/:a48:/g , /:a49:/g, /:a50:/g ,/:a51:/g , /:a52:/g , /:a53:/g , /:a54:/g , /:a55:/g , /:a56:/g , /:a57:/g ,/:a58:/g , 
/:a59:/g, /:a60:/g ,/:a61:/g , /:a62:/g , /:a63:/g , /:a64:/g , /:a65:/g , /:a66:/g , /:a67:/g ,/:a68:/g , /:a69:/g, /:a70:/g ,/:a71:/g , /:a72:/g , /:a73:/g , 
/:a74:/g , /:a75:/g , /:a76:/g , /:a77:/g ,/:a78:/g , /:a79:/g, /:a80:/g ,/:a81:/g , /:a82:/g , /:a83:/g , /:a84:/g , /:a85:/g , /:a86:/g , /:a87:/g ,/:a88:/g , 
/:a89:/g, /:a90:/g ,/:a91:/g , /:a92:/g , /:a93:/g , /:a94:/g , /:a95:/g , /:a96:/g , /:a97:/g ,/:a98:/g , /:a99:/g, /:a100:/g, /:a101:/g, /:a102:/g, /:a103:/g,
/:a104:/g,/:a105:/g, /:a106:/g, /:a107:/g, /:a108:/g, /:a109:/g, /:a110:/g, /:a111:/g, /:a112:/g, /:a113:/g, /:a114:/g, /:a115:/g, /:a116:/g, /:a117:/g, /:a118:/g,
/:a119:/g, /:a120:/g, /:a121:/g, /:a122:/g, /:a123:/g, /:a124:/g, /:a125:/g, /:a126:/g, /:a127:/g, /:a128:/g, /:a129:/g, /:a130:/g, /:a131:/g, /:a132:/g);
var maxicon=132;
var smileicon=new Array(13);

var sending=false;

//AJAX Chat
function Inint_AJAX() {
     try { return new ActiveXObject("Msxml2.XMLHTTP");    } catch(e) {}
     try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {}
     try { return new XMLHttpRequest();                   } catch(e) {}
     alert("XMLHttpRequest not supported");
     return null;
}





//***********************ให้ scrollbar go down**********************************
// Just to make new lines obvious
function addPara(idscroll){
var mDiv = document.getElementById(idscroll);
var newP = document.createElement('p');
mDiv.appendChild(newP);
if (newP.scrollIntoView) {
newP.scrollIntoView(true);
} else if ('number' == typeof mDiv.scrollTop){
mDiv.scrollTop = 10000;alert(2);
}

}

//*********************************************************



function checknewmsg() {
    if (sending==true) return;
     var id = document.getElementById("id").innerHTML;
     var user = document.getElementById("user").innerHTML;
     var time = document.getElementById("time").innerHTML;
     var data = document.getElementById("data").innerHTML;
     var Userlogin = document.getElementById("Userlogin").innerHTML;

     var req = Inint_AJAX();
	  req.open('GET', 'chat_check.php?user='+encodeURIComponent(user)+'&id='+id+'&time='+time+'&data='+encodeURIComponent(data)+'&Userlogin='+Userlogin, true);

	  req.onreadystatechange = function() {
          if (req.readyState==4) {
               if (req.status==200) {
                    var data=req.responseText;
				
                    var datas=data.split(String.fromCharCode(6)); //แยกออกเป็นแต่ละข้อมูล time|users|event
                   document.getElementById("time").innerHTML=datas[0];

                    //แสดงข้อมูล content ถ้ามี			
                    if (datas[2]!="0") {
                         var content = document.getElementById("content"); 
				
                         datas[3]=String(datas[3]);
                         datas[3]=datas[3].replace(/\|\%\|/g, "&"); //เครื่องหมาย &
                         datas[3]=datas[3].replace(/\|\!\|/g, "#"); //เครื่องหมาย #
                         datas[3]=datas[3].replace(/\\\\/g, "\"); //เครื่องหมาย \
                         datas[3]=datas[3].replace(/\|@\|/g, "+"); //เครื่องหมาย +

							//for (n=0; n<smiles.length; n++) { 						
							  for (n=0; n<=maxicon; n++) { 	

									
							 
							  datas[3]=datas[3].replace(smiles[n], "<img src=images/emotion/emo"+n+".gif align=absmiddle>");

                         }
                         var contents=datas[3].split("\n"); //รายการ content ทั้งหมด

                         var data="<table  width=\"365\" border=\"0\" align=\"center\">";
	//alert(contents.length);
                           for (i=0; i<contents.length; i++) {			// จำนวนข้อความใน myroom.dat.php	
                              if (contents[i]!="") {
	
                                   var d=contents[i].split(String.fromCharCode(4));	
								//   alert(d[0]);
                                   var duser=d[0];	 	// user ผู้แชท
		
                                   var dc=color[parseInt(d[1])]
	//alert(duser);
								   if(d[4]!=""){
                                   if (d[3]==1 ) 			
									  data=data+"<tr><td width=35% ></td><td></td></tr>";												
                                   else if (d[3]==2 ) 
									   data=data+"<tr><td width=35% ></td><td></td></tr>";		
                                   else if (d[2]==0) 
									if(navigator.appName == "Netscape"){ 
									data=data+"<tr ><td  width=35% valign=\"top\"><font class=time>("+d[5]+")</font> <strong>"+duser+"</strong> ::</td> <td  valign=\"top\" ><div  class=\"detailchatFireFox\"><span class=\"wordWrap\">"+d[4]+"</span></div></td></tr>";
									}else if(navigator.appName == "Microsoft Internet Explorer"){
									data=data+"<tr ><td width=35% valign=\"top\" ><font class=time>("+d[5]+")</font> <strong>"+duser+"</strong> ::</td><td class=\"detailchat\"   valign=\"top\" >"+d[4]+"</td></tr>";
									}else{
									data=data+"<tr ><td width=35% valign=\"top\" ><font class=time>("+d[5]+")</font> <strong>"+duser+"</strong> ::</td><td class=\"detailchat\"   valign=\"top\" >"+d[4]+"</td></tr>";
									}

							   
                             
								   else if (d[2]==user) 
									  data=data+"<tr><td width=35%></td><td ></td></tr>";									
                                   else if (duser==user) 
								  data=data+"<tr><td  width=35%></td><td ></td></tr>";		
								   
								   }

                              }
                         }
	
                         content.innerHTML=data+"</table>";      

/*For FireFox Browser*/
if(navigator.appName == "Netscape"){ 
if(window.attachEvent == undefined){
	var spanTagArray = document.getElementsByTagName('span');
	for(var i=0; i<spanTagArray.length; i++) { 
	if(spanTagArray[i].className == 'wordWrap' ){
		var	spanText = spanTagArray[i].innerHTML;
				spanText=spanText.replace(/&lt;/g, '<');
				spanText=spanText.replace(/&gt;/g, '>');
		var spanText1="";
		var reflag=true;
for(var a=0;a<spanText.length;a++){
if(spanText[a]=='<')reflag=false;
if(spanText[a]=='>')reflag=true;

if(reflag){
	spanText1=spanText1+spanText[a]+'<wbr />';
}else{
	spanText1=spanText1+spanText[a];
}
}
spanTagArray[i].innerHTML =spanText1;
	}
	}
}	

}
/* End For FireFox Browser*/

	document.getElementById("data").innerHTML=datas[2];	 
	//alert( content.innerHTML);
	addPara('scroll_demo'); // ใช้สำหรับให้ scrollbar เลื่อนลง



                    }
         
               };
               //Auto Refresh อัปเดทข้อมูลทุก 
               setTimeout("checknewmsg()", document.getElementById("refreshtime").innerHTML);
          }
     };
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // set Header
req.send(null);
}

// ส่วนที่โชว์ icon smile หน้า chatroom
function Inint() {
     if(document.images) {
          //load smileicon
          var smilelayer="";
		
          for (i=0; i<smileicon.length; i++) {
               smileicon[i]=new Image(19, 19);
               smileicon[i].src="images/emotion/emo"+i+".gif";
               smilelayer=smilelayer+"<a href=javascript:addSmile('"+smile[i]+"'); title="+smile[i]+"><img src=images/emotion/emo"+i+".gif border=0></a>&nbsp;";
          }
	
     }	    
document.getElementById("smile").innerHTML="&nbsp;"+smilelayer;
checknewmsg();
document.getElementById("txt").focus();   

}



function addSmile(name) {
     var obj=document.getElementById("txt");
     obj.value=obj.value+name;
     obj.focus();
}

function doPost(){
     doSubmit();
     return false;
}

function doSubmit() {

     var obj=document.getElementById("txt");	
     var txt=obj.value; 
     if (txt!='' && sending==false) {
          sending=true;     
          //ตรวจสอบเครื่องหมายพิเศษ
          txt=txt.replace(/&/g, "|%|"); //เครื่องหมาย &
          txt=txt.replace(/#/g, "|!|"); //เครื่องหมาย #
          txt=txt.replace(/\+/g, "|@|"); //เครื่องหมาย +

          //disabled ปุ่ม Send และ Text เมื่อกดส่ง ป้องกันการส่งซ้ำ
          document.form_post.txt.disabled="disabled";
          document.form_post.send.disabled="disabled";
          //รูป disabled ของปุ่มส่ง
          document.images['send'].src='images/b_send.gif';
          
          var id = document.getElementById("id").innerHTML;
          var user = document.getElementById("user").innerHTML;		
           var Userlogin = document.getElementById("Userlogin").innerHTML; //**** Unee
          //ทำการส่งข้อความที่โพสต์
          var req = Inint_AJAX();
		//  alert(txt);
		 // req.open('GET', 'chat_send.php?user='+user+'&id='+id+'&txt='+txt+'&Userlogin='+Userlogin, true);
			 req.open('GET', 'chat_send.php?user='+encodeURIComponent(user)+'&id='+id+'&txt='+encodeURIComponent(txt)+'&Userlogin='+Userlogin, true);
		
			if(txt.indexOf("emo ลิง")>0) document.getElementById("adminemo").style.display='inline';// unlock emo
          req.onreadystatechange = function() {
               if (req.readyState==4) {

            sending=false;
		
                    document.form_post.txt.disabled="";
                    document.form_post.send.disabled="";
                    document.images['send'].src='images/b_send.gif';
                    obj.value="";
                    obj.focus();
                    //เริ่มต้นการตรวจสอบข้อมูลใหม่
                    checknewmsg();
               }
          };
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // set Header
req.send(null);

     }
}


Inint();



// ใช้งานใน File tb_popup_emotion.htm (return value กลับไปให้ใน form_post )
/*function sendEmotion(ID){
  window.opener.form_post.txt.value=ID;
  return true;
}*/