var ajax = new sack();
var xmlHttp 


function leftOffset(div)
{
divleft = document.getElementById(div).offsetLeft;
divleft1 = document.getElementById(div).offsetParent;
divleft2 = document.getElementById(div).offsetTop;
alert(divleft)
alert(divleft1)
alert(divleft2)
}

function showhide(id){
	if (document.getElementById){
		obj = document.getElementById(id);
		if (obj.style.display == "none"){
			obj.style.display = "";
		} else {
			obj.style.display = "none";
		}
	}
}

function calcHeight()
{
  //find the height of the internal page
  var the_height=
    document.getElementById('visje_iframe').contentWindow.
      document.body.scrollHeight;

  //change the height of the iframe
  document.getElementById('visje_iframe').height=
      the_height;
}



// Javascript voor emoticons

var textObj = "";

function storeCaret(textEl)
{
	if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();
}

function insertAtCaret(text, textEl)
{	
	if (!textEl) {
		textEl = textObj;
	}
	if (textEl.createTextRange && textEl.caretPos)
	{
		var caretPos = textEl.caretPos;
		caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
		//caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? caretPos.text + text + ' ' : caretPos.text + text;
		textEl.focus();
	} else {
		textEl.value = textEl.value + text;
		textEl.focus();
	}
}

function openIconsWindow(pagename)
{
	textObj = document.form.bericht;
	var iconsWin = window.open(pagename, 'iconsWindow', 'toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width=400,height=300');
	iconsWin.focus();
}

  
 
//Functie voor het laden van de pagina
function loadpage(page){
	
	ajax.requestFile = page;
	ajax.onCompletion = showpage;
	ajax.runAJAX();
	
}

//Laad de pagina
function showpage(){
	document.getElementById("main").innerHTML = ajax.response;
}
	
//Fuctie voor het opgeven van Kamp
function postKamp()  
{
    xmlHttp=GetXmlHttpObject() 
	if (xmlHttp==null){ 
	alert ("U browser ondersteunt geen Ajax programma's") // Alert Them!
	return 
	} 
	document.getElementById("response").innerHTML = document.getElementById("auto").value;
	var data = document.getElementById("response");
	var naam1 = document.getElementById("naam").value;
	var file = "signkamp.php";
	xmlHttp.open("GET", file + "?naam="+ naam1, true);
	xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xmlHttp.onreadystatechange = function(){
		if(xmlHttp.readyState==4){
			data.innerHTML = xmlHttp.responseText;
		}
	}
	xmlHttp.send(null);
}
//Tekst omzetten in UBB Codes
function ubb(veld,text) 
{	
	text = ' '+text+' ';  	
	if (document.form.elements[veld].createTextRange) {  		
		document.form.elements[veld].focus();  		
		document.selection.createRange().duplicate().text = text;   	
	} 
	else 
	{		
		document.form.elements[veld].focus();  		
		document.form.elements[veld].value += text;   	
	}
}
//Voer een UBB Code in op plaats van Cursor
function insertAtCursor(myField, myValue) {
  //IE support
  if (document.selection) {
    myField.focus();
    sel = document.selection.createRange();
    sel.text = myValue;
  }
  //MOZILLA/NETSCAPE support
  else if (myField.selectionStart || myField.selectionStart == '0') {
    var startPos = myField.selectionStart;
    var endPos = myField.selectionEnd;
    myField.value = myField.value.substring(0, startPos)
                  + myValue
                  + myField.value.substring(endPos, myField.value.length);
  } else {
    myField.value += myValue;
  }
}

//Functie voor het plaatsen van Chat berichten
function postChat() 
{
    xmlHttp=GetXmlHttpObject() 
	if (xmlHttp==null){ 
	alert ("U browser ondersteunt geen Ajax programma's") // Alert Them!
	return 
	} 
	document.getElementById("response").innerHTML = "<img src='images/loading.gif'>";
	var data = document.getElementById("response");
	var naam1 = document.getElementById("naam").value;
	var code1 = document.getElementById("code").value;
	var bericht1 = document.getElementById("bericht").value;
	var file = "bericht.php";
	xmlHttp.open("GET", file + "?naam="+ naam1 + "&bericht="+ bericht1 + "&code="+ code1 , true);
	xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xmlHttp.onreadystatechange = function(){
		if(xmlHttp.readyState==4){
			data.innerHTML = xmlHttp.responseText;
		}
	}
	xmlHttp.send(null);
}

/*-----------------------*/
 
function geefpreview(){
	ajax.requestFile = "preview.php?prev="+document.getElementById('bericht').value.replace(/\n/g, '<br>') ;
	ajax.onCompletion = showpreview;
	ajax.runAJAX();
}
 
function showpreview(){
	document.getElementById("preview").innerHTML = ajax.response;
}



