document.onclick=check;

var Ary=[];
var regFields=["regnaam","regemail","regvoornaam","regtelefoon","regstraat","regnummer","regpostcode","regpaswoord","regpaswoord2","regresiv","reggemeente"];

function check(e) {
 var target = (e && e.target) || (event && event.srcElement);
 while (target.parentNode){
  if (  target.className.match('pop')
		||target.className.match('poplink')
	   ||target.className.match('popreset')
	   ||target.className.match('popcontact')
	   ||target.className.match('popdown')
	   ||target.className.match('popperright')
	   ||target.className.match('popdowncon')
	 ) return;
  target=target.parentNode;
 }
 
 if (document.getElementById('popupsrc'))
 {
	if(document.getElementById('popupsrc').contentDocument)
	{
 		document.getElementById('popupsrc').contentDocument.open();
		document.getElementById('popupsrc').contentDocument.close();
	}
 }
 
 if (document.getElementById('popupsrcvrg'))
 {
	if(document.getElementById('popupsrcvrg').contentDocument)
	{
 		document.getElementById('popupsrcvrg').contentDocument.open();
		document.getElementById('popupsrcvrg').contentDocument.close();
	}
 }

 if (document.getElementById('popupsrcvrg2'))
 {
	if(document.getElementById('popupsrcvrg2').contentDocument)
	{
 		document.getElementById('popupsrcvrg2').contentDocument.open();
		document.getElementById('popupsrcvrg2').contentDocument.close();
	}
 }
 
 if (document.getElementById('popupsrccon'))
 {
	if(document.getElementById('popupsrccon').contentDocument)
	{
 		document.getElementById('popupsrccon').contentDocument.open();
		document.getElementById('popupsrccon').contentDocument.close();
	}
 }

 var ary=zxcByClassName('popcontact')
 for (var z0=0;z0<ary.length;z0++){
  ary[z0].style.display='none';
 }
 var ary=zxcByClassName('pop')
 for (var z0=0;z0<ary.length;z0++){
  ary[z0].style.display='none';
 }
 var ary=zxcByClassName('popdown')
 for (var z0=0;z0<ary.length;z0++){
  ary[z0].style.display='none';
 }
  var ary=zxcByClassName('popreset')
 for (var z0=0;z0<ary.length;z0++){
  ary[z0].style.display='none';
 }
  var ary=zxcByClassName('popperright')
 for (var z0=0;z0<ary.length;z0++){
  ary[z0].style.display='none';
 }
  var ary=zxcByClassName('popdowncon')
 for (var z0=0;z0<ary.length;z0++){
  ary[z0].style.display='none';
 }}
function zxcByClassName(nme,el,tag){
 if (typeof(el)=='string') el=document.getElementById(el);
 el=el||document;
 for (var tag=tag||'*',reg=new RegExp('\\b'+nme+'\\b'),els=el.getElementsByTagName(tag),ary=[],z0=0; z0<els.length;z0++){
  if(reg.test(els[z0].className)) ary.push(els[z0]);
 }
 return ary;
}

function toggle(layer_ref, target, top, frame_name) {
 var hza = document.getElementById(layer_ref);
 if (hza && hza.style){
  if (!hza.set){ hza.set=true;  Ary.push(hza); }
  var srcFrame
	if(layer_ref == "regworkshop")
	{
		srcFrame=document.getElementById('popupsrcvrg2');
	}
	else
	{
		srcFrame=document.getElementById(frame_name);	
	}
  	if(hza.style.display == 'block')
	{
		if(srcFrame)
		{
			if(srcFrame.contentDocument)
			{
				srcFrame.contentDocument.open();
				srcFrame.contentDocument.close();
			}
		}
	}else
	{

		if(layer_ref != "contact")
		{
			var ary=zxcByClassName('popcontact')
			 for (var z0=0;z0<ary.length;z0++){
			  ary[z0].style.display='none';
			 }
		}
		if(layer_ref != "register")
		{
			 var ary=zxcByClassName('pop')
			 for (var z0=0;z0<ary.length;z0++){
			  ary[z0].style.display='none';
			 }
		}
		if(layer_ref != "stelvraag")
		{
			 var ary=zxcByClassName('popdown')
			 for (var z0=0;z0<ary.length;z0++){
			  ary[z0].style.display='none';
			 }
		}
		if(layer_ref != "regworkshop")
		{
			 var ary=zxcByClassName('popperright')
			 for (var z0=0;z0<ary.length;z0++){
			  ary[z0].style.display='none';
			 }
		}
		if(layer_ref != "reset")
		{
			  var ary=zxcByClassName('popreset')
			 for (var z0=0;z0<ary.length;z0++){
			  ary[z0].style.display='none';
			 }
		}
		if(layer_ref != "contactmain")
		{
			  var ary=zxcByClassName('popdowncon')
			 for (var z0=0;z0<ary.length;z0++){
			  ary[z0].style.display='none';
			 }
		}	
		if(srcFrame)
		{
			srcFrame.src = target;
		}
	}
	
	if(document.getElementById('left'))
	{
		hza.style.left = getElementPosition('left').left + "px";
		if(frame_name == "popupsrc3")
		{
			hza.style.left = getElementPosition('left').left + 200 + "px";
		}
	}
	else
	{
		if(layer_ref == "stelvraag")
		{
			hza.style.left = (getElementPosition('newquestion').left)-50 + "px";
		}
		else
		{
			hza.style.left = getElementPosition('contentleft').left + "px";
		}
	}
	if(layer_ref == "regworkshop")
	{
			hza.style.left = (getElementPosition(frame_name).left-290) + "px";
	}
	
	if(layer_ref == "stelvraag")
	{
		hza.style.top = (getElementPosition('newquestion').top-290) + "px";
	}
	else
	{
		if(top)
		{
			hza.style.top = top + "px";
		}
	}
	
	if(layer_ref == "regworkshop")
	{
		hza.style.top = (getElementPosition(frame_name).top-65) + "px";
	}
	if(layer_ref == "contactmain")
	{
		hza.style.top = (getElementPosition('footerhold').top-500) + "px";
		hza.style.left = (getElementPosition('footerhold').left-240) + "px";
	}
	hza.style.display = (hza.style.display == 'block')? 'none':'block';	
 }
  
}

function getElementPosition(elemID){
	var offsetTrail = document.getElementById(elemID);
	var offsetLeft = 0;
	var offsetTop = 0;
	while (offsetTrail){
		offsetLeft += offsetTrail.offsetLeft;
		offsetTop += offsetTrail.offsetTop;
		offsetTrail = offsetTrail.offsetParent;
	}
	if (navigator.userAgent.indexOf('Mac') != -1 && typeof document.body.leftMargin != 'undefined'){
		offsetLeft += document.body.leftMargin;
		offsetTop += document.body.topMargin;
	}	
	return {left:offsetLeft,top:offsetTop};
}

