// AJAX Hello World 
function talktoServer( ){	
	var req = newXMLHttpRequest();
	//register the callback handler function  	
	var callbackHandler = getReadyStateHandler(req, updateMsgOnBrowser);  	
	req.onreadystatechange = callbackHandler;  	
	req.open("POST", "http://www.oeck.dk/shoutbox/shoutme.php", true);  	
	req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");  	

	//get the value from the text input element and send it to server  	
	var msg = document.getElementById("message");
	var nam = document.getElementById("name");	
	var mem = document.getElementById("member");
//	if 	((msg.value != "") & (nam.value != "")&(mem.value != "") ){
		req.send("message="+escape(msg.value)+"&name="+nam.value+"&member="+mem.value);
//	}

	document.getElementById("message").value = "";
//	document.getElementById("name").value = "";
//	document.getElementById("member").value = "";
}

// This is the callback functions that gets called
// for the response from the server with the XML data
	var lastPing = 0;
	
	function updateMsgOnBrowser(testXML) {
	var shout = "";
	var message = "";
	var name = "";
	var count = testXML.getElementsByTagName("message").length;	
	for ( i=0; i<count; i++) {
		if ( testXML.getElementsByTagName("message")[i].firstChild ) {
					message = testXML.getElementsByTagName("message")[i].childNodes[0].nodeValue;	
					name = testXML.getElementsByTagName("name")[i].childNodes[0].nodeValue;
					message = message.replace(":)", "<img src='/shoutbox/face-smile.png' alt=':)'>");
					message = message.replace(":-)", "<img src='/shoutbox/face-smile.png' alt=':-)'>");			
					message = message.replace(":D", "<img src='/shoutbox/face-smile-big.png' alt=':D'>");			
					message = message.replace(":-D", "<img src='/shoutbox/face-smile-big.png' alt=':-D'>");			
					message = message.replace(":O", "<img src='/shoutbox/face-surprise.png' alt=':O'>");			
					message = message.replace(":-O", "<img src='/shoutbox/face-surprise.png' alt=':-O'>");			
					message = message.replace(":*", "<img src='/shoutbox/face-kiss.png' alt=':*'>");			
					message = message.replace(":-*", "<img src='/shoutbox/face-kiss.png' alt=':-*'>");			
					message = message.replace(":(", "<img src='/shoutbox/face-crying.png' alt=':('>");			
					message = message.replace(":-(", "<img src='/shoutbox/face-crying.png' alt=':-('>");			
					message = message.replace(";)", "<img src='/shoutbox/face-wink.png' alt=';)'>");			
					message = message.replace(";-)", "<img src='/shoutbox/face-wink.png' alt=';-)'>");			
					shout = shout + '<b>'+name+'</b><br>'+message+'<hr>';		
				}	
			}	
		var msg_display = document.getElementById("shout");	msg_display.innerHTML = shout; 
	}
	
//the following two functions are helper infrastructure to 
//craete a XMLHTTPRequest and register a listner callback function
		
function newXMLHttpRequest() {	
var xmlreq = false;	
if (window.XMLHttpRequest) {
		xmlreq = new XMLHttpRequest();	
	} 
	else if (window.ActiveXObject) {    		
	// Try ActiveX		
	try { 			
		xmlreq = new ActiveXObject("Msxml2.XMLHTTP");		
	} 
	catch (e1) { 			// first method failed 			
	try {				
		xmlreq = new ActiveXObject("Microsoft.XMLHTTP");			} 
	catch (e2) {				 // both methods failed 			
		} 		
	} 	
}   	
return xmlreq;
} 

function getReadyStateHandler(req, responseXmlHandler) {	
return function () {	
	if (req.readyState == 4) {		
		if (req.status == 200) {        		
			responseXmlHandler(req.responseXML);		
		} else {
	//			var hellomsg = document.getElementById("shout");
	//			hellomsg.innerHTML = "ERROR: "+ req.status ;			
			alert ( "ERROR: "+ req.status );    		
		}    	
	} 	
}
} 
	
function showhelp() { 	
var msg = "Skriv navn og indhold tryk pa [Shout], for at sende en meddelse til hjemmesiden.\n - Er du ikke logget pa som medlem kan du kun poste én meddelelse..\n - Meddelelser kan max indeholde 100 tegn.";	
alert (msg);}