function xmlrequest(url, target) {
  globalUrl = url;
  document.getElementById(target).innerHTML = '<img src=\"/loading.gif\" alt=\"Laden...\" style=\"float:left;\" /> <h3>Bezig met laden...</h3>';
  if (window.XMLHttpRequest) {
    req = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    req = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (req != undefined) {
    req.onreadystatechange = function() { xmlrequestDone(url, target); };
    req.open("GET", url, true);
    req.send("");
  }
}
function xmlpostrequest(url, target) {
  globalUrl = url;
  parambuild = '';
  for(i = 0; i < document.getElementsByTagName('input').length; i++) {
  	if(i > 0) {
  		parambuild += '&';
  	}
  	if(document.getElementsByTagName('input')[i].type == 'checkbox' && document.getElementsByTagName('input')[i].checked == true || document.getElementsByTagName('input')[i].type != 'checkbox') {
  		parambuild += document.getElementsByTagName('input')[i].name + '=' + document.getElementsByTagName('input')[i].value.replace('&', 'amp;');
  	}
  	else if(document.getElementsByTagName('input')[i].type == 'checkbox') {
  		parambuild += document.getElementsByTagName('input')[i].name + '=false';
  	}
  }
  var params = parambuild;
  document.getElementById(target).innerHTML = '<img src=\"/loading.gif\" alt=\"Laden...\" style=\"float:left;\" /> <h3>Bezig met laden...</h3>';
  if (window.XMLHttpRequest) {
    req = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    req = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (req != undefined) {
    req.onreadystatechange = function() { xmlrequestDone(url, target); };
    req.open("POST", url, true);
    req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	 req.setRequestHeader("Content-length", params.length);
	 req.setRequestHeader("Connection", "close");
    req.send(params);
  }
}   
function xmlrequestDone(url, target) {
  if (req.readyState == 4) { // only if req is "loaded"
    if (req.status == 200) { // only if "OK"
      document.getElementById(target).innerHTML = req.responseText;
	}
   else {
      document.getElementById(target).innerHTML=" AJAX ERROR:\n"+ req.status + "\n" +req.statusText;
    }
 }
 }
 function vergrootFoto(artnr) {
	if(document.getElementById('alignContainer')) {
		document.body.removeChild(document.getElementById('alignContainer'));
	}
	menuBalkObj = document.createElement('div');
	menuBalkObj.style.right = '0px';
	menuBalkObj.style.height = '20px';
	menuBalkObj.style.textAlign = 'right';
	menuBalkObj.style.background = 'url("/softgrad.png") repeat-x top left';
	menuBalkObj.style.color = '#000';
	menuBalkObj.style.position = 'relative';
	menuBalkObj.style.left = '0px';
	menuBalkObj.style.top = '0px';
	menuBalkObj.style.margin = '-10px';
	menuBalkObj.style.fontSize = '14px';
	menuBalkObj.innerHTML = 'X&nbsp;&nbsp;&nbsp;';
	vergrootImgObj = document.createElement('img');
	vergrootImgObj.src = 'http://sajovi.flevoland-webdesign.nl/webshop_stock/product' + artnr + '.jpg';
	vergrootImgObj.id = 'vergrootImg';
	vergrootImgObj.style.position = 'absolute';
	vergrootImgObj.style.top = '30px';
	vergrootImgObj.style.left = '10px';
	vergrootImgObj.style.cursor = 'pointer';
	alignImgObj = document.createElement('div');
	alignImgObj.id = 'alignContainer';
	alignImgObj.style.position = 'fixed';
	alignImgObj.style.top = '0px';
	alignImgObj.style.width = '100%';
	alignImgObj.style.height = '100%';
	alignImgObj.style.left = '0px';
	alignImgObj.style.zIndex = '9999';
	grootImgObj = document.createElement('div');
	grootImgObj.id = 'vergrootLayer';
	grootImgObj.style.position = 'relative';
	grootImgObj.style.top = '100px';
	grootImgObj.style.width = '0px';
	grootImgObj.style.height = '30px';
	grootImgObj.style.margin = 'auto';
	grootImgObj.style.overflow = 'hidden';
	grootImgObj.style.padding = '10px';
	grootImgObj.style.background = '#DDD';
	grootImgObj.style.border = 'solid 1px #111';
	grootImgObj.appendChild(menuBalkObj);
	grootImgObj.appendChild(vergrootImgObj);
	alignImgObj.appendChild(grootImgObj);
	document.body.appendChild(alignImgObj);
	document.getElementById('alignContainer').onclick = function() { fotoSluiten(); }
	i = 0;
	vergrootfotoAnime();	
}
function voorwaarden() {
	if(document.getElementById('alignContainer')) {
		document.body.removeChild(document.getElementById('alignContainer'));
	}
	menuBalkObj = document.createElement('div');
	menuBalkObj.style.right = '0px';
	menuBalkObj.style.height = '20px';
	menuBalkObj.style.textAlign = 'right';
	menuBalkObj.style.background = 'url("/softgrad.png") repeat-x top left';
	menuBalkObj.style.color = '#000';
	menuBalkObj.style.position = 'relative';
	menuBalkObj.style.left = '0px';
	menuBalkObj.style.top = '0px';
	menuBalkObj.style.margin = '-10px';
	menuBalkObj.style.fontSize = '14px';
	menuBalkObj.innerHTML = '<a onclick=\"fotoSluiten();\" style=\"cursor:pointer;\">X</a>&nbsp;&nbsp;&nbsp;';
	vergrootImgObj = document.createElement('div');
	vergrootImgObj.id = 'vergrootImg';
	vergrootImgObj.style.position = 'absolute';
	vergrootImgObj.style.top = '30px';
	vergrootImgObj.style.left = '10px';
	vergrootImgObj.style.right = '10px';
	vergrootImgObj.style.bottom = '10px';
	vergrootImgObj.style.background = '#fff';
	vergrootImgObj.style.paddingLeft = '10px';
	vergrootImgObj.style.overflow = 'auto';
	alignImgObj = document.createElement('div');
	alignImgObj.id = 'alignContainer';
	alignImgObj.style.position = 'fixed';
	alignImgObj.style.top = '0px';
	alignImgObj.style.width = '100%';
	alignImgObj.style.height = '100%';
	alignImgObj.style.left = '0px';
	alignImgObj.style.zIndex = '9999';
	grootImgObj = document.createElement('div');
	grootImgObj.id = 'vergrootLayer';
	grootImgObj.style.position = 'relative';
	grootImgObj.style.top = '100px';
	grootImgObj.style.width = '0px';
	grootImgObj.style.height = '30px';
	grootImgObj.style.margin = 'auto';
	grootImgObj.style.overflow = 'hidden';
	grootImgObj.style.padding = '10px';
	grootImgObj.style.background = '#DDD';
	grootImgObj.style.border = 'solid 1px #111';
	grootImgObj.appendChild(menuBalkObj);
	grootImgObj.appendChild(vergrootImgObj);
	alignImgObj.appendChild(grootImgObj);
	document.body.appendChild(alignImgObj);
	i = 0;
	vergrootvoorwaardenAnime();	
	xmlrequest('/voorwaarden.php', 'vergrootImg');
}
function vergrootvoorwaardenAnime() {
	if(i < 10) {
		i++;
		document.getElementById('vergrootLayer').style.width = (500 / 10) * i + 'px';
		setTimeout('vergrootvoorwaardenAnime()', 75);
	}
	if(i > 9 && i < 20) {
		i++;
		document.getElementById('vergrootLayer').style.height = (300 / 10) * (i - 10) + 20 +'px';
		setTimeout('vergrootvoorwaardenAnime()', 75);
	}
}
function vergrootfotoAnime() {
	if(document.getElementById('vergrootImg').offsetWidth > 0) {
	if(i < 10) {
		i++;
		document.getElementById('vergrootLayer').style.width = (document.getElementById('vergrootImg').offsetWidth / 10) * i + 'px';
		setTimeout('vergrootfotoAnime()', 75);
	}
	if(i > 9 && i < 20) {
		i++;
		document.getElementById('vergrootLayer').style.height = (document.getElementById('vergrootImg').offsetHeight / 10) * (i - 10) + 20 +'px';
		setTimeout('vergrootfotoAnime()', 75);
	}
	}
	else { setTimeout('vergrootfotoAnime()', 75); }
}

function fotoSluiten() {
	if(document.getElementById('alignContainer')) {
		document.body.removeChild(document.getElementById('alignContainer'));
	}
}
function validateMail() {
	e = false;
	for(i = 0; i < 12; i++) {
		y = document.forms['klantgegevens'].getElementsByTagName('input')[i];
		if(y.value.length == 0 && y.name != 'mobnummer' && y.name != 'faxnummer' && y.name != 'website') {
			y.style.background = '#FF0000';
			y.style.color = '#FFFFFF';
			e = true;
		}
		else {
			y.removeAttribute('style');
		}
	}
	x = document.forms['klantgegevens']['email'];
	var atpos=x.value.indexOf("@");
	var dotpos=x.value.lastIndexOf(".");
	if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.value.length) {
		x.style.background = '#FF0000';
		x.style.color = '#FFFFFF';
		x.focus();
	}
	else if(e == true) {
		x.removeAttribute('style');
	}
	else if(e == false) {
		document.forms['klantgegevens'].submit();
	}
}
function clearForm() {
	for(i = 0; i < 12; i++) {
		y = document.forms['klantgegevens'].getElementsByTagName('input')[i];
		y.removeAttribute('style');
	}
}
function AC_AddExtension(src, ext)
{
  if (src.indexOf('?') != -1)
    return src.replace(/\?/, ext+'?'); 
  else
    return src + ext;
}

function AC_Generateobj(objAttrs, params, embedAttrs) 
{ 
  var str = '<object style="margin:0px; padding:0px; display:block;" ';
  for (var i in objAttrs)
    str += i + '="' + objAttrs[i] + '" ';
  str += '>';
  for (var i in params)
    str += '<param name="' + i + '" value="' + params[i] + '" /> ';
  str += '<embed style="margin:0px; padding:0px; display:block;" ';
  for (var i in embedAttrs)
    str += i + '="' + embedAttrs[i] + '" ';
  str += ' ></embed></object>';

  document.write(str);
}

function AC_FL_RunContent(){
  var ret = 
    AC_GetArgs
    (  arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
     , "application/x-shockwave-flash"
    );
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}

function AC_SW_RunContent(){
  var ret = 
    AC_GetArgs
    (  arguments, ".dcr", "src", "clsid:166B1BCA-3F9C-11CF-8075-444553540000"
     , null
    );
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}

function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
  var ret = new Object();
  ret.embedAttrs = new Object();
  ret.params = new Object();
  ret.objAttrs = new Object();
  for (var i=0; i < args.length; i=i+2){
    var currArg = args[i].toLowerCase();    

    switch (currArg){	
      case "classid":
        break;
      case "pluginspage":
        ret.embedAttrs[args[i]] = args[i+1];
        break;
      case "src":
      case "movie":	
        args[i+1] = AC_AddExtension(args[i+1], ext);
        ret.embedAttrs["src"] = args[i+1];
        ret.params[srcParamName] = args[i+1];
        break;
      case "onafterupdate":
      case "onbeforeupdate":
      case "onblur":
      case "oncellchange":
      case "onclick":
      case "ondblClick":
      case "ondrag":
      case "ondragend":
      case "ondragenter":
      case "ondragleave":
      case "ondragover":
      case "ondrop":
      case "onfinish":
      case "onfocus":
      case "onhelp":
      case "onmousedown":
      case "onmouseup":
      case "onmouseover":
      case "onmousemove":
      case "onmouseout":
      case "onkeypress":
      case "onkeydown":
      case "onkeyup":
      case "onload":
      case "onlosecapture":
      case "onpropertychange":
      case "onreadystatechange":
      case "onrowsdelete":
      case "onrowenter":
      case "onrowexit":
      case "onrowsinserted":
      case "onstart":
      case "onscroll":
      case "onbeforeeditfocus":
      case "onactivate":
      case "onbeforedeactivate":
      case "ondeactivate":
      case "type":
      case "codebase":
        ret.objAttrs[args[i]] = args[i+1];
        break;
      case "width":
      case "height":
      case "align":
      case "vspace": 
      case "hspace":
      case "class":
      case "title":
      case "accesskey":
      case "name":
      case "id":
      case "tabindex":
        ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
        break;
      default:
        ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
    }
  }
  ret.objAttrs["classid"] = classid;
  if (mimeType) ret.embedAttrs["type"] = mimeType;
  return ret;
}