//variable con el texto a mostrar
var texto = "Bienvenidos a la página web";
var pos = 0;

// variables para mostrar la imagen principal con efecto cortina		
clip_top = 0
clip_right = 800
clip_bottom = 0
clip_left = 0
maximo_clip_bottom = 500 // maximo clip que realizamos

// variables para mostrar la imagen principal con efecto cortina		
clipl_top = 0
clipl_right = 180
clipl_bottom = 0
clipl_left = 0
maximo_clipl_bottom = 370 // maximo clip que realizamos

function dame_texto(){
   //incremento la posicion en 1 y extraigo el texto a mostrar en este momento.
   pos = pos + 1
   if (pos == texto.length){
		return
	}else{
		return texto.substring(0,pos)
	}
}

function anima_textob(){
	xInnerHtml('bienvenido',dame_texto())
	setTimeout("anima_textob()",130)
}

		
function cortina(){
  	clip_bottom += 1
	 
   xClip ("im_ini", clip_top, clip_right, clip_bottom, clip_left)
    if (clip_bottom <= maximo_clip_bottom){
 	   setTimeout("cortina()",15)
    }else{
 		return
   }
}

		
function cortinal(){
  	clipl_bottom += 1
	 
   xClip ("im_junta", clipl_top, clipl_right, clipl_bottom, clipl_left)
    if (clipl_bottom <= maximo_clipl_bottom){
 	   setTimeout("cortinal()",20)
    }else{
 		return
   }
} 
 

function principal(){
	anima_textob() //pintamos el 1º texto
	
	setTimeout("xShow('im_ini')",3000) //visualizamos la imagen ppal.
	setTimeout("cortina()",3000) //	pero con efecto cortina.
	
	setTimeout("xShow('im_junta')",9000) //visualizamos la imagen ppal.
	setTimeout("cortinal()",9000) //	pero con efecto cortina.
	
	
	setTimeout("xShow('entrar')",12000); // visualiza el enlace para entrar en la pagina

}