var user_agent = navigator.userAgent.toLowerCase();


function getElementsByClassName(classname)
{
  var matches = new Array();
  var re = new RegExp("(^| )" + classname + "( |$)");
  var all_elements = document.getElementsByTagName("*");

  if (document.all && user_agent.indexOf("Opera") == -1)
  {
    all_elements = document.all;
  }

  for (var i = 0, j = 0; i < all_elements.length; i++)
  {
    if (re.test(all_elements[i].className))
    {
      matches[j] = all_elements[i];
      j++;
    }
  }

  return matches;
}


function hoverTextbox(elementId,action)
{
  var color;

  if (action == "focus")
  {
    color = "#FFFBEB";
  }
  else if (action == "blur")
  {
    color = "#FFFFFF";
  }

  document.getElementById(elementId).style.backgroundColor = color;
}


function alterTextboxes()
{
  if (user_agent.indexOf("msie") != -1 && user_agent.indexOf("windows") != -1)
  {
    elements = getElementsByClassName("textbox");

    for (var i = 0; i < elements.length; i++)
    {
/*

since ie win doesn't like the DOM method setAttribute(),
we've got to use instead IE's propietary attachEvent method

      elements[i].setAttribute("onfocus","hoverTextbox('" + elements[i].id + "','focus'); return true;");
      elements[i].setAttribute("onblur","hoverTextbox('" + elements[i].id + "','blur'); return true;");
*/

      elements[i].onfocus = new Function ('hoverTextbox(this.id,"focus")');
      elements[i].onblur = new Function ('hoverTextbox(this.id,"blur")');
    }
  }
}

function setTextSize(size)
{
	if(document.getElementsByTagName)
        {
		var bodyTag = document.getElementsByTagName("body");
		var textsize = document.getElementById('textsize');

		if(bodyTag && textsize) 
                {
			switch(size) 
                        {
				case "small":
					document.getElementById('medium').className = "medium";
					document.getElementById('large').className = "large";
					bodyTag.item(0).style.fontSize = "66%";
					break;
				case "medium":
					document.getElementById('small').className = "small";
					document.getElementById('large').className = "large";
					bodyTag.item(0).style.fontSize = "76%";
					break;
				case "large":
					document.getElementById('small').className = "small";
					document.getElementById('medium').className = "medium";
					bodyTag.item(0).style.fontSize = "100%";
					break;
			}
			document.getElementById(size).className += " selected";
		}
	}
}