if(typeof(Tutoria) == "undefined")
  var Tutoria = {};

Tutoria.inlineLabel = function(elementId, label) {
  var el = $(elementId);
  var type = el.type;

  var replacement;
  var width = el.getDimensions().width;

  function replaceInput(type, textColor, value) {
    replacement = document.createElement('input');
    replacement.name = el.name;
    replacement.id = el.id;
    replacement.value = value;
    replacement.style.width = width + "px";
    replacement.style.color = textColor;
    replacement.className = el.className;
    replacement.type = type;
    el.parentNode.replaceChild(replacement, el);
    el = $(replacement);
  }

  function addObservers() {
    el.observe('focus', function() {
      if(el.value == label) {
        if(type == 'password') {
    	  replaceInput('password', '#000', '');
	  el.focus();
	  el.select();
	  addObservers();
        }
        else {
    	  el.value = '';
    	  el.style.color = '#000';
        }
      }
    });

    el.observe('blur', function() {
      if(el.value == '') {
        if(type == 'password') {
      	  replaceInput('text', '#999', label);
	  addObservers();
        }
        else {
    	  el.value = label;
    	  el.style.color = '#999';
        }
      }
    });
  }

  if(type == 'password') {
    replaceInput('text', '#999', label);
  }
  else {
    el.value = label;
    el.style.color = '#999';
    el.style.width = width + "px";
  }

  addObservers();
};