var morphE = new Array();
var morphC = new Array();

window.addEvent('domready', function() {
	var objetos = getElementsByClass("textoDesplegable", document, "div");
	for (var l = 0; l < objetos.length; l++) {
		agregarDesplegable(objetos[l].id);
	}
});

function agregarDesplegable(nombre) {
	
	window.addEvent('domready', function() {
		var objeto = $(nombre);
		
		if ($(nombre)) {
			
			var alto = $(nombre ).style.height;
			var ancho = $(nombre ).style.width;
			objeto.style.width = ancho;
			objeto.style.height = "1px";
			objeto.style.display = "";
			$('morph'+nombre).title = 'Haga click para mostrar';
	
			// Again we are able to create a morph instance
			morphE[nombre] = new Fx.Morph(nombre,{
			duration: 500,
			onComplete: function(){
			}
			})
		
			morphC[nombre] = new Fx.Morph(nombre,{
			duration: 300,
			onComplete: function(){
			}
			})
			
			if ($('morph'+nombre)) $('morph'+nombre).addEvent('click', function(e) {
				e.stop();
				if ($(nombre ).style.height == '1px') {
					$('morph'+nombre).title = 'Haga click para ocultar';
					morphE[nombre].start({
						height: alto,
						filter: 'alpha(opacity=100)',
						opacity: '1'
					});
				} else {
					$('morph'+nombre).title = 'Haga click para mostrar';
					morphC[nombre].start({
						height: '1px',
						filter: 'alpha(opacity=0)',
						opacity: '0'
					});
				}
			});

/*			
			if ($('morph'+nombre)) $('morph'+nombre).addEvent('mouseenter', function(e) {
				e.stop();
				$('morph'+nombre).title = 'Haga click para ocultar';
				morphE[nombre].start({
					height: alto,
					filter: 'alpha(opacity=100)',
					opacity: '1'
				});
			});
			if ($('morph'+nombre)) $('morph'+nombre).addEvent('click', function(e) {
				e.stop();
				morphC[nombre].start({
					height: '1px',
					filter: 'alpha(opacity=0)',
					opacity: '0'
				});
			});
*/			
		} else {
			alert("El desplegable " + nombre + " no existe.")
		}
	});
}


function getElementsByClass(searchClass,node,tag) {
  var classElements = new Array();
  if (node == null)
    node = document;
  if (tag == null)
    tag = '*';
  var els = node.getElementsByTagName(tag);
  var elsLen = els.length;
  var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
  for (i = 0, j = 0; i < elsLen; i++) {
    if (pattern.test(els[i].className) ) {
      classElements[j] = els[i];
      j++;
    }
  }
  return classElements;
}