function startCallback() {
            // make something useful before submit (onStart)
            return true;
        }

AIM = {

    frame : function(c) {

        var n = 'f' + Math.floor(Math.random() * 99999);
        var d = document.createElement('DIV');
        d.innerHTML = '<iframe style="display:none" src="about:blank" id="'+n+'" name="'+n+'" onload="AIM.loaded(\''+n+'\')"></iframe>';
        document.body.appendChild(d);

        var i = document.getElementById(n);
        if (c && typeof(c.onComplete) == 'function') {
            i.onComplete = c.onComplete;
        }

        return n;
    },

    form : function(f, name) {
        f.setAttribute('target', name);
    },

    submit : function(f, c) {
        AIM.form(f, AIM.frame(c));
        if (c && typeof(c.onStart) == 'function') {
            return c.onStart();
        } else {
            return true;
        }
    },

    loaded : function(id) {
        var i = document.getElementById(id);
        if (i.contentDocument) {
            var d = i.contentDocument;
        } else if (i.contentWindow) {
            var d = i.contentWindow.document;
        } else {
            var d = window.frames[id].document;
        }
        if (d.location.href == "about:blank") {
            return;
        }

        if (typeof(i.onComplete) == 'function') {
						//var name = d.getElementById("name").innerHTML;
						var response = d.body.innerHTML;
            i.onComplete(response);
        }
    }

}
//EINDE AJAX UPLOADER

// MEDEWERKER MODULE

function completeCallback3(response) {
	// make something useful after (onComplete)
	var container	= document.getElementById("medewerkerContainer");
	var gid				= document.getElementById("gid").value;
	container.innerHTML = response;
	resetForm(gid);
}

function moveMedewerker(id,direction){
	var url="ProcessMedewerker.php";
	url=url+"?mid="+id;
	url=url+"&direction="+direction;
	url=url+"&action=move";

	var xmlHttp = createXMLHttpRequest();
	xmlHttp.onreadystatechange = function(){setContainer(xmlHttp);}
	xmlHttp.open("GET", url, true);
	xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xmlHttp.send(null);
}

function delMedewerker(id){
	var url="ProcessMedewerker.php";
	url=url+"?mid="+id;
	url=url+"&action=delete";

	var xmlHttp = createXMLHttpRequest();
	xmlHttp.onreadystatechange = function(){setContainer(xmlHttp);}
	xmlHttp.open("GET", url, true);
	xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xmlHttp.send(null);
}

function delPicture(id){
	var url="ProcessMedewerker.php";
	url=url+"?mid="+id;
	url=url+"&action=delPicture";

	var xmlHttp = createXMLHttpRequest();
	xmlHttp.onreadystatechange = function(){setContainer(xmlHttp);}
	xmlHttp.open("GET", url, true);
	xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xmlHttp.send(null);
}

function setContainer(xmlHttp){
	if(xmlHttp.readyState == 4){
		if(xmlHttp.status == 200){
			var response = xmlHttp.responseText;
			document.getElementById("medewerkerContainer").innerHTML = response;
		}
	}
}

function resetForm(gid){
	var url="setEdit.php";
	url=url+"?id=none";
	url=url+"&gid="+gid;

	var xmlHttp = createXMLHttpRequest();
	xmlHttp.onreadystatechange = function(){setForm(xmlHttp);}
	xmlHttp.open("GET", url, true);
	xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xmlHttp.send(null);
}

function setEdit(id, langid){
	var url="setEdit.php";
	url=url+"?id="+id;
	url=url+"&langid="+langid;

	var xmlHttp = createXMLHttpRequest();
	xmlHttp.onreadystatechange = function(){setForm(xmlHttp);}
	xmlHttp.open("GET", url, true);
	xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xmlHttp.send(null);
}

function setForm(xmlHttp){
	if(xmlHttp.readyState == 4){
		if(xmlHttp.status == 200){
			var response = xmlHttp.responseText;
			document.getElementById("medewerkerForm").innerHTML = response;
		}
	}
}

