sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
    sfEls[i].onmouseclick=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

function ChangeShark(distance){
  document.getElementById("shark").style.left = distance + "px";
  }  
function MoveGlow(distance){
  document.getElementById("glow").style.left = distance + "px";    
  }
function RemoveGlow(obj){
  document.getElementById("glow").style.left = "-999px";
  }
function EmptyInputBox(elem){
  document.getElementById(elem).value = "";
  }
  
function initScrollLayer() {  
  if(document.getElementById('wn_lijst')){
    var elem = document.getElementsByClassName('imagecontainer');
    var lijstwidth = (elem.length + 1) * 590;
    document.getElementById("lyr1_lijst").style.width = lijstwidth+"px";

    var wndo = new dw_scrollObj('wn_lijst', 'lyr1_lijst', null);
    dw_scrollObj.GeckoTableBugFix('wn_lijst'); 
    }
  }
function init() {
  //navigation
  document.getElementById("nav").style.paddingLeft = "235px";
  //subnavigations
  document.getElementById("subhome").style.marginLeft = "-39px";
  document.getElementById("sublessenreeksen").style.marginLeft = "-7px";  
  document.getElementById("subdocenten").style.marginLeft = "-25px";
  
  initScrollLayer();
  initLightbox();
  }

window.onload = init; 

function LightboxCreator(width, height, rel, href, title){
  var objLink = document.createElement('a');
  objLink.setAttribute('href',href);
  objLink.setAttribute('rel',rel);
  objLink.setAttribute('title',title);
  if(typeof width != 'undefined') {
  	objLink.setAttribute('width',width);
    }
  if(typeof height != 'undefined') {
  	objLink.setAttribute('height',height);
    }
  Lightbox.prototype.start(objLink);
  }
  
function CheckObligedFields(obj){
  var obliged = new Array("naam", "voornaam", "straat_nr", "plaats_postcode", "email", "geboortedatum", "gsm", "lescode");  
  var send = true;
  for (i=0;i<obliged.length;i++){
    if(document.getElementById(obliged[i]).value == ""){
      document.getElementById(obliged[i]).style.backgroundImage = "url(assets/obligedfield.png)";
      send = false;
      }
    }
  var vEmail = validateEmail("email");
  var varEmail = true;
  if(vEmail == false && send == true){
    send = false;
    varEmail = false;
    }
  if(send == true){
    get(obj);
    document.getElementById("message").innerHTML = "Uw inschrijving werd correct verzonden";
    for (i=0;i<obliged.length;i++){
      document.getElementById(obliged[i]).value = "";
      }
    }
  else{
    if(varEmail == true){
      document.getElementById("message").innerHTML = "Alle verplichte velden invullen aub!";
      }
    if(varEmail == false){
      document.getElementById("message").innerHTML = "Een correct emailadres invullen aub!";
      }
    }
  }
  
function ResetBackgroundInputfield(elem){
  document.getElementById("message").innerHTML = "";
  document.getElementById(elem.id).style.backgroundImage = "url(assets/inschrijving_inputbox.png)";
  }
  
function ResetAll(){
  var obliged = new Array("naam", "voornaam", "straat_nr", "plaats_postcode", "email", "geboortedatum", "gsm", "lescode");  
  for (i=0;i<obliged.length;i++){
    document.getElementById(obliged[i]).value = "";
    document.getElementById(obliged[i]).style.backgroundImage = "url(assets/inschrijving_inputbox.png)";
    }
  document.getElementById("message").innerHTML = "";
  }

function ChangeImageBox(image){
  document.getElementById("foto_vak").src = image;
  }