//onload
window.onload = function() {
	doOnderschrift();
	externalLinks();
}

/** De breedte van de division gelijk trekken met die van de grootste afbeelding **/
function doOnderschrift() {
	if(!document.getElementsByTagName) return;
	
	var anchors = document.getElementsByTagName('div');
	for(var i = 0; i < anchors.length; i++) {
		if(anchors[i].className.indexOf('onderschrift') == -1)
			continue;
		
		if(anchors[i].className.indexOf('midden') != -1)
			continue;

		var width = getChildMaxWidth(anchors[i], 'img');
		
		if(width > 0)
			anchors[i].style.width = width+'px';
	}
}

function getChildMaxWidth(anchor, elem) {
	var width = 0;
	for(var j = 0; j < anchor.childNodes.length; j++) {
		if(anchor.childNodes[j].nodeType != 1)
			continue;
		
		if(anchor.childNodes[j].tagName.toLowerCase() == elem)
			width = Math.max(anchor.childNodes[j].offsetWidth, width);
		else
			width = Math.max(getChildMaxWidth(anchor.childNodes[j], elem), width);
	}
	return width;
}

/** links met rel internal als extra argument het menu en submenu geven **/
function internalLinks(menu, submenu) {
	if(!menu) return;
	
	if (!document.getElementsByTagName) return;
	var anchors = document.getElementsByTagName('a');
	for(var i = 0; i < anchors.length; i++) {
		if(anchors[i].getAttribute('rel') != 'internal')
			continue;
			
		var uri;
		if(submenu)
			uri = anchors[i].getAttribute('href')+"?menu="+menu+"&submenu="+submenu;
		else
			uri = anchors[i].getAttribute('href')+"?menu="+menu;
			
		anchors[i].setAttribute('href', uri);
	}
}

/** Leden LeerlingenRaad **/
function initLedenLLRaad(id) {
	function _initLedenLLRaad(image, link) {
		var src = image.src;
		image.onmouseover = function() {
			this.src = src;
		}
		image.onmouseout = function() {
			this.src = src + '&zwartwit=false';
		}
		if(link) {
			link.onmouseover = function() {
				image.src = src;
			}
			link.onmouseout = function() {
				image.src = src + '&zwartwit=false';
			}
		}
		image.src = src + '&zwartwit=false';
	}

	var elem;
	try {
		elem = document.getElementById(id).getElementsByTagName('ul')[0];
	} catch(err) {
		return;
	}
	if(!elem)
		return;
	
	for(var i = 0; i < elem.childNodes.length; i++) {
		var image = getFirstChildElem(elem.childNodes[i], 'img');
		var link = getFirstChildElem(elem.childNodes[i], 'a');
		if(image != null) {
			_initLedenLLRaad(image, link);
		}
	}
}

function getFirstChildElem(elem, tagName) {
	if(elem.nodeType != 1)
		return null;
		
	if(elem.tagName.toLowerCase() == tagName)
		return elem;
		
	for(var i = 0; i < elem.childNodes.length; i++) {
		image = getFirstChildElem(elem.childNodes[i], tagName);
		if(image != null)
			return image;
	}
	return null;
}

function initLidLLRaad(url, urlzw) {
	contentelem = document.getElementById('content');
	if(!contentelem) 
		return;
	
	contentelem.style.backgroundImage = 'url('+urlzw+'?width=425)';
	
	children = contentelem.childNodes;
	
	image = document.createElement('img');
	image.className = 'lidllraad';
	image.src = url;
	
	link = document.createElement('a');
	link.appendChild(document.createTextNode('Terug'));
	link.href = 'javascript:javascript:history.back()';
	link.className = 'lidllraadterug';
	
	contentelem.className = 'lidllraadcontent';
	
	contentelem.insertBefore(image, contentelem.firstChild);
	contentelem.lastChild.appendChild(link);
}

/** Fotobalk **/
function fotobalkBeweeg(id, hoogte, richting) {
	var fotobalk = document.getElementById(id);
	var omhoogbutton, omlaagbutton, aantal = 0, positie = 0;
	var children = fotobalk.getElementsByTagName('li');
	for(var i =0; i < children.length; i++) {
		if(children[i].className.indexOf('fotobalk_foto_hidden') != -1)
			if(positie == aantal) positie++;	
		if(children[i].className.indexOf('fotobalk_foto') != -1)
			aantal++;
		if(children[i].className.indexOf('fotobalk_omhoog') != -1)
			omhoogbutton = children[i];
		if(children[i].className.indexOf('fotobalk_omlaag') != -1)
			omlaagbutton = children[i];
	}
	positie += richting;
	if(positie < 0 || positie + hoogte > aantal) return;
	
	var j = 0;
	for(var i = 0; i < children.length; i++) {
		if(children[i].className.indexOf('fotobalk_foto') != -1) {
			if(positie <= j && j < positie + hoogte)
				children[i].className = 'fotobalk_foto';
			else
				children[i].className = 'fotobalk_foto_hidden';
			j++;
		}
	}
	
	omhoogbutton.className = positie == 0 ? 'fotobalk_omhoog_inactief' : 'fotobalk_omhoog';
	omlaagbutton.className = positie + hoogte == aantal ? 'fotobalk_omlaag_inactief' : 'fotobalk_omlaag';
	if(positie == 0)	omhoogbutton.getElementsByTagName('a')[0].removeAttribute('href');
	else					omhoogbutton.getElementsByTagName('a')[0].href = 'javascript:';
	if(positie + hoogte == aantal)	omlaagbutton.getElementsByTagName('a')[0].removeAttribute('href');
	else										omlaagbutton.getElementsByTagName('a')[0].href = 'javascript:';
}