// Generic styles
// toggle blocks and elements:
function toggle(elm,i) {
	if (i == 0) {
		document.getElementById(elm).style.display = "none";
	}
	else if (i == 1) {
		document.getElementById(elm).style.display = "block";
	}
	else if (i == 2) {
		document.getElementById(elm).style.display = "";
	}
}
function focusClass(elm,i) {
	if (i == 0) {
		document.getElementById(elm).setAttribute("class", "");
		document.getElementById(elm).setAttribute("className", "");
		}
	else if (i == 1) {
		document.getElementById(elm).setAttribute("class", "focus");
		document.getElementById(elm).setAttribute("className", "focus");
	}
}
// events:
function focusEvent(ind,j) {
	var Elms = new Array("link","pijl","col2","col3","gallery");
	var linkNo = new Array("a","b","c","d","e","f");
	var focusElm = new Array();
	var l = 0;
		for (l=0; l<5; l++) {
			focusElm[l] = Elms[l] + linkNo[ind];
		}
		focusClass(focusElm[0],1);
		toggle(focusElm[1],2);
		toggle(focusElm[2],1);
		toggle(focusElm[3],1);
		if ( document.getElementById(focusElm[4]) ) { toggle(focusElm[4],1); }
	var i = 0;
		for (i=0; i<j; i++) {
			if (i != ind) {
				var blurElm = new Array();
				var k = 0;
					for (k=0; k<5; k++) {
					blurElm[k] = Elms[k] + linkNo[i];
					}
				focusClass(blurElm[0],0);
				toggle(blurElm[1],0);
				toggle(blurElm[2],0);
				toggle(blurElm[3],0);
				if ( document.getElementById(blurElm[4]) ) { toggle(blurElm[4],0); }
				}
		}
}

function changeImg(loc,ind,page) {
	var baseImg = "foto" + loc;
	var gallery = new Array("home","event1","event2");
	var newImgSrc = "img/medium/" + gallery[page] + "_gallery_" + ind + ".jpg";
	
	document.getElementById(baseImg).src = newImgSrc;
}