/**
 * Funciones para el despliegue en cortina
 **/

 function infoCapa (nomcapa) {
	capa = document.getElementById(nomcapa);
	var str = "Altura: " + capa.style.height + "\n";
	str += "Anchura: " + capa.style.width + "\n";
	str += "ClipLeft: " + capa.currentStyle.clipLeft + "\n";
	str += "ClipTop: " + capa.currentStyle.clipTop + "\n";
	str += "ClipRight: " + capa.currentStyle.clipRight + "\n";
	str += "ClipBottom: " + capa.currentStyle.clipBottom + "\n";
	str += "Clip: " + capa.style.clip + "\n";
	return str;
 }

function Cortina (nomcapa,direccion, paso, retardo) {

	var capa = document.getElementById(nomcapa);
	if (!retardo) retardo = 5;
	if (!paso) paso = 1;

	//alert( infoCapa(nomcapa));

        // Pongo visible:
	capa.style.clip = "rect(0px 0px 0px 0px)";	
	capa.style.visibility="visible";

	var inicioX = 0;
	var inicioY = 0;
	if (direccion=="ABAJO")   inicioX = parseInt( capa.style.width ) +5;
	if (direccion=="DERECHA") inicioY = parseInt( capa.style.height ) + 5;
	redimensiona (nomcapa, 0, inicioX , inicioY, 0, direccion, retardo, paso);
        //alert("cortina");
 }

 function redimensiona (nomcapa, ct, cr, cb, cl, direccion, retardo, paso) {
        //alert("redimiensiona");
	var capa = document.getElementById(nomcapa);
	capa.style.clip = "rect("+ ct +"px "+ cr +"px "+ cb +"px "+ cl +"px)";
	
	if (direccion == "ABAJO")   cb += paso;
	if (direccion == "DERECHA") cr += paso;
	if (direccion == "ABAJODERECHA") { cb += paso; cr += paso; }

	var funcion = 'redimensiona(\"'+nomcapa+'\", '+ct+','+cr+','+cb+','+cl+',\"'+direccion+'\",'+retardo+','+paso+')';

	if ( (direccion == "ABAJO") && ( cb <= parseInt(capa.style.height)+5 )) setTimeout(funcion,retardo);
	if ( (direccion == "DERECHA") && ( cr <= parseInt(capa.style.width)+5 )) setTimeout(funcion,retardo);
	if ( (direccion == "ABAJODERECHA") && ( cb <= parseInt(capa.style.height)+5 )) setTimeout(funcion,retardo);
	else if ( (direccion == "ABAJODERECHA") && ( cr <= parseInt(capa.style.width)+50 )) setTimeout(funcion,retardo);
        //alert("redimensiona");
 }
