// JavaScript Document
function switchClass(elementId, newClass){
  document.getElementById(elementId).className = newClass;
}

function empty(container){
  if(container){
    if(container.hasChildNodes()){
      while(container.hasChildNodes()){
        container.removeChild(container.firstChild);
      }
    }
  }
}


function clearValue(id, txt){
  var divid = document.getElementById(id); 
  if(divid.value == txt){ 
    divid.value = "";
  }
}

function checkValue(id, txt){
  var divid = document.getElementById(id);    
  if(divid.value == ""){ 
    divid.value = txt;
  }
}


function menuClass(elementId, newClass){
  
  
  document.getElementById(elementId).className = newClass;
  var parentContainer = document.getElementById(elementId).parentNode; 
  var subItems = parentContainer.getElementsByTagName("ul");
  if(subItems.length > 0){
    if(newClass == "isActive"){
      subItems[0].className = "subMenu";
    }else{
      subItems[0].className = "hidden";
    }
  }
}

/**
 *function menuClass(elementId, newClass){
  document.getElementById(elementId).className = newClass;
  var parentContainer = document.getElementById(elementId).parentNode; 
  var subItems = parentContainer.getElementsByTagName("ul");
  if(subItems.length > 0){
    if(newClass == "isActive"){
      subItems[0].className = "subMenu";
    }else{
      subItems[0].className = "hidden";
    }
  }
}*/

function sendForm(formId){
  document.getElementById(formId).submit();
}

function toggle(elementId){
  if(document.getElementById(elementId).className == "hidden"){document.getElementById(elementId).className = "";}
  else{                                                        document.getElementById(elementId).className = "hidden"; }
}



