/* 
HTML inhoud van een frame veranderen
@param frame de target frame
@param htmlContent de html inhoud string
*/
function changeFrameContent(frame, htmlContent) {
  	frame.document.open();
  	frame.document.write(htmlContent)
  	frame.document.close();
}

/* 
De locatie van een frame veranderen
@param frame de target frame
@param url de nieuwe locatie
*/
function changeFrameLocation(frame, url) {
	frame.location.href=url;
}

/*
control enabelen of disabelen
@param control HTML object 
@param actief
*/
function activeerControl(control, actief) {
	control.disabled = !actief;
}

/*
genereert html code voor een lege frame
*/
function generateEmptyFrameHtml() {
	return "<html><head></head><body></body></html>";
}

/*
genereert html code voor een frame met een image om het laden van een pagina voor te stellen 
@param imgLocation de locatie van de image
*/
function generateLoadingFrameHtml(imgLocation) {
	return "<html><head></head><body style='margin:0px; padding:0px;'><img style='margin-top: 50px; margin-left: 50%;' src='" + imgLocation +"'></body></html>" ;
}

/*
Het aantal geselecteerde items in een selectBox bepalen
@param selectBox
*/
function getNrOfSelectedItems(selectBox) {
	var nrOfOptions = selectBox.length;
	var total = 0;
	var i = 0;
	for (i = 0; i < nrOfOptions; i++) {
		if (selectBox[i].selected) 
			total = total + 1;
	}
	return total;
}

function getSelectedItemText(selectBox) {
	var nrOfOptions = selectBox.length;
	for (i = 0; i < nrOfOptions; i++) {
		if (selectBox[i].selected) 
			return selectBox[i].text;
	}
	return '';	
}


/*
De inputbox leeg zetten
@param inputBox
*/
function clearInputBox(inputBox) {
  inputBox.value = '';
}

/*
De selectbox leeg zetten
@param selectBox
*/
function clearSelectBox(selectBox) {
  selectBox.options.length = 0;
}

/*
Het style attribuut van een bepaald HTML object ophalen
@param id id van het HTML object
*/
function getStyle(id){
	if (document.getElementById){
		return document.getElementById(id).style;
	} else if (document.all){
		return document.all[id].style;
	} else if (document.layers){
		return document.layers[id];
	}
}

/*
Een element tonen door de display property naar 'block' te wijzigen
@param id id van het HTML object
*/
function show(id){
	var styleObj=getStyle(id);
	styleObj.display='block';
}

/*
Een element verbergen door de display property naar 'none' te wijzigen
@param id id van het HTML object
*/
function hide(id){
	var styleObj=getStyle(id);
	styleObj.display='none';
}





