function btnBackgrounds() 
{
  var paras = document.getElementsByTagName("p");
  for (var i=0; i<paras.length; i++ ) 
  {
    if (paras[i].className.indexOf("button") == -1) continue;
	paras[i].onmouseover = function()
	{
		this.className = "button_over";
		
	}
	paras[i].onmouseout = function()
	{
		this.className = "button";
	}
  }  
}

function applyBevel(targetElement, bevelColour, bevelOffset)
{
  if (typeof(targetElement) != 'object') 
  {
    targetElement = document.getElementById(targetElement);
  }
  var value = targetElement.firstChild.nodeValue;
  targetElement.style.position = 'relative';
  targetElement.style.zIndex = 1;
    
  var newEl = document.createElement('span');
  newEl.appendChild(document.createTextNode(value));
  //newEl.className = 'shadowed';
  newEl.style.color = bevelColour;
  newEl.style.position = 'absolute';
  newEl.style.left = bevelOffset + 'px';
  newEl.style.top = bevelOffset - 'px';
  newEl.style.zIndex = -1;
  
  targetElement.appendChild(newEl);
}

function bevelButtons()
{
	var links = document.getElementsByTagName("a");
  	for (var i=0; i<links.length; i++ ) 
  	{
    	if (links[i].className.indexOf("bevel") == -1) continue;
    	{
			applyBevel(links[i], '#FFF', 2);
		}
    }
}

addLoadEvent(bevelButtons);

addLoadEvent(btnBackgrounds);