// 
// generate xml http request
// 
var http_request;	
	if (window.XMLHttpRequest) {
		http_request = new XMLHttpRequest();
		if (http_request.overrideMimeType) {
			http_request.overrideMimeType('text/xml');
		}
	} else if (window.ActiveXObject) {
		try {
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {}
		}
	}
if (!http_request) {
}

//
// get 10 entries, initiate xhtml callback
// 
function loadShout() {
	http_request.onreadystatechange = function() {callbackShout();};
	http_request.open('GET', '/shoutbox/getshoutXML', true);
	http_request.send(null);
}


//
// display shoutbox mesages into html
//
function callbackShout() {

// display spinner for convience
if (http_request.readyState < 4) {
  document.getElementById('asb_spinner').innerHTML='Br&uuml;llkiste&nbsp;&nbsp;&nbsp;<img src="/img/spinner.gif" >';
}

// if data is ready update site
  if (http_request.readyState == 4) {
      if (http_request.status == 200) {

// parse JSON
var response = eval('(' + http_request.responseText + ')');

//alert(http_request.responseText);
//alert (response.shouts[0].author);
var myHtml = "";
for (var i = 0; i < response.shouts.length-1; ++i) {
  myHtml  += '<span class="name">';
  if (response.shouts[i].author) {
  myHtml +=response.shouts[i].author;
  }
  myHtml +=':</span>';
  if (response.shouts[i].message) {
  myHtml +=response.shouts[i].message;
  }
  myHtml +="<br />\n";
}

// change
document.getElementById('asb_spinner').innerHTML='Br&uuml;llkiste';
document.getElementById('asb_content').innerHTML = myHtml;

}

} }


//
// save current shout entry
//
function saveShout() {
 if (http_request) {

var surl = "/shoutbox/saveshout";
var params = 'author='+escape(document.frmshoutbox.txtname.value)+'&message='+escape(document.frmshoutbox.txtmessage.value);
http_request.open("POST", surl, true);
//alert (params);
//Send the proper header information along with the request
http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
http_request.setRequestHeader("Content-length", params.length);
http_request.setRequestHeader("Connection", "close");

http_request.onreadystatechange = function() {//Call a function when the state changes.
	if(http_request.readyState == 4 && http_request.status == 200) {
//		alert(http_request.responseText);
	}
}

http_request.send(params);

 // entry sofort anzeigen
  var myHtml="";
  myHtml += '<span class="name">';
  myHtml +=document.frmshoutbox.txtname.value;
  myHtml +=':</span>';
  myHtml +=document.frmshoutbox.txtmessage.value;
  myHtml +="<br />\n";
  myHtml +=  document.getElementById('asb_content').innerHTML;
  document.getElementById('asb_content').innerHTML = myHtml;

 }
// delete message from form, set focus
 document.frmshoutbox.txtmessage.value = '';
 document.frmshoutbox.txtmessage.focus();

}

//
// if window has been loaded initiate shoutbox
//

window.onload = function () {
var foo;
	loadShout();
	//foo=setInterval("ficken()", 100);
	foo = setInterval("loadShout()",10000);
}

