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

window.addEvent('domready', function() {
	objetos = getElementsByClass("tab-solapa", document, "div");
	if (objetos.length > 0) {
		anterior = objetos[0];
		for (var l = 0; l < objetos.length; l++) {
			agregarSolapa(objetos[l].id);
		}
		morphE[objetos[0].id].start({
			filter: 'alpha(opacity=100)',
			opacity: '1'
		});
		objetos[0].style.display = "block";
		nombreOver=$('solapa'+objetos[0].id).src.substring(0,$('solapa'+objetos[0].id).src.length-4) + '_over.gif';
		MM_swapImage('solapa'+objetos[0].id,'',nombreOver,1);
	}
});

function agregarSolapa(nombre) {
	
	window.addEvent('domready', function() {
		var objeto = $(nombre);
		
		if (objeto) {
			
			var alto = objeto.style.height;
			var ancho = objeto.style.width;
	
			// Again we are able to create a morph instance
			morphE[nombre] = new Fx.Morph(nombre,{
			duration: 300,
			onComplete: function(){
			}
			})
		
			morphC[nombre] = new Fx.Morph(nombre,{
			duration: 300,
			onComplete: function(){
			}
			})
			
			if ($('solapa'+nombre)) $('solapa'+nombre).addEvent('click', function(e) {
				e.stop();
				if (anterior) {
					$('solapa'+anterior.id).src = $('solapa'+anterior.id).src.replace('_over','');
					morphC[anterior.id].start({
						filter: 'alpha(opacity=0)',
						opacity: '0'
					});
				}
				morphE[nombre].start({
					filter: 'alpha(opacity=100)',
					opacity: '1'
				});
				anterior = $(nombre);
			});
			
			if ($('solapa'+nombre)) $('solapa'+nombre).addEvent('mouseenter', function(e) {
				e.stop();
				nombreNormal=$('solapa'+nombre).src;
				// Si no estoy parado sobre el que esta actualmente seleccionado
				if (anterior.id!=nombre) {
					nombreOver=$('solapa'+nombre).src.replace('.gif','_over.gif');
					$('solapa'+nombre).src = nombreOver;
				}
			});
			if ($('solapa'+nombre)) $('solapa'+nombre).addEvent('mouseout', function(e) {
				nombreNormalizado=$('solapa'+nombre).src.replace('_over','');
				// Si no estoy parado sobre el que esta actualmente seleccionado
				if (anterior.id!=nombre) {
					$('solapa'+nombre).src = nombreNormalizado;
				}
			});
		} else {
			alert("La solapa " + 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;
}