


function callEchoUsers(delaytime) {

	var evenwachten = setTimeout("echoUsers()", delaytime);
	
}



function echoUsers () {


	var ajaxRequest;  // The variable that makes Ajax possible!
	
	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){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}


	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('stoutonline');
			ajaxDisplay.innerHTML = ajaxRequest.responseText;

			
		}
	}


	var rand_no = Math.random();
	ajaxRequest.open("GET", "code/update_loggedin_users.php?coun=" + rand_no, true);
	ajaxRequest.send(null); 

	callEchoUsers(20000);
	

}



function ajaxFunction(){
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	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){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('wistjedat');
			ajaxDisplay.innerHTML = ajaxRequest.responseText;
			
		}
	}
	var naam = document.getElementById('naam').value;
	var regel = document.getElementById('regel').value;
	var opmaak = document.getElementById('opmaak').value;
	var website = document.getElementById('website').value;
	
	var queryString = "?naam=" + naam + "&regel=" + regel + "&opmaak=" + opmaak + "&website=" + website;
	ajaxRequest.open("GET", "code/wjd_test.php" + queryString, true);
	ajaxRequest.send(null); 

	document.getElementById('naam').value = '';
	document.getElementById('regel').value = '';
	document.getElementById('opmaak').value = 'none';
	document.getElementById('website').value = 'http://';
}

function showDebug (debugvalue) {

	var debugBox = document.getElementById('debug_box');
	debugBox.innerHTML += '<br/>'+debugvalue;

}



function expand_hide(outerBox, innerBox, initHeight) {

	// wat is de huidige hoogte
	var hoogte = getElementHeight(innerBox);
	var buitenkader_hoogte = getElementHeight(outerBox);

	// padding verhaal
	var box = document.getElementById(outerBox);
	var paddingBox = box.style.paddingTop;

	if(!document.defaultview) {
		buitenkader_hoogte = buitenkader_hoogte - 2 * (paddingBox.substr(0,paddingBox.length-2));
	
	}

	// debuging
	var debugBox = document.getElementById('debug_box');
	debugBox.innerHTML = 'Debugbox';
	showDebug(initHeight);
	showDebug(outerBox);
	showDebug(buitenkader_hoogte);
	showDebug(innerBox);
	showDebug(hoogte);
	debugBox.innerHTML += '<br/>paddingTop: ';
	debugBox.innerHTML += paddingBox;



		
	if (buitenkader_hoogte > initHeight) {
		var exampleFx = new Fx.Style(outerBox,'height',{transition: Fx.Transitions.Back.easeOut, duration: 1000}).start(hoogte,initHeight);
		//alert("outer: "+buitenkader_hoogte+" init: "+initHeight+" inner: "+hoogte);
	} else {
		var exampleFx = new Fx.Style(outerBox,'height', {transition: Fx.Transitions.Bounce.easeOut, duration: 1000}).start(initHeight,hoogte);
		//alert("outer: "+buitenkader_hoogte+" init: "+initHeight+" inner: "+hoogte);
	}

}


function getCookie(c_name) {
	if (document.cookie.length>0) {
		c_start=document.cookie.indexOf(c_name + "=");
		if (c_start!=-1) { 
			c_start=c_start + c_name.length+1; 
			c_end=document.cookie.indexOf(";",c_start);
			if (c_end==-1) c_end=document.cookie.length;
			return unescape(document.cookie.substring(c_start,c_end));
		} 
	}
	return "";
}

function getElementHeight(tekstBox) {


	var element = document.getElementById(tekstBox);

	if(document.defaultView) {
	var style = document.defaultView.getComputedStyle(element, "").getPropertyValue("height");
	style = style.substr(0,style.length-2);
	} 
	else if(element.currentStyle) {
	var style = element.offsetHeight;
	// style = style - 24;
	}
	
	

	return style;
}


function toevoegen(ingave){
	
	regel = new getObj("regel");
	regel.obj.value += ingave;
}

function getObj(name)
{
  if (document.getElementById)
  {
  	this.obj = document.getElementById(name);
  }
  else if (document.all)
  {
	this.obj = document.all[name];
  }
  else if (document.layers)
  {
   	this.obj = document.layers[name];
  }
}
