var fontSize;
var colourSet;
var dummyAccess;

if (document.all || document.getElementById) {
    styleList = "<link rel=\"alternate stylesheet\" type=\"text/css\" href=\""+pathLevel+"css/green.css\"   media=\"screen\"  title=\"Colour Green\" />" +
                "<link rel=\"alternate stylesheet\" type=\"text/css\" href=\""+pathLevel+"css/blue.css\"  media=\"screen\" title=\"Colour Blue\" />" +
                "<link rel=\"alternate stylesheet\" type=\"text/css\" href=\""+pathLevel+"css/b&w.css\"  media=\"screen\" title=\"Colour BlackandWhite\" />" +
                /* Font Sizes */
                "<link rel=\"alternate stylesheet\" type=\"text/css\" href=\""+pathLevel+"css/width0640.css\"  media=\"screen\" title=\"Size Small\" />" +
                "<link rel=\"alternate stylesheet\" type=\"text/css\" href=\""+pathLevel+"css/width0800w.css\"  media=\"screen\" title=\"Size Large\" />" +
                "<link rel=\"alternate stylesheet\" type=\"text/css\" href=\""+pathLevel+"css/width1024.css\"  media=\"screen\" title=\"Size Larger\" />" +
                "<link rel=\"alternate stylesheet\" type=\"text/css\" href=\""+pathLevel+"css/width1200.css\"  media=\"screen\" title=\"Size Largest\" />" ;
    
    styleMenu = "<dl id=\"stylemenu\" name=\"stylemenu\">" +
    		        "<dd><a href=\"#\" title=\"Change to OLIVE colour set\" onclick=\"javascript:setStyleType(\'Colour\',\'Olive\'); return false;\">Default</a></dd> " +
    		        "<dd><a href=\"#\" title=\"Change to DARK GREEN colour set\" onclick=\"javascript:setStyleType(\'Colour\',\'Green\'); return false;\">Green</a></dd> " +
    		        "<dd><a href=\"#\" title=\"Change to LIGHT BLUE colour set\" onclick=\"javascript:setStyleType(\'Colour\',\'Blue\'); return false;\">Blue</a></dd> " +
    		        "<dd><a href=\"#\" title=\"Change to WHITE colour set\" onclick=\"javascript:setStyleType(\'Colour\',\'BlackandWhite\'); return false;\">Black &amp; White</a></dd> " +
                /* Font Sizes */
				"<dd> | </dd>" +
                "<dd><a href=\"#\" title=\"Decrease font sizes by one degree\" onclick=\"javascript:fontSizeSmaller(); return false;\">&lt; Smaller</a></dd> " +
    		        "<dd ><a  title=\"Reset font sizes from current to (Medium) size\"href=\"#\" onclick=\"javascript:fontSizeDefault(); return false;\">Reset</a></dd> " +
    		        "<dd><a href=\"#\"  title=\"Increase font sizes by one degree\"onclick=\"javascript:fontSizeLarger();\">Larger &gt;</a></dd> " +
    		        "<dd id=\"currentSize\">(Medium)</dd> " +
    			"</dl>" ;
} else {
    styleList = "";
    styleMenu = "<!-- NO EXTRA STYLES -->" ;
}

function setStyleType(type,title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
       if(a.getAttribute("title").indexOf(type) != -1) {
          a.disabled = true;
          if(a.getAttribute("title") == type+" "+title) {
             a.disabled = false;
             createCookie(type, title, 365);
          }
       }
    }
  }
}

function fontSizeLarger() {
  cookie = readCookie("Size");
  fontSize = cookie ? cookie : "Medium"
  switch (fontSize) {
    case 'Small' : 
         fontSize="Medium"
      break;
    case 'Medium' : 
         fontSize="Large"
      break;
    case 'Large' : 
         fontSize="Larger"
      break;
    case 'Larger' : 
         fontSize="Largest"
      break;
    case 'Largest' :
         fontSize="Largest"
      break;
  }
  	setStyleType("Size",fontSize)
	showFontSize(fontSize)

}

function fontSizeSmaller() {
  cookie = readCookie("Size");
  fontSize = cookie ? cookie : "Medium"
  switch (fontSize) {
    case 'Largest' : 
         fontSize="Larger"
      break;
    case 'Larger' : 
         fontSize="Large"
      break;
    case 'Large' : 
         fontSize="Medium"
      break;
    case 'Medium' : 
         fontSize="Small"
      break;
    case 'Small' : 
         fontSize="Small"
  	}
  	setStyleType("Size",fontSize)
	showFontSize(fontSize)
}

function fontSizeDefault(){
    fontSize="Medium"
	createCookie("fontSize", fontSize, 365);
	setStyleType("Size",fontSize)
	showFontSize(fontSize)
}

<!--  -->

function showFontSize(size){
	msgstring="("+size+")";

	 //thisbrowser="NN4";
	if (document.layers){
		dummyAccess = document.layers["currentSize"];
		dummyAccess.document.open();
		dummyAccess.document.write(msgstring);
		dummyAccess.document.close();
	}
	//thisbrowser="ie"
	if (document.all){
		dummyAccess = document.all["currentSize"];
		dummyAccess.innerHTML=msgstring;
	}
	//thisbrowser="NN6";
	if (!document.all && document.getElementById){
		dummyAccess = document.getElementById("currentSize");
		dummyAccess.innerHTML = msgstring;
	}
}


function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}

window.onload = function(e) {
  var cookie = readCookie("Colour");
  colourSet = cookie ? cookie : "Olive"
  setStyleType("Colour",colourSet);
  cookie = readCookie("Size");
  fontSize = cookie ? cookie : "Medium"
  setStyleType("Size",fontSize);
}