function composeSearch(){  
  var searchstring = document.getElementById("zoekVeld").value;
	var searchstring = searchstring.replace(/ /g,"_");	
	var searchstring = searchstring.replace(/&/g,"-");
	var searchstring = searchstring.replace(/#/g,"");
	var searchstring = searchstring.replace(/@/g,"");
	var searchstring = searchstring.replace(/%/g,"");
	var searchstring = searchstring.replace(/^/g,"");
	var searchstring = searchstring.replace(/{/g,"");
	var searchstring = searchstring.replace(/}/g,"");
	var searchstring = searchstring.replace(/'/g,"");		
	var searchstring = searchstring.replace(/,/g,".");
	var searchstring = searchstring.replace(/</g,"");
	var searchstring = searchstring.replace(/>/g,"");
	var searchstring = searchstring.replace(/~/g,"");
	var searchstring = searchstring.replace(/!/g,"");
	var searchstring = searchstring.replace(/=/g,"");
	
	var searchstring = searchstring.replace(/&nbsp;/g,"-");

	//var searchstring = searchstring.replace(/?/g,"-");

	var searchUrl = ""+defaultUrl+"/zoeken-"+searchstring+"/";
	document.getElementById("frm_zoeken").action = searchUrl;
	document.getElementById("frm_zoeken").submit();
}
window.currPage = 0;
function refreshEngage(){
  var container = document.getElementById("menu");
  var aLinks = document.getElementsByTagName("a");
  
}


window.fadeNId      = 0;
window.fadeNNumber  = 10;
window.fadeOriginal = 0;

function fade(){
	var container = document.getElementById("fadeContainer");
	var aDivs = container.getElementsByTagName("div");			
	var i = aDivs.length;							
	fadeNId = i;
	fadeOriginal = i;
	fadeAway();				
}

function fadeAway(nId, number){

	if(fadeNNumber < 0){
	  fadeNNumber = 10;
	  fadeNId = fadeNId * 1 - 1;
	  if(!document.getElementById("fade_"+fadeNId)){fadeNId = fadeOriginal;}
	  var next = fadeNId * 1 - 1;
	  if(document.getElementById("fade_"+next)){document.getElementById("fade_"+next).className="";}
	
	  if(next == 0){document.getElementById("fade_"+fadeOriginal).className="";}
	}			
	
	var x = document.getElementById("fade_"+fadeNId);
	x.className = "fade"+fadeNNumber;
	fadeNNumber = fadeNNumber * 1 - 1;
	
	var intTimeout = 50;
	if(fadeNNumber < 0){var intTimeout = 3000;}
	setTimeout("fadeAway()",intTimeout);
}

window.fillElement = "";  
function getVacatureZoekenValue(nType, nValue, nElement){
  fillElement = nElement;
  makeHttpRequest("http://www.attract.nl/xml/zoekVacatures.php?type="+nType+"&value="+nValue, "dom_getVacatureZoekenValue", true);  
}

function dom_getVacatureZoekenValue(ajaxReturn){
  if(fillElement == "zoekVacatureProvincie"){
    var container = document.getElementById("zoekVacatureFunctie"); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
    var container = document.getElementById("zoekVacatureVestiging"); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
    var container = document.getElementById(fillElement); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
  }else if(fillElement == "zoekVacatureVestiging"){
    var container = document.getElementById("zoekVacatureFunctie"); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
    var container = document.getElementById(fillElement); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
  }else{
    var container = document.getElementById(fillElement); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
  }
  
  
  
  
  

  
  var waardeItems   = ajaxReturn.getElementsByTagName("waarde");
  var iWaardeItems = waardeItems.length;

  for(var a=0; a<iWaardeItems; ++a){
    
    var waarde = waardeItems[a].getElementsByTagName("value")[0].firstChild.data;
    var option = document.createElement("option");
        option.value  = waarde;
    option.appendChild(document.createTextNode(waarde));
    container.appendChild(option);
    
  } 
}


/****************************************************************************************** */
function resetVacatureZoeken(){

  makeHttpRequest("http://www.attract.nl/xml/zoekVacaturesVanuit.php?reset=1", "dom_getVacatureZoekenReset", true);
}

function dom_getVacatureZoekenReset(ajaxReturn){

  var fillElement = "zoekVacatureBranche";  

    var container = document.getElementById(fillElement); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
    var waardeItems   = ajaxReturn.getElementsByTagName("branche");
    var iWaardeItems = waardeItems.length;
  
    for(var a=0; a<iWaardeItems; ++a){
      
      var waarde = waardeItems[a].getElementsByTagName("value")[0].firstChild.data;
      var option = document.createElement("option");
          option.value  = waarde;
      option.appendChild(document.createTextNode(waarde));
      container.appendChild(option);
      

  }

  var fillElement = "zoekVacatureProvincie"; 

    var container = document.getElementById(fillElement); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
    var waardeItems   = ajaxReturn.getElementsByTagName("provincie");
    var iWaardeItems = waardeItems.length;
  
    for(var a=0; a<iWaardeItems; ++a){
      
      var waarde = waardeItems[a].getElementsByTagName("value")[0].firstChild.data;
      var option = document.createElement("option");
          option.value  = waarde;
      option.appendChild(document.createTextNode(waarde));
      container.appendChild(option);
      
    }

  
  var fillElement = "zoekVacatureVestiging";  

    var container = document.getElementById(fillElement); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
    var waardeItems   = ajaxReturn.getElementsByTagName("vestiging");
    var iWaardeItems = waardeItems.length;
  
    for(var a=0; a<iWaardeItems; ++a){
      
      var waarde = waardeItems[a].getElementsByTagName("value")[0].firstChild.data;
      var option = document.createElement("option");
          option.value  = waarde;
      option.appendChild(document.createTextNode(waarde));
      container.appendChild(option);
      

  }
  
  
  var fillElement = "zoekVacatureFunctie";  

    var container = document.getElementById(fillElement); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
    var waardeItems   = ajaxReturn.getElementsByTagName("functie");
    var iWaardeItems = waardeItems.length;
  
    for(var a=0; a<iWaardeItems; ++a){
      
      var waarde = waardeItems[a].getElementsByTagName("value")[0].firstChild.data;
      var option = document.createElement("option");
          option.value  = waarde;
      option.appendChild(document.createTextNode(waarde));
      container.appendChild(option);
      
    }

   
}


function zoekVacatureVanuit(){
  var branche   = document.getElementById("zoekVacatureBranche").value;
  var provincie = document.getElementById("zoekVacatureProvincie").value;
  var vestiging = document.getElementById("zoekVacatureVestiging").value;
  var functie   = document.getElementById("zoekVacatureFunctie").value;
  
  
  
  makeHttpRequest("http://www.attract.nl/xml/zoekVacaturesVanuit.php?branche="+branche+"&provincie="+provincie+"&vestiging="+vestiging+"&functie="+functie, "dom_getVacatureZoekenVanuit", true);
}

function dom_getVacatureZoekenVanuit(ajaxReturn){
  /*if(fillElement == "zoekVacatureProvincie"){
    var container = document.getElementById("zoekVacatureFunctie"); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
    var container = document.getElementById("zoekVacatureVestiging"); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
    var container = document.getElementById(fillElement); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
  }else if(fillElement == "zoekVacatureVestiging"){
    var container = document.getElementById("zoekVacatureFunctie"); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
    var container = document.getElementById(fillElement); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
  }else{
    var container = document.getElementById(fillElement); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
  }
    */
  
  
  var fillElement = "zoekVacatureBranche";  
  if(document.getElementById(fillElement).value == "Alle"){
    var container = document.getElementById(fillElement); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
    var waardeItems   = ajaxReturn.getElementsByTagName("branche");
    var iWaardeItems = waardeItems.length;
  
    for(var a=0; a<iWaardeItems; ++a){
      
      var waarde = waardeItems[a].getElementsByTagName("value")[0].firstChild.data;
      var option = document.createElement("option");
          option.value  = waarde;
      option.appendChild(document.createTextNode(waarde));
      container.appendChild(option);
      
    }
  }

  var fillElement = "zoekVacatureProvincie"; 
  if(document.getElementById(fillElement).value == "Alle"){
    var container = document.getElementById(fillElement); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
    var waardeItems   = ajaxReturn.getElementsByTagName("provincie");
    var iWaardeItems = waardeItems.length;
  
    for(var a=0; a<iWaardeItems; ++a){
      
      var waarde = waardeItems[a].getElementsByTagName("value")[0].firstChild.data;
      var option = document.createElement("option");
          option.value  = waarde;
      option.appendChild(document.createTextNode(waarde));
      container.appendChild(option);
      
    }
  }
  
  var fillElement = "zoekVacatureVestiging";  
  if(document.getElementById(fillElement).value == "Alle"){
    var container = document.getElementById(fillElement); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
    var waardeItems   = ajaxReturn.getElementsByTagName("vestiging");
    var iWaardeItems = waardeItems.length;
  
    for(var a=0; a<iWaardeItems; ++a){
      
      var waarde = waardeItems[a].getElementsByTagName("value")[0].firstChild.data;
      var option = document.createElement("option");
          option.value  = waarde;
      option.appendChild(document.createTextNode(waarde));
      container.appendChild(option);
      
    }
  }
  
  
  var fillElement = "zoekVacatureFunctie";  
  if(document.getElementById(fillElement).value == "Alle"){
    var container = document.getElementById(fillElement); empty(container); var waarde = "Alle"; var option = document.createElement("option"); option.value  = waarde; option.appendChild(document.createTextNode(waarde)); container.appendChild(option);
    var waardeItems   = ajaxReturn.getElementsByTagName("functie");
    var iWaardeItems = waardeItems.length;
  
    for(var a=0; a<iWaardeItems; ++a){
      
      var waarde = waardeItems[a].getElementsByTagName("value")[0].firstChild.data;
      var option = document.createElement("option");
          option.value  = waarde;
      option.appendChild(document.createTextNode(waarde));
      container.appendChild(option);
      
    }
  }
   
}



/****************************************************************************************** */


function checkReageerForm(){
  
  var cVNaam = document.getElementById("cVNaam").value;
  var cANaam = document.getElementById("cANaam").value;
  
  var cTelefoon = document.getElementById("cTelefoon").value;
  var cTel06    = document.getElementById("cTel06").value;
  var cEmail    = document.getElementById("cEmail").value;

  if(cVNaam == "" || cANaam == "" || cTelefoon == "" || cTel06 == "" || cEmail == ""){
    alert("U moet de velden met een '*' verpicht invullen.");
  }else{
    sendForm('frm_reageerVacature');
  }
}


function reageer(url){
  switchClass('vacatureReageer', '');
  window.location = url;
}



/** ********************************** AJAX DEFINITION ****************************** **/
function makeHttpRequest(url, callback_function, return_xml)
{
   var http_request = false;
   if (window.XMLHttpRequest) { // Mozilla, Safari,...
       http_request = new XMLHttpRequest();
       if (http_request.overrideMimeType) {
           http_request.overrideMimeType('text/xml');
       }
   } 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('Unfortunatelly you browser doesn\'t support this feature.');
       return false;
   }
   http_request.onreadystatechange = function() {
       if (http_request.readyState == 4) {
           if (http_request.status == 200) {
               if (return_xml) {
                   eval(callback_function + '(http_request.responseXML)');
               } else {
                   eval(callback_function + '(http_request.responseText)');
               }
           } else {
              // alert('There was a problem with the request.(Code: ' + http_request.status + ')');
           }
       }
   }
   http_request.open('GET', url, true);
   http_request.send(null);
}

function noFunction(test){}