window.onload = function(){
	document.getElementById("link_de_pagina_siguiente").style.display = "none";
	efectoCapa("logo");
}

var counter = 0;

function efectoCapa(id_elemento){
	var anchura_elemento = parseInt(document.getElementById(id_elemento).offsetWidth);
	var altura_elemento = parseInt(document.getElementById(id_elemento).offsetHeight);
	var anchura_area_vision = "150";
	var colorFondo = "#ffffff";
	if(navigator.appName.toLowerCase() == "microsoft internet explorer"){
		document.getElementById(id_elemento).style.position = "absolute";
	}
	
	var panel1 = document.createElement("div");
	panel1.id = "panel1";
	panel1.style.width = "0px";
	panel1.style.height = altura_elemento + "px";
	panel1.style.backgroundColor = colorFondo;
	panel1.style.position = "absolute";
	panel1.style.top = parseInt(document.getElementById(id_elemento).offsetTop) + "px";
	panel1.style.left = parseInt(document.getElementById(id_elemento).offsetLeft) + "px";
	document.body.appendChild(panel1);
	
	var panel2 = document.createElement("div");
	panel2.id = "panel2";
	panel2.style.width = anchura_elemento + "px";
	panel2.style.height = altura_elemento + "px";
	panel2.style.backgroundColor = colorFondo;
	panel2.style.position = "absolute";
	panel2.style.top = parseInt(document.getElementById(id_elemento).offsetTop) + "px";
	panel2.style.left = parseInt(document.getElementById(id_elemento).offsetLeft) + "px";	
	document.body.appendChild(panel2);
	
	intervalo = setInterval("avance(150)",15);
}

function avance(anchura_area_vision){
	if(parseInt(document.getElementById("panel2").style.width) > 0){
		document.getElementById("panel2").style.width =
		parseInt(document.getElementById("panel2").style.width) - 10 + "px";
		document.getElementById("panel2").style.left =
		parseInt(document.getElementById("panel2").style.left) + 10 + "px";
		counter = counter + 10;
		if(counter > parseInt(anchura_area_vision)){
			document.getElementById("panel1").style.width = 
			parseInt(document.getElementById("panel1").style.width) + 10 + "px";
		}
	}
	else{
		clearInterval(intervalo);
		document.getElementById("panel2").parentNode.removeChild(document.getElementById("panel2"));
		intervalo = setInterval("retroceso()",15);
	}	
}

function retroceso(){
	if(parseInt(document.getElementById("panel1").style.width) > 0){
		document.getElementById("panel1").style.width = 
		parseInt(document.getElementById("panel1").style.width) - 10 + "px";
	}
	else{
		clearInterval(intervalo);
		document.getElementById("panel1").parentNode.removeChild(document.getElementById("panel1"));
		setTimeout("document.location = \"home.html\"",2000);
	}
}