/*---- Zicht imageSwapper ----*/


// imageswapper. Source is taken from the preloaded imagearray
function zzSwapImage(visualId, aElement) {

    // change image
	document.getElementById(visualId).src = aElement.href;
	
	// set class from clickedElement and reset others
	//var linkArray = document.getElementById(visualId).parentNode.getElementsByTagName('ul')[0].getElementsByTagName('a');
	var linkArray = document.getElementById(visualId).parentNode.nextSibling.getElementsByTagName('ul')[0].getElementsByTagName('a');

	// array with hidden links for the lightbox
	var linkArray2 = document.getElementById(visualId).parentNode.nextSibling.getElementsByTagName('ul')[1].getElementsByTagName('a');
   
    for(i=0; i < linkArray.length; i++){
		if ( linkArray[i] == aElement ) {
			zzElement.addClassName ( linkArray[i], 'active' );
			zzElement.addClassName ( linkArray2[i], 'active' );
		} else {
			zzElement.removeClassName ( linkArray[i], 'active' );
			zzElement.removeClassName ( linkArray2[i], 'active' );
		}
    }
	aElement.blur ();
	
   

}