function rubrieknaam(rubriek) {

	var kleur1 = "ffffff";
	var kleur2 = "999966";

	var roodkleur1;
	var groenkleur1;
	var blauwkleur1;
	
	var roodkleur2;
	var groenkleur2;
	var blauwkleur2;
	
	var roodverschil;
	var groenverschil;
	var blauwverschil;
	
	var roodstap;
	var groenstap;
	var blauwstap;
	
	var roodcode;
	var groencode;
	var blauwcode;
	
	roodkleur1 = GetColorNumber(kleur1.substring(0,2));
	groenkleur1 = GetColorNumber(kleur1.substring(2,4));
	blauwkleur1 = GetColorNumber(kleur1.substring(4,6));

	roodkleur2 = GetColorNumber(kleur2.substring(0,2));
	groenkleur2 = GetColorNumber(kleur2.substring(2,4));
	blauwkleur2 = GetColorNumber(kleur2.substring(4,6));
	
	roodverschil = KleurVerschil(roodkleur1,roodkleur2);
	groenverschil = KleurVerschil(groenkleur1,groenkleur2);
	blauwverschil = KleurVerschil(blauwkleur1,blauwkleur2);
	
	roodstap = Math.round(roodverschil/(rubriek.length-1));
	groenstap = Math.round(groenverschil/(rubriek.length-1));
	blauwstap = Math.round(blauwverschil/(rubriek.length-1));
	
	
	for (var i = 1; i < (rubriek.length-1); i++) {
		if (i == 1) {
			document.write("<span style=\"color:" + kleur1 + ";\">" + rubriek.substring(0,1) + "</span>");
		}
		if (roodkleur1 > roodkleur2) {
			roodkleur1 = roodkleur1 - roodstap;
		} else {
			roodkleur1 = roodkleur1 + roodstap;
		}
		roodcode = GetColorCode(roodkleur1);
		if (groenkleur1 > groenkleur2) {
			groenkleur1 = groenkleur1 - groenstap;
		} else {
			groenkleur1 = groenkleur1 + groenstap;
		}
		groencode = GetColorCode(groenkleur1);
		if (blauwkleur1 > blauwkleur2) {
			blauwkleur1 = blauwkleur1 - blauwstap;
		} else {
			blauwkleur1 = blauwkleur1 + blauwstap;
		}
		blauwcode = GetColorCode(blauwkleur1);
		document.write("<span style=\"color:" + roodcode + "" + groencode + "" + blauwcode + ";\">" + rubriek.substring(i,(i+1)) + "</span>");
		if (i == (rubriek.length-2)) {
			document.write("<span style=\"color:" + kleur2 + ";\">" + rubriek.substring((rubriek.length-1),(rubriek.length)) + "</span>");
		}
	}

}


function GetColorNumber(color) {
	var color1;
	var color2;
	var kleurnummers = new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f");

	color1 = color.substring(0,1);
	color2 = color.substring(1,2);

	for (var i = 0; i < 16; i++) {
		if (kleurnummers[i] == color1) {
			color1 = i;
		}
		if (kleurnummers[i] == color2) {
			color2 = i;
		}
	}	
	color = (color1 * 16 + color2);
	return color;
}

function KleurVerschil(kleur1,kleur2) {
	var verschil;
	
	if (kleur1 > kleur2) {
		verschil = kleur1 - kleur2;
	} else {
		verschil = kleur2 - kleur1;
	}
	return verschil;
}

function GetColorCode (number) {
	var code;
	var code1;
	var code2;
	
	var kleurnummers = new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f");
	
	code = Math.floor(number/16);
	code1 = kleurnummers[code];
	code2 = kleurnummers[number-code*16];

	return code1 + "" + code2;
}
