<!--
// cross-browser obj reference
function getObj(name){
  
  if (document.getElementById)
  {
  	this.obj = document.getElementById(name);
	this.style = document.getElementById(name).style;
  }
  else if (document.all)
  {
	this.obj = document.all[name];
	this.style = document.all[name].style;
  }
  else if (document.layers)
  {
   	this.obj = document.layers[name];
   	this.style = document.layers[name];
  } else {
	return false;  
  }
}

function applyStyle(elementId, propertyName, cssName, value){
	var domObj = new getObj(elementId);
	styleObj = domObj.style;

	// Set the Property
	styleObj[propertyName] = value;
	
	/* Look for a form element with the same
	name.  If found, apply the new property value
	to the input value as well */
	if(cssName){
		var formObj = new getObj(cssName);
		if (formObj)
			formObj.obj.value = value;
	}
}


function toggleStyle(element, dhtmlProp, obj){
	domObj = new getObj(element);
	styleObj = domObj.style;
	
	if (obj.checked)
		styleObj[dhtmlProp] = obj.value;
	else
		styleObj[dhtmlProp] = '';
}

-->