function redimensionar(){
if (self.innerWidth)
{
	frameWidth = self.innerWidth;
	frameHeight = self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth)
{
	frameWidth = document.documentElement.clientWidth;
	frameHeight = document.documentElement.clientHeight;
}
else if (document.body)
{
	frameWidth = document.body.clientWidth;
	frameHeight = document.body.clientHeight;
}


document.getElementById("pagina").style.marginLeft="0px";
if(frameWidth<800){
document.getElementById("pagina").style.left="0px";
document.getElementById("pie").style.left="200px";
}
else{
document.getElementById("pagina").style.left=(frameWidth-800)/2+"px";
document.getElementById("pie").style.left=(frameWidth-400)/2+"px";
}
if(frameHeight<550){
document.getElementById("pagina").style.top="1px";
document.getElementById("pie").style.top="500px";
}
else{
document.getElementById("pagina").style.top=(frameHeight-550)/2+"px";
document.getElementById("pie").style.top=(((frameHeight-550)/2)+500)+"px";
}
}
window.onresize=redimensionar;
function iniciar(){


capa=document.getElementById('continente');
capa2=document.getElementById('sombracontinente');
window.defaultStatus="Bienvenido a la pagina de todos los scripts de KarlanKas";
redimensionar();
document.getElementById("pagina").style.visibility="visible";
document.getElementById("pie").style.visibility="visible";
if(apart){mostrar(apart);}
if(codigo && !apart){
mostrar("nada");
explicar(codigo);}
	
}

function mostrar(que){
		if((que=="inicio" && finale==12) || (ultimaCapaMovida==que && finale==-1)||(a!=-1 && a!=12)){borrar();return false}
		capaPinchada=que;
		
		mover(capaPinchada);
		}

function borrar(){if(pepito){
pepito.style.visibility="hidden";}
}
		
		
function explicar(estos){
var explicacion = document.createElement("iframe");
explicacion.setAttribute("name", "chuletaa");
explicacion.setAttribute("width", "100%");
explicacion.setAttribute("height", "100%");
explicacion.setAttribute("src", "http://www.karlankas.net/"+estos+".html");
explicacion.setAttribute("marginwidth", "0");
explicacion.setAttribute("marginheight", "0");
explicacion.setAttribute("frameborder", "0");
explicacion.setAttribute("framespacing", "0");
explicacion.setAttribute("border", "0");
explicacion.setAttribute("align", "top");
explicacion.setAttribute("class", "explicacion");
explicacion.style.border="solid 1px white";
var chuleta=document.createElement("div");
chuleta.appendChild(explicacion);
chuleta.className="explicacion";


fade=(codigo)?100:0;
pepito=document.getElementById('continente').appendChild(chuleta);
clareando=setInterval("clarear()",20);
}

function clarear(){

if(fade>95){window.clearInterval(clareando);
}
fade+=3;
pepito.style.filter="Alpha(Opacity="+fade+")";

}
function mover(que){
if(a<0){
contenido="";
apartado=eval(que);
for (aas=0;aas<apartado.length;aas++){
contenido+='<a onclick="this.blur();explicar(\''+apartado[aas].destino+'\');return false;" class="lista" href="codigo/'+apartado[aas].destino+'">';
contenido+='<strong>'+apartado[aas].nombre+'</strong>';
contenido+='<blockquote>'+apartado[aas].descripcion+'</blockquote>';
contenido+='<br></a>';
}
		capa.innerHTML=contenido;
		
		}

	a+=unidad;

	if(a==finale){if(codigo){explicar(codigo);codigo=null;}
		finale=(finale==12)?-1:12;
		unidad=-1*unidad;
		mostrar(que);
		return false
		}

		ultimaCapaMovida=que;
		capa.style.font="normal "+parseInt(a/1.1)+"px/"+(a)+"px verdana";
		capa.style.width=(a*58)+"px";
		capa.style.height=(a*38)+"px";
		capa2.style.width=(a*58)+"px";
		capa2.style.height=(a*38)+"px";
		capa.style.marginTop=(-135-parseInt(4.5*a))+"px";
		capa.style.marginLeft=(290-parseInt(61.5*a))+"px";
		capa2.style.marginTop=(-135-parseInt(4.5*a))+"px";
		capa2.style.marginLeft=(290-parseInt(61.5*a))+"px";
		setTimeout("mover(ultimaCapaMovida)",40);
}