//Functie voor het laden van de pagina eerder uitgevoerd	
function sack(file) {
	this.xmlhttp = null;

	this.resetData = function() {
		this.method = "POST";
  		this.queryStringSeparator = "?";
		this.argumentSeparator = "&";
		this.URLString = "";
		this.encodeURIString = true;
  		this.execute = false;
  		this.element = null;
		this.elementObj = null;
		this.requestFile = file;
		this.vars = new Object();
		this.responseStatus = new Array(2);
  	};

	this.resetFunctions = function() {
  		this.onLoading = function() { };
  		this.onLoaded = function() { };
  		this.onInteractive = function() { };
  		this.onCompletion = function() { };
  		this.onError = function() { };
		this.onFail = function() { };
	};

	this.reset = function() {
		this.resetFunctions();
		this.resetData();
	};

	this.createAJAX = function() {
		try {
			this.xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e1) {
			try {
				this.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e2) {
				this.xmlhttp = null;
			}
		}

		if (! this.xmlhttp) {
			if (typeof XMLHttpRequest != "undefined") {
				this.xmlhttp = new XMLHttpRequest();
			} else {
				this.failed = true;
			}
		}
	};

	this.setVar = function(name, value){
		this.vars[name] = Array(value, false);
	};

	this.encVar = function(name, value, returnvars) {
		if (true == returnvars) {
			return Array(encodeURIComponent(name), encodeURIComponent(value));
		} else {
			this.vars[encodeURIComponent(name)] = Array(encodeURIComponent(value), true);
		}
	}

	this.processURLString = function(string, encode) {
		encoded = encodeURIComponent(this.argumentSeparator);
		regexp = new RegExp(this.argumentSeparator + "|" + encoded);
		varArray = string.split(regexp);
		for (i = 0; i < varArray.length; i++){
			urlVars = varArray[i].split("=");
			if (true == encode){
				this.encVar(urlVars[0], urlVars[1]);
			} else {
				this.setVar(urlVars[0], urlVars[1]);
			}
		}
	}

	this.createURLString = function(urlstring) {
		if (this.encodeURIString && this.URLString.length) {
			this.processURLString(this.URLString, true);
		}

		if (urlstring) {
			if (this.URLString.length) {
				this.URLString += this.argumentSeparator + urlstring;
			} else {
				this.URLString = urlstring;
			}
		}

		// prevents caching of URLString
		this.setVar("rndval", new Date().getTime());

		urlstringtemp = new Array();
		for (key in this.vars) {
			if (false == this.vars[key][1] && true == this.encodeURIString) {
				encoded = this.encVar(key, this.vars[key][0], true);
				delete this.vars[key];
				this.vars[encoded[0]] = Array(encoded[1], true);
				key = encoded[0];
			}

			urlstringtemp[urlstringtemp.length] = key + "=" + this.vars[key][0];
		}
		if (urlstring){
			this.URLString += this.argumentSeparator + urlstringtemp.join(this.argumentSeparator);
		} else {
			this.URLString += urlstringtemp.join(this.argumentSeparator);
		}
	}

	this.runResponse = function() {
		eval(this.response);
	}

	this.runAJAX = function(urlstring) {
		if (this.failed) {
			this.onFail();
		} else {
			this.createURLString(urlstring);
			if (this.element) {
				this.elementObj = document.getElementById(this.element);
			}
			if (this.xmlhttp) {
				var self = this;
				if (this.method == "GET") {
					totalurlstring = this.requestFile + this.queryStringSeparator + this.URLString;
					this.xmlhttp.open(this.method, totalurlstring, true);
				} else {
					this.xmlhttp.open(this.method, this.requestFile, true);
					try {
						this.xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
					} catch (e) { }
				}

				this.xmlhttp.onreadystatechange = function() {
					switch (self.xmlhttp.readyState) {
						case 1:
							self.onLoading();
							break;
						case 2:
							self.onLoaded();
							break;
						case 3:
							self.onInteractive();
							break;
						case 4:
							self.response = self.xmlhttp.responseText;
							self.responseXML = self.xmlhttp.responseXML;
							self.responseStatus[0] = self.xmlhttp.status;
							self.responseStatus[1] = self.xmlhttp.statusText;

							if (self.execute) {
								self.runResponse();
							}

							if (self.elementObj) {
								elemNodeName = self.elementObj.nodeName;
								elemNodeName.toLowerCase();
								if (elemNodeName == "input"
								|| elemNodeName == "select"
								|| elemNodeName == "option"
								|| elemNodeName == "textarea") {
									self.elementObj.value = self.response;
								} else {
									self.elementObj.innerHTML = self.response;
								}
							}
							if (self.responseStatus[0] == "200") {
								self.onCompletion();
							} else {
								self.onError();
							}

							self.URLString = "";
							break;
					}
				};

				this.xmlhttp.send(this.URLString);
			}
		}
	};

	this.reset();
	this.createAJAX();
}


function GetXmlHttpObject(){ 
	var objXMLHttp=null 
	if (window.XMLHttpRequest){ 
		objXMLHttp=new XMLHttpRequest() 
	}else if (window.ActiveXObject){ 
		objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP") 
	} 
	return objXMLHttp
} 

