// Zuordnung der Onchange-Events für das Drop-Down-Menü
function initSelector() {
	var auswahl1 = document.getElementById('kategorien');
	var auswahl2 = document.getElementById('branchen');
	
	auswahl1.onchange = branchen_laden.bind(auswahl1);
	document.getElementById('branchen').onchange = referenzen_laden;
}


// Erstellt eine Liste von Branchen aus einer Kategorie
function branchen_laden() {
	var katID = this.value;
	new Ajax.Updater('branchen', 'portfolio_includes/ajax_loader.php', {
		parameters: { kat: katID },
		method: 'get',
		evalScripts: 'true',
		requestHeaders: {
			'Cache-Control': 'no-cache, must-revalidate', 
			'Pragma': 'no-cache'
			}
		});
	
}


// Lädt Galerie mit Referenzen aus einer Branche
function referenzen_laden() {
	var branche = this.value;
	var params = "branche=";
	
	for (var i = 0; i < this.childNodes.length; i++) {
		if (this.childNodes[i].tagName == "OPTION" && this.childNodes[i].selected) {
			params += this.childNodes[i].innerHTML;
		}
	}
	
	new Ajax.Updater('referenzen', 'portfolio_includes/ajax_loader.php', {
		parameters: params,
		method: 'get'
		});
}



if (document.URL.match(/branchen/)) {
	window.addEventListener?window.addEventListener('load',initSelector,false):window.attachEvent('onload',initSelector);
}