function createXMLHttpRequest(){
	if(window.ActiveXObject){
		var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	}
	else if(window.XMLHttpRequest){
		var xmlHttp = new XMLHttpRequest();
	}
	return xmlHttp;
}

function CMScheckFormFields2(formfields, formName, mode) {
		//set Mode
		document.getElementById("mode").value = mode;
	
		var result = true;
		var fields = formfields.split(',');
    for (var i=0; i<fields.length; i++) {
				field = fields[i];
				var elm = document.getElementById(field);
				if (elm.value=='') {
						result = false;
						elm.className = 'input2_req';
				} else {
						elm.className = 'input2';
				}		
		}
		
		// Error display
		if (result==false) {
    		var divCollection = document.getElementsByTagName("div");
		    for (var i=0; i<divCollection.length; i++) {
						if (divCollection[i].getAttribute("id")=='error_message') {
								divCollection[i].style.display = 'block';
						}
				}				
		}
		else{
			document.f.submit();
		}
		
		// Result
		return result;
}


// AJAX begin

//JavaScript Document// Leest de post variabelen uit een formulier en stopt deze in de request
function postdata(obj, posturl, targetdiv) {
	var form = obj.elements;
	var returnString="";
	var val = "";
	
	for (var i=0;i<form.length;i++) {
		// Let op: velden worden op ID gechecked, niet op NAME. Daarbij worden hier alleen de velden met de tag INPUT en SELECT gelezen.
		if (form[i].nodeName == 'INPUT' || form[i].nodeName == 'SELECT') {
			switch(form[i].type) {
				case "checkbox":	// Als we te maken hebben met een checkbox
									/* Deze werking is het zelfde als de radio button 11-04-07
									if (form[i].checked) {
										returnString = returnString + '&' + form[i].id + '=1';
									} else {
										returnString = returnString + '&' + form[i].id + '=0';
									}
									break;
									*/

				case "radio":		// Als we te maken hebben met een radio, alleen checked value doorgeven!
									if (form[i].checked) {
										returnString = returnString + '&' + form[i].id + '=' + form[i].value;
									}			
									break;

				default:			returnString = returnString + '&' + form[i].id + '=' + form[i].value;
									break;
			}									
		}
	}
	makeRequest(posturl, targetdiv, returnString);
}

function makeRequest(linkurl, targetdiv, parameters) {
	var http_request = false;
	var params = null;
	if (parameters) params=parameters;

	if (window.XMLHttpRequest) { // Mozilla, Safari,...
		http_request = new XMLHttpRequest();
		if (http_request.overrideMimeType) {
			// set type accordingly to anticipated content type
			http_request.overrideMimeType('text/html');
		}
	} else if (window.ActiveXObject) { // IE
		try {
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {}
		}
	}
	if (!http_request) {
		alert('Cannot create XMLHTTP instance');
		return false;
	}
	
	http_request.onreadystatechange = function() { alertRequest(http_request, targetdiv); };
	
	http_request.open('POST', linkurl, true);
	http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
//	http_request.setRequestHeader("Content-length", para.length);
	http_request.setRequestHeader("Connection", "close");
	http_request.send(params);
}

function alertRequest(http_request, targetdiv) {
	if (http_request.readyState == 4) {
		 if (http_request.status == 200) {
				result = http_request.responseText;
				var s = "", r = /<script>([\s\S]+)<\/script>/mi;
				if (result.match(r)){
					s = RegExp.$1; // extract script
					result = result.replace(r, "");
				}
				if (targetdiv!='' && document.getElementById(targetdiv)) {
					document.getElementById(targetdiv).innerHTML = result;
				}	
				eval(s); // execute script
		 } else {
				alert('There was a problem with the request. Current status == '+http_request.status);
		 }
	}
}
// AJAX einde

function validateform(form) {
	var box = document.getElementById(form).elements;
	for (i=0;i<box.length;i++) {
		if ((!box[i].value) && (box[i].type != 'hidden' && box[i].type != 'select-one' && box[i].name != 'tekst') && box[i].name != 'url' && box[i].name != 'datumtot')	{
			alert('U heeft het veld: "' + box[i].name + '" niet ingevuld!');
			box.focus();
			return false;
		}
	}
	return true;

}

function MM_showHideLayers() { //v6.0
	var i,p,v,obj,args=MM_showHideLayers.arguments;
	for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
		if (obj.style) { obj=obj.style; v=(v=='show')?'block':(v=='hide')?'none':v; }
		obj.display=v; }
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function CMSdisplayTab(tab,panel,tablink) {

		// Set all div panels except current to display:none
    var divCollection = document.getElementsByTagName("div");
    for (var i=0; i<divCollection.length; i++) {
				if (divCollection[i].getAttribute("id")) {
						// Get length
						var iLen = divCollection[i].getAttribute("id").length;

						// Search for _panel
						if (iLen>6 && divCollection[i].getAttribute("id").substring(iLen, iLen-6)=="_panel") {

								// Set specified panel to display:block and all others panels to display:none
								if (divCollection[i].getAttribute("id")==panel) {				
										divCollection[i].style.display = 'block';
								} else {
										divCollection[i].style.display = 'none';
								}
						}

						// Search for _tab: remember we have 3 subtabs: left / center / right
						tab_left   = tab + "_left";
						tab_center = tab + "_center";
						tab_right  = tab + "_right";
						
						if (iLen>9 && divCollection[i].getAttribute("id").substring(iLen, iLen-9)=="_tab_left") {
								
								// Set specified tab to display:block and all others panels to display:none
								if (divCollection[i].getAttribute("id")==tab_left) {				
										divCollection[i].className = 'tab_page_left_selected';
								} else {
										divCollection[i].className = 'tab_page_left';
								}
						}
						if (iLen>11 && divCollection[i].getAttribute("id").substring(iLen, iLen-11)=="_tab_center") {
								
								// Set specified tab to display:block and all others panels to display:none
								if (divCollection[i].getAttribute("id")==tab_center) {				
										divCollection[i].className = 'tab_page_center_selected';
								} else {
										divCollection[i].className = 'tab_page_center';
								}
						}
						if (iLen>10 && divCollection[i].getAttribute("id").substring(iLen, iLen-10)=="_tab_right") {
								
								// Set specified tab to display:block and all others panels to display:none
								if (divCollection[i].getAttribute("id")==tab_right) {				
										divCollection[i].className = 'tab_page_right_selected';
								} else {
										divCollection[i].className = 'tab_page_right';
								}
						}
				}
    }


    var linkCollection = document.getElementsByTagName("a");
		for (var i=0; i<linkCollection.length; i++) {
						if (linkCollection[i].getAttribute("id")) {
								// Get length
								var iLen = linkCollection[i].getAttribute("id").length;
								
								// Search for _link
								if (iLen>5 && linkCollection[i].getAttribute("id").substring(iLen, iLen-5)=="_link") {
		
										// Set specified panel to display:block and all others panels to display:none
										if (linkCollection[i].getAttribute("id")==tablink) {				
												linkCollection[i].style.color = '#F86C00';											
										} else {
												linkCollection[i].style.color = '#808080';
										}
								}
						}
		}
}

function CMScheckFormFields(formfields) {
		var result = true;
		var fields = formfields.split(',');
    for (var i=0; i<fields.length; i++) {
				field = fields[i];
				var elm = document.getElementById(field);
				if (elm.value=='') {
						result = false;
						elm.className = 'input2_req';
				} else {
						elm.className = 'input2';
				}		
		}
		
		// Error display
		if (result==false) {
    		var divCollection = document.getElementsByTagName("div");
		    for (var i=0; i<divCollection.length; i++) {
						if (divCollection[i].getAttribute("id")=='error_message') {
								divCollection[i].style.display = 'block';
						}
				}				
		}
		
		// Result
		return result;
}

