//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// GLOBAL FUNCTIONS 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//--------------------------------------------------------------------------------------------------------------------------------------------------------------------
// GLOBAL: Check Forms 
//--------------------------------------------------------------------------------------------------------------------------------------------------------------------

function checkForm(form){
	var eValue = document.getElementById("catch");
	var eFieldName = document.getElementById("strNamex")
	var eFieldFname = document.getElementById("strFirstNamex")
	var eFieldAddress = document.getElementById("strAddressx")
	var eFieldEmail = document.getElementById("strEmailx")
	
	if (IsEmpty(form.strNamex)){
	
		eValue.innerHTML = "<span style=color:red;font-weight:bold;font-size:8pt;>Opgelet: 'Naam' is een verplicht veld... !</span>";
		eFieldName.className = "fieldCheck"; 
		eFieldFname.className = ""; 
		eFieldAddress.className = ""; 
		eFieldEmail.className = ""; 
		return false;
		
	} else if (IsEmpty(form.strFirstNamex)){
	    
		eValue.innerHTML = "<span style=color:red;font-weight:bold;font-size:8pt;>Opgelet: 'Voornaam' is een verplicht veld... !</span>"; 
		eFieldFname.className = "fieldCheck"; 
		eFieldName.className = ""; 
		eFieldAddress.className = ""; 
		eFieldEmail.className = ""; 
		return false;
		
	} else if (IsEmpty(form.strAddressx)){
	  
		eValue.innerHTML = "<span style=color:red;font-weight:bold;font-size:8pt;>Opgelet: 'Adres' is een verplicht veld... !</span>"; 
		eFieldAddress.className = "fieldCheck";
		eFieldName.className = ""; 
		eFieldFname.className = ""; 
		eFieldEmail.className = ""; 
		return false;
		
	} else if (form.strEmailx.value != "") {
		if (IsValidEmail(form.strEmailx.value) == false){
			eValue.innerHTML = "<span style=color:red;font-weight:bold;font-size:8pt;>Opgelet: Gelieve een geldig e-mail adres in te vullen...!</span>"; 
			eFieldEmail.className = "fieldCheck";
			eFieldName.className = ""; 
			eFieldFname.className = ""; 
			eFieldAddress.className = ""; 
			return false;
		}
	}
}

//--------------------------------------------------------------------------------------------------------------------------------------------------------------------
// GLOBAL: Check Maillist 
//--------------------------------------------------------------------------------------------------------------------------------------------------------------------
function formCheckMailList(form){
	var eValue = document.getElementById("catch");
	var eFieldName = document.getElementById("strNamex");
	var eFieldEmail = document.getElementById("strEmailx");
	
	if (IsEmpty(form.strNamex)){	
		eValue.innerHTML = "<span style=color:red;font-weight:bold;font-size:8pt;>Opgelet: 'Naam' is een verplicht veld... !</span>";
		eFieldName.className = "fieldCheck"; 
		eFieldEmail.className = ""; 
		return false;
		
	} else if (IsValidEmail(form.strEmailx.value) == false){
		eValue.innerHTML = "<span style=color:red;font-weight:bold;font-size:8pt;>Opgelet: Gelieve een geldig e-mail adres in te vullen...!</span>"; 
		eFieldEmail.className = "fieldCheck";
		eFieldName.className = "";
		return false;
	}
}

//check empty field values
function IsEmpty(field) {
   if ((field.value.length == 0) || (field.value == null)) {
   
     	return true;
	  
   } else { 
   
   		return false; 
	
	}
}

//check for valid e-mail address
function IsValidEmail(email)
{
	var e = email
	var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	
	if (filter.test(e)){
	
		return(true);
		
	}else {
	
		return(false);
	}
}

//Reset field and fieldvalues
function resetField(field){
	var eValue = document.getElementById("catch");
	field.className = "fieldReset";
	eValue.innerHTML = "";
}


//--------------------------------------------------------------------------------------------------------------------------------------------------------------------
// GLOBAL: Toggle Menu Items with Cookie Activation
//--------------------------------------------------------------------------------------------------------------------------------------------------------------------

