var screenOptions;
var myExtraCSSFont;
var myExtraCSSDisplay;

function cleanupStylesFont() {
  if (!myExtraCSSFont) {
    return;
  }
  myExtraCSSFont.destroy();
  myExtraCSSFont = false;
}

function cleanupStylesDisplay() {
  if (!myExtraCSSDisplay) {
    return;
  }
  myExtraCSSDisplay.destroy();
  myExtraCSSDisplay = false;
}

function rememberFontSize(size) {
  Cookie.write('fontsize', size, {
		path: '/'
	});
  $('smallfontlink').removeClass('selected');
  $('mediumfontlink').removeClass('selected');
  $('largefontlink').removeClass('selected');
  $(size+'fontlink').addClass('selected');
}

function rememberDisplaytype(display) {
  Cookie.write('displaytype', display, {
    path: '/'
  });
}

window.addEvent('domready', function() {
  
  if (fontsize=='medium') {
    myExtraCSSFont = $('sizeMediumStyle');
  }
  if (fontsize=='large') {
    myExtraCSSFont = $('sizeLargeStyle');
  }
  if (displaytype=='highcontrast') {
    myExtraCSSDisplay = $('displayHighcontrastStyle');
  }
  $('smallfontlink').addEvent('click', function(e) {
    e.stop();
    cleanupStylesFont();
    rememberFontSize('small');
  });
  $('mediumfontlink').addEvent('click', function(e) {
    e.stop();
    cleanupStylesFont();
    rememberFontSize('medium');
    new Asset.css('/NL/css/accessibility/size_medium.css', {id: 'sizeMediumStyle'});
    myExtraCSSFont = $('sizeMediumStyle');
  });
  $('largefontlink').addEvent('click', function(e) {
    e.stop();
    cleanupStylesFont();
    rememberFontSize('large');
    new Asset.css('/NL/css/accessibility/size_large.css', {id: 'sizeLargeStyle'});
    myExtraCSSFont = $('sizeLargeStyle');
  });
  /*
  $('normaldisplaylink').addEvent('click', function(e) {
    e.stop();
    cleanupStylesDisplay();
    rememberDisplaytype('normal');
    screenOptions.toggle();
  });
  $('highcontrastlink').addEvent('click', function(e) {
    e.stop();
    cleanupStylesDisplay();
    rememberDisplaytype('highcontrast');
    new Asset.css('/NL/css/accessibility/display_highcontrast.css',	{
			id: 'displayHighcontrastStyle',
	  });
    myExtraCSSDisplay = $('displayHighcontrastStyle');
    screenOptions.toggle();
  });
  */
});
