function getElementsByClassName(oElm, strTagName, strClassName){
	var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	strClassName = strClassName.replace(/\-/g, "\\-");
	var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
	var oElement;
	for(var i=0; i<arrElements.length; i++){
		oElement = arrElements[i];
		if(oRegExp.test(oElement.className)){
			arrReturnElements.push(oElement);
		}
	}
	return (arrReturnElements)
}


function changeText(div) {

	var lists = document.getElementsByClassName("imgdiv");
	var i;
	
	for (i = 0; i < lists.length; i++) {    
		lists[i].style.display = "none";
	}

	div.style.display = 'block';
}

function changeTextOnder(div) {

	var lists = document.getElementsByClassName("onderschrift");
	var i;
	
	for (i = 0; i < lists.length; i++) {    
		lists[i].style.display = "none";
	}

	div.style.display = 'block';
}

function thumbMouseOut(div) {
	var srcresult = div.getAttribute("src").replace('thumb2','thumb1'); 
	div.setAttribute("src", srcresult);
}

function thumbMouseOver(div,id) {
	var div_1 = document.getElementById('onderschrift_'+id);
	if (div_1.style.display =='block') {
		thumbMouseOut(document.getElementById('thumb_'+id));
	}
	// Thumb
	var srcresult = div.getAttribute("src").replace('thumb1','thumb2'); 
	div.setAttribute("src", srcresult);
	
	// Groot Scherm
	document.getElementById('groteScherm').title = div.title; 
	document.getElementById('groteScherm').alt = div.alt; 
	document.getElementById('groteScherm').src = div.src.replace('thumb1','resize').replace('thumb2','resize');
	
	// Onderschrift
	$(".onderschrift").each(function() {
		this.style.display = "none";
	});
	
	var div2 = document.getElementById('onderschrift_'+ id);
	div2.style.display = 'block';
	

	// Text
	$(".imgdiv").each(function() {
		this.style.display = "none";
	});

	var div3 = document.getElementById('imgdiv_'+id);
	div3.style.display = 'block';
}