/*











Let op;
Dit bestand wordt door diverse pagina's gebruikt.
Als er dus wijzigingen worden doorgevoerd zullen deze op alle pagina's zichtbaar zijn.
(lees: op alle pagina's waar een toetsenbordje getoond wordt)










*/

var activeLinkContainer = null;
var activeKeyboardButton = null;
var activeKeyboardButtonNormalSrc = null; // store regular (not-mouseover) src of active button

function changeActiveItem(obj)
{
	if(activeLinkContainer) { // change link container
		activeLinkContainer.style.display = 'none';
	}
	activeLinkContainer = obj;
	activeLinkContainer.style.display = 'block';

	// changes for the previous active button (bring back to original settings and style)
	if(activeKeyboardButton && activeKeyboardButtonNormalSrc) {
		activeKeyboardButton.src = activeKeyboardButton.src.replace(/over_/, "");
		activeKeyboardButton.onmouseout = function () {
			this.src = this.src.replace(/over_/, "");
		}
	}

	var keyLetter = obj.id.substring(obj.id.length-1); // define new active button object
	activeKeyboardButton = document.getElementById('key_'+keyLetter);
	activeKeyboardButtonNormalSrc = activeKeyboardButton.src.replace(/over_/, "");

	activeKeyboardButton.src = activeKeyboardButtonNormalSrc.replace(/kbrd_/, "kbrd_over_"); // changes for the new active button
	activeKeyboardButton.onmouseout = null
}

function createNewLinkContainers()
{

	// Check om te kijken of we de functie moeten
	// uitvoeren. Dit is afhankelijk van de URI.
	// Meerdere valid URI's kunnen worden toegevoegd door
	// de array van RegExp's uit te breiden (var regexps).
	var uri = window.location.href.toString();
	var regexps = new Array;
	regexps[0] = /http:\/\/www\.gezondheidscentrummondriaanlaan\.nl\/niet_leden\/gezondheidsinformatie\/links\.php/;
	regexps[1] = /http:\/\/www\.gezondheidscentrummondriaanlaan\.nl\/leden\/gezondheidsinformatie\/links\.php/;

	var doFunction = false;
	for(var i=0;i<regexps.length;i++) {
		if(uri.match(regexps[i])) {
			doFunction = true;
			break;

		}
	}

	if(doFunction)
	{
		var lettersThatHaveLinks = new Array();
		var content = document.getElementById('content');
		var aNodes = content.getElementsByTagName('a');
		var html = '';
		var prevFirstLetter = null;
		for(var i=0,x=0;i<aNodes.length;i++)
		{
			a = aNodes[i];
			curFirstLetter = a.innerHTML.substring(0,1).toLowerCase();
			if(!i) showByInit = 'links_' + curFirstLetter;
			if(curFirstLetter != prevFirstLetter)
			{
				if(prevFirstLetter) {
					html += '</div>';
				}
				html += '<div id="links_'+curFirstLetter+'" style="display:none;"><font style="color:red;">'+curFirstLetter+'</font><br />';
				lettersThatHaveLinks[x] = curFirstLetter;
				x++;
			}
			html += '<a href="'+a.href+'" target="_blank" id="href_'+curFirstLetter+'">'+a.innerHTML+'</a><br />';
			prevFirstLetter = curFirstLetter;
		}
		if(i) html += '</div>';
		content.innerHTML = html;
		if(showByInit) changeActiveItem(document.getElementById(showByInit));
		content.style.display = 'block';

		// disable buttons that doesn't have related links
		// (f.e., if there are no links beginning with `a`, we disable a-key
		allLetters = new Array('q','w','e','r','t','y','u','i','o','p','a','s','d','f','g','h','j','k','l','z','x','c','v','b','n', 'm');
		lettersThatDoesntHaveLinks = new Array();
		for(i=0,x=0;i<allLetters.length;i++) {
			if(lettersThatHaveLinks.toString().indexOf(allLetters[i])<0) {
				lettersThatDoesntHaveLinks[x] = allLetters[i];
				x++;
			}
		}
		for(i=0;i<lettersThatDoesntHaveLinks.length;i++) {
			a = document.getElementById('key_'+lettersThatDoesntHaveLinks[i]).parentNode;
			imgObj = document.getElementById('key_'+lettersThatDoesntHaveLinks[i]);
			a.href = '#';
			imgObj.style.filter = 'alpha(opacity=60)'; // IE
			imgObj.style.opacity = .6; // Safari, Mozilla
			imgObj.style.cursor = 'default'; // change cursor..
			imgObj.onmouseover = imgObj.onmouseout = null; // remove listeners
		}
	}
}