function changeElementClassName(elementId, elementClassName) {
	document.getElementById(elementId).className = elementClassName;
}

function loadRepertoireSearch() {
	var groep = document.getElementById('repertoire_search_groep').value;
	var componist = document.getElementById('repertoire_search_componist').value;
	
	document.getElementById('search_result').innerHTML = '<br /><center><img src="images/loading.gif" width="24" height="24" /></center>';
	
	loadRepertoire(groep, componist);
}

function loadRepertoire(groep, componist) {
	var ajax = new GLM.AJAX();
	ajax.callPage("content/ajax/repertoire_search.php?groep=" + groep + "&componist=" + componist, showRepertoire);
}

function showRepertoire(response) {
	document.getElementById('search_result').innerHTML = response;
}

function displayElement(elementId) {
	document.getElementById(elementId).style.display = 'block';
}

function hideElement(elementId) {
	document.getElementById(elementId).style.display = 'none';
}

function editRepertoireGroep(groepId, groepNaam) {
	document.getElementById('edit_groep_id').value = groepId;
	document.getElementById('edit_groep_naam').value = groepNaam;
	
	displayElement('edit_groep');
}

function editLink(linkId, catId, naam, link) {
	document.getElementById('edit_link_id').value = linkId;
	document.getElementById('edit_link_cat_id').value = catId;
	document.getElementById('edit_link_naam').value = naam;
	document.getElementById('edit_link_link').value = link;
	
	displayElement('edit_link');
}

function editLinkCategorie(catId, catNaam) {
	document.getElementById('edit_cat_id').value = catId;
	document.getElementById('edit_cat_naam').value = catNaam;
	
	displayElement('edit_categorie');
}

function editCompositieGroep(catId, catNaam) {
	document.getElementById('edit_groep_id').value = catId;
	document.getElementById('edit_groep_naam').value = catNaam;
	
	displayElement('edit_compositie_groep');
}

function editCvGroep(catId, catNaam) {
	document.getElementById('edit_groep_id').value = catId;
	document.getElementById('edit_groep_naam').value = catNaam;
	
	displayElement('edit_cv_groep');
}

function editRepertoireComponist(componistId, componistVoorletters, componistNaam) {
	document.getElementById('edit_componist_id').value = componistId;
	document.getElementById('edit_componist_voorletters').value = componistVoorletters;
	document.getElementById('edit_componist_naam').value = componistNaam;
	
	displayElement('edit_componist');
}

function loadFoto(volgnummer) {
	var ajax = new GLM.AJAX();
	ajax.callPage("content/ajax/foto.php?volgnummer=" + volgnummer, showFoto);
}

function showFoto(response) {
	document.getElementById('foto').innerHTML = response;
}

function uploadFoto() {
	document.getElementById('upload_foto_panel').style.display = 'none';
	document.getElementById('upload_loading_panel').style.display = 'block';
}

function goToLanguagePage(page, selectElement) {
	var value = selectElement.options[selectElement.selectedIndex].value; 
	top.location = 'admin.php?page=' + page + '&lang=' + value;
}

function manageToggleButton(elementId, value) {
	if (document.getElementById(elementId).className == 'toggle_button') {
		changeElementClassName(elementId, 'toggle_button_selected');
		document.getElementById(elementId + "_value").value = value; 
	} else {
		changeElementClassName(elementId, 'toggle_button');
		document.getElementById(elementId + "_value").value = '';
	}
}

function manageWelkomstTekstStyle() {
	var tekst = document.getElementById('welkomsttekst');
	
	var fontSelect = document.getElementById('fontfamily');
	var selectedFont = fontSelect.options[fontSelect.selectedIndex].value;
	
	var sizeSelect = document.getElementById('fontsize');
	var selectedSize = sizeSelect.options[sizeSelect.selectedIndex].value;
	
	var italic = document.getElementById('toggle_button_italic_value').value;
	var bold = document.getElementById('toggle_button_bold_value').value;
	
	tekst.style.fontFamily = selectedFont;
	tekst.style.fontSize = selectedSize + 'px';
	tekst.style.fontStyle = italic;
	tekst.style.fontWeight = bold;
}

function popupPrintVersion(lang) {
	window.open('content/printcv.php?lang=' + lang, 'print_cv', 'status=no,resizable=yes,scrollbars=yes');
}