function toggleLayer(intLayer,intTotal,clss) {		
	// ******** Toggle template view
	var childLayer = document.getElementById('child_'+ intLayer);
	for (i=1;i < intTotal + 1;i++) {
		if (i == intLayer && childLayer.style.display == "none") {
			document.getElementById('child_'+ i).style.display = 'block';
			//document.getElementById('img_'+ i).src = '/files/imgs/frontend/body/groupC.gif';
			document.getElementById('parent_'+ i).className = clss + 'Open';
			document.getElementById('parent_'+ i).setAttribute("title","Klik hier om te sluiten");
		}else{
			document.getElementById('child_'+ i).style.display = 'none';
			//document.getElementById('img_'+ i).src = '/files/imgs/frontend/body/groupO.gif';
			document.getElementById('parent_'+ i).className = clss + 'Close';
			document.getElementById('parent_'+ i).setAttribute("title","Klik hier om te openen");
		}
	}
}

function SetCookie(cookieName,cookieValue,nDays) {
	var today = new Date();
	var expire = new Date();
	if (nDays==null || nDays==0) nDays=1;
 		expire.setTime(today.getTime() + 3600000 * 24 * nDays);
 		document.cookie = cookieName + "=" + escape(cookieValue) + ";expires=" + expire.toGMTString();
}


//--------------------------------------------------------------------------------------------------------------------------------------------------------------------
// GLOABAL: Toggle Form Panel (2 TABS LEFT & RIGHT)
//--------------------------------------------------------------------------------------------------------------------------------------------------------------------

function togglePanelLeft() {		
	// ******** Toggle template view
	var pnlTopLeft = document.getElementById('panelTopLeft');
	var pnlTopRight = document.getElementById('panelTopRight');
	var pnlBody = document.getElementById('panelBody');
	var pnlChildLeft = document.getElementById('childPanelLeft');
	var pnlChildRight = document.getElementById('childPanelRight');
	
	pnlChildLeft.style.display = 'block';
	pnlChildRight.style.display = 'none';
	pnlBody.className = 'panelBody_1';		
	pnlTopLeft.className = 'panelTopleftActive';
	pnlTopRight.className = 'panelTopRightInactive';
}

function togglePanelRight() {		
	// ******** Toggle template view
	var pnlTopLeft = document.getElementById('panelTopLeft');
	var pnlTopRight = document.getElementById('panelTopRight');
	var pnlBody = document.getElementById('panelBody');
	var pnlChildLeft = document.getElementById('childPanelLeft');
	var pnlChildRight = document.getElementById('childPanelRight');
	
	pnlChildRight.style.display = 'block';
	pnlChildLeft.style.display = 'none';
	pnlBody.className = 'panelBody_2';		
	pnlTopLeft.className = 'panelTopleftInactive';
	pnlTopRight.className = 'panelTopRightActive';
}


//--------------------------------------------------------------------------------------------------------------------------------------------------------------------
// GLOBAL: Toggle panel (Generic Tabs)
//--------------------------------------------------------------------------------------------------------------------------------------------------------------------
function togglePanel(pnlNav, pnlContainer, pnlItems) {
	// ******** Toggle panel view	
	var pnlNavArray = pnlNav.split("_");
	var pnlContArray = pnlContainer.split("_");
	
	for (i=1; i < pnlItems + 1 ; i++) {			
		if (i == pnlNavArray[1]) {
			document.getElementById(pnlNavArray[0] + "_" + i).className = 'panelNavActive';
			document.getElementById(pnlContArray[0] + "_" + i).style.display = 'block';
		
		}else{
			document.getElementById(pnlNavArray[0] + "_" + i).className = 'panelNavInactive';
			document.getElementById(pnlContArray[0] + "_" + i).style.display = 'none';
		}
	}
}

//--------------------------------------------------------------------------------------------------------------------------------------------------------------------
// GLOBAL: Navigation Rollover
//--------------------------------------------------------------------------------------------------------------------------------------------------------------------

function active(dir,img,imgSrc) {
  	if (document.all){
		var on = new Image(); 
		on.src = dir + "/images/categories/" + imgSrc;
    	document.images(img).src = on.src;
	}else{
		var on = dir + "/images/categories/" + imgSrc;
		document.getElementById(img).setAttribute("src",on);
	}
}

function inactive(dir,img,imgSrc) {
 	if (document.all){
		var off = new Image(); 
		off.src = dir + "/images/categories/" + imgSrc;
    	document.images(img).src = off.src;
	}else{
		var off = dir + "/images/categories/" + imgSrc;
		document.getElementById(img).setAttribute("src",off);
	}
}