function ajaxFunction(){
	var ajaxRequest;
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				//browsers all not support, rare case
				alert("Your browser does not support Ajax!");
				return false;
			}
		}
	}
	return ajaxRequest;
}






function showData() {
	htmlRequest = ajaxFunction();
	if (htmlRequest==null){ // If it cannot create a new Xmlhttp object.
		alert ("Your browser does not support HTTP Request");
		return;
	} 

	htmlRequest.onreadystatechange = function(){
		if(htmlRequest.readyState == 4){
			document.getElementById("shoutarea").innerHTML = htmlRequest.responseText;
		}
	}
	htmlRequest.open("GET", "shoutbox/outputinfo.php", true);
	htmlRequest.send(null);
}

showData();
setInterval("showData()",1000);






function saveData(){
	htmlRequest = ajaxFunction();
	if (htmlRequest==null){ // If it cannot create a new Xmlhttp object.
		alert ("Your browser does not support HTTP Request");
		return;
	} 

	if(document.shoutbox.shoutmessage.value == "" || document.shoutbox.shoutmessage.value == "NULL"){
		alert('You need to fill in a message!');
		return;
	}
	

	htmlRequest.open('POST', 'shoutbox/sendshout.php');
	htmlRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	htmlRequest.send('message='+document.shoutbox.shoutmessage.value); 
	document.shoutbox.shoutmessage.value = ''; // Updates the shout box's text area to NULL.
	document.shoutbox.shoutmessage.focus(); // Focuses the text area.
	
}