function loadJSdependentControls() {
	var insertPosition = $$('.moduleArea ul')[2];
	
	// Create ContrastMode-Control
	var contrastModeHeader = new Element('h3');
		contrastModeHeader.innerHTML = 'Contrast mode';
	var contrastModeWrapper = new Element('span', { 'class':'contrastmode_controls' });

	insertPosition.insert({after: contrastModeWrapper});
	insertPosition.insert({after: contrastModeHeader});
	
	['Dark', 'Bright'].collect(function(kindof) {
		var contrastModeImage = new Element('img', { 'class':'button_' + kindof.toLowerCase(), 'alt':'Set contrast mode to ' + kindof.toLowerCase() });
			contrastModeImage.src = '/images/theme/buttons/button_' + kindof.toLowerCase() + '_off.png';
		var contrastModeLink = new Element('a', { 'class':'button_link_' + kindof.toLowerCase(), 'title':'Set contrast mode to ' + kindof.toLowerCase() });		
			contrastModeLink.href = 'javascript:void(0);';
			contrastModeLink.update(contrastModeImage);
			contrastModeWrapper.insert({bottom: contrastModeLink});
			
			$$('.button_link_' + kindof.toLowerCase()).first().observe('click', function(event){
				new Ajax.Request('/accessibility/contrastmode/' + kindof.toLowerCase(), {asynchronous:true, evalScripts:true}); 
				return false;
			});
	}).join('');
	
	// Create FontSize-Controls
	var fontSizeHeader = new Element('h3');
		fontSizeHeader.innerHTML = 'Fontsize';
	var fontSizeWrapper = new Element('span', { 'class':'fontsize_controls' });	

	insertPosition.insert({after: fontSizeWrapper});
	insertPosition.insert({after: fontSizeHeader});
	
	['Decrease', 'Reset', 'Increase'].collect(function(kindof) {
	 	var fontSizeImage = new Element('img', { 'class':'button_' + kindof.toLowerCase(), 'alt':kindof + ' Fontsize' });
			fontSizeImage.src = '/images/theme/buttons/button_' + kindof.toLowerCase() + '_off.png';
		var fontSizeLink = new Element('a', { 'class':'button_link_' + kindof.toLowerCase(), 'title':kindof + ' Fontsize' });
			fontSizeLink.href = 'javascript:void(0);';
			fontSizeLink.update(fontSizeImage);
			fontSizeWrapper.insert({bottom: fontSizeLink});
						
			$$('.button_link_' + kindof.toLowerCase()).first().observe('click', function(event){
				new Ajax.Request('/accessibility/fontsize/' + kindof.toLowerCase(), {asynchronous:true, evalScripts:true}); 
				return false;
			});	
	}).join('');
	
	// Create MouseOverButton and overwirte defaul CSS-Behaviour
	['Screencast', 'Demo', 'Decrease', 'Increase', 'Reset', 'Dark', 'Bright'].collect(function(kindof) {
		$$('.button_link_' + kindof.toLowerCase()).first().observe('mouseover', function(event){
			var button = $$('.button_link_' + kindof.toLowerCase() + ':hover').first();	
				button.style.border = 'none';
				button.style.padding = '0.1em';
			
			$$('.button_' + kindof.toLowerCase()).first().src = '/images/theme/buttons/button_' + kindof.toLowerCase() + '_on.png';
		});
		
		$$('.button_link_' + kindof.toLowerCase()).first().observe('mouseout', function(event){
			$$('.button_' + kindof.toLowerCase()).first().src = '/images/theme/buttons/button_' + kindof.toLowerCase() + '_off.png';
		});
	}).join('');
}