// JavaScript Document

function GetObj(name) {
	var obj = document.anchors[name];
	if (obj==null || typeof(obj)=="undefined"){
		if (document.getElementById){ //NS6+
			obj = document.getElementById(name);
		}else{ //IE4+
			obj = document.all[name];
			if ((obj==null || typeof(obj)=="undefined") && typeof(document.body)!="undefined") {
				obj = document.body.document.all[name];
			}
		}
	}
	if ((obj!=null) && (typeof(obj)!="undefined")){
		return obj;
	}else{
		//alert("GetObj('"+name+"'): Object not found!");
		return null;
	}
}

function SetHTML(name, content) {
	GetObj(name).innerHTML = content;	
}
		
function SetVisible(names, visible){
	// Hide or Show multiple object
	names = names.split(",");
	var i;
	for (i=0; i<names.length; i++){
		var obj = GetObj(names[i]);
		if (obj != null){
			if (visible) {
				obj.style.display = "block";
			}else{
				obj.style.display = "none";
			}
		}
	}
}

  
function displayObject( obj, show ) {

  // step 1
  obj = getObject( obj );
  if (obj==null) return;

  // step 2
  obj.style.display = show ? 'block' : 'none';
  obj.style.visibility = show ? 'visible' : 'hidden';
}

function moveObject( obj, loc ) {

  // step 1
  var tempX = 0;
  var tempY = 0;
  var offsetX = 50;
  var offsetY = -30;
  var object = GetObj(obj);
  var LocObj = GetObj(loc);

  // step 3
  alert(LocObj.style.top);
  tempX = LocObj.style.top + document.body.scrollLeft;
  tempY = LocObj.style.left + document.body.scrollTop;
  

  // step 4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}

  // step 5
  object.style.top  = (tempY + offsetY) + 'px';
  object.style.left = (tempX + offsetX) + 'px';

}



// Deze functie wordt gebruikt om onClick onzichtbare layers te tonen.
function toonVerberg(antwoord) {
	e=GetObj(antwoord)
	toon=e.style.display
	if(toon=='none'||toon=='')e.style.display='block'
	else e.style.display='none'
}

function ToggleElement(antwoord) {
	e=GetObj(antwoord)
	toon=e.style.display
	if(toon=='none'||toon=='')e.style.display='block'
	else e.style.display='none'
}

function ToggleElementInline(antwoord) {
	e=GetObj(antwoord)
	toon=e.style.display
	if(toon=='none'||toon=='')e.style.display='inline-block'
	else e.style.display='none'
}


// Deze functie wordt gebruikt om onClick onzichtbare layers te tonen.
function HideElement(antwoord) {
	e=GetObj(antwoord);
	e.style.display='none';
}

function ShowElement(antwoord) {
	e=GetObj(antwoord);
	e.style.display='block';
}

function DeleteElement(antwoord) {
	e=document.getElementById(antwoord);
	e.parentNode.removeChild(e);
}