<? if ($data) { ?>
<div style="clear:both;"></div>
<br><br><br>
<div class="blok">
<div class="titel">Chat</div>
<div class="text">
<div id="content">




				<p id="chatwindow"> </p>		
<!--			<textarea id="chatwindow" rows="19" cols="95" readonly></textarea><br>
--> 
    </div>
    </div>
<div style="border-top:3px solid #2d2d2d; padding-top:15px;">
		<script language="JavaScript" type="text/javascript">
			function blockSubmit() {
				
				return false;
			}
			
		</script>
        <form name="chatie" onSubmit="return blockSubmit();"> 
<table width="100%" class="lijst"><tr><td width="82"><b><? echo $data->login; ?>:</b></td><td>			<input id="chatnick" type="hidden" value="<? echo $data->login; ?>">&nbsp;


			<input id="chatmsg" type="text" size="42" maxlength="70" onkeyup="keyup(event.keyCode);"> 
			<input type="button" value="Verzenden" onClick="submit_msg();"></td></tr>
            <tr><td colspan="2" style="background-image:url(images/smilebg.png);">
<SCRIPT language=JavaScript> 
function icon(theicon) {
	var myQuery = document.chatie.chatmsg;
	var chaineAj = theicon;


 if (document.selection) {
	myQuery.focus();
	sel = document.selection.createRange();
	sel.text = chaineAj;
	document.chatie.insert.focus();
 }else if(document.chatie.chatmsg.selectionStart || document.chatie.chatmsg.selectionStart == '0') {
	var startPos = document.chatie.chatmsg.selectionStart;
	var endPos = document.chatie.chatmsg.selectionEnd;
	var chaineSql = document.chatie.chatmsg.value;
	myQuery.value = chaineSql.substring(0, startPos) + chaineAj + chaineSql.substring(endPos, chaineSql.length);
		} else {
			myQuery.value += chaineAj;
		}
}
</script>	
            




<a onclick="javascript:icon(':)')"><img src=smile/smiley.png></a>&nbsp;
<a onclick="javascript:icon(':p')"><img src=smile/smiley-razz.png></a>&nbsp;
<a onclick="javascript:icon(':s')"><img src=smile/smiley-confuse.png></a>&nbsp;
<a onclick="javascript:icon(';)')"><img src=smile/smiley-wink.png></a>&nbsp;
<a onclick="javascript:icon(':D')"><img src=smile/smiley-lol.png></a>&nbsp;
<a onclick="javascript:icon(':@')"><img src=smile/smiley-mad.png></a>&nbsp;
<a onclick="javascript:icon(':(')"><img src=smile/smiley-sad.png></a>&nbsp;
<a onclick="javascript:icon(':$')"><img src=smile/smiley-red.png></a>&nbsp;
<a onclick="javascript:icon('*:')"><img src=smile/smiley-evil.png></a>&nbsp;
            
            
            
            
            
            </td></tr>
            </table></form></div></div>
            <? } ?>
<script type="text/javascript"> 


 


	var waittime=800;			
	document.getElementById("chatwindow").innerHTML = "loading...";
 
	var xmlhttp = false;
	var xmlhttp2 = false;
function ajax_read(url) {
	if(window.XMLHttpRequest){
		xmlhttp=new XMLHttpRequest();
		if(xmlhttp.overrideMimeType){
			xmlhttp.overrideMimeType('text/xml');
		}
	} else if(window.ActiveXObject){
		try{
			xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
		} catch(e) {
			try{
				xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
			} catch(e){
			}
		}
	}
 
	if(!xmlhttp) {
		alert('Cannot create an XMLHTTP instance');
		return false;
	}
 
	xmlhttp.onreadystatechange = function() {
	if (xmlhttp.readyState==4) {
		document.getElementById("chatwindow").innerHTML = xmlhttp.responseText;
 
		zeit = new Date(); 
		ms = (zeit.getHours() * 24 * 60 * 1000) + (zeit.getMinutes() * 60 * 1000) + (zeit.getSeconds() * 1000) + zeit.getMilliseconds(); 
		intUpdate = setTimeout("ajax_read('chat.txt?x=" + ms + "')", waittime)
		}
	}
 
	xmlhttp.open('GET',url,true);
	xmlhttp.send(null);
}
function ajax_write(url){
	if(window.XMLHttpRequest){
		xmlhttp2=new XMLHttpRequest();
		if(xmlhttp2.overrideMimeType){
			xmlhttp2.overrideMimeType('text/xml');
		}
	} else if(window.ActiveXObject){
		try{
			xmlhttp2=new ActiveXObject("Msxml2.XMLHTTP");
		} catch(e) {
			try{
				xmlhttp2=new ActiveXObject("Microsoft.XMLHTTP");
			} catch(e){
			}
		}
	}
 
	if(!xmlhttp2) {
		alert('Giving up :( Cannot create an XMLHTTP instance');
		return false;
	}
 
	xmlhttp2.open('GET',url,true);
	xmlhttp2.send(null);
}
 
function submit_msg(){
	nick = document.getElementById("chatnick").value;
	msg = document.getElementById("chatmsg").value;
 
	if (nick == "") { 
		check = prompt("please enter username:"); 
		if (check === null) return 0; 
		if (check == "") check = "anonymous"; 
		document.getElementById("chatnick").value = check;
		nick = check;
	} 
 
	document.getElementById("chatmsg").value = "";
	ajax_write("w.php?m=" + msg + "&n=" + nick);
}
 
function keyup(arg1) { 
	if (arg1 == 13) submit_msg(); 
}
 
var intUpdate = setTimeout("ajax_read('chat.txt')", waittime);
 
</script>