<!--
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;
var AnchoPagina // Ancho en pixels disponible en navegador
var AltoPagina  // Alto en pixels disponible en navegador

//Note: IE equivalents are "document.body.clientWidth" and "document.body.clientHeight"

var AnchoTablaPadre=92;// Porcentaje de ancho (respecto resolucion ventana) que será la anchura de la tabla Padre
var AltoTablaPadre=95;// Porcentaje de alto (respecto resolucion ventana) que será el alto de la tabla padre
var AltoTituloPorCiento=7; // Porcentaje de altura que ocupará el titulo principal 
var AltoBarraEnlacesPorCiento=2; // Porcentaje de altura que ocupará la barra inferior

var AnchoColBotPorCiento=22; // Porcentaje de ancho de las dos columnas con los botones respecto al total de la tabla Padre
var AnchoBotPorCiento=75; // Porcentaje de ancho de un boton respecto al ancho de la columna en que se muestran
var AltoBotPorCiento=70; // Porcentaje de alto de un boton. 100 = Los bordes de los botones se tocan entre si


// Funciones usadas en la pagina inicial de CentreNamaste. NO TOCAR A PARTIR DE AQUI

function MuestraPaginaInicio()
{
// Variables usadas en la funcion
var altoBoton, anchoBoton, separacionBoton, x_pos, y_pos;

//Inicialmente creamos la capa que contendrá todo y la posicionamos bien centrada
if (isNN) {AnchoPagina=window.innerWidth; AltoPagina=window.innerHeight;}
else {AnchoPagina=document.body.clientWidth; AltoPagina=document.body.clientHeight;}

// Lienzo superior con el titulo de la pagina

document.write('<DIV id="TituloCentreNamaste" style="position:absolute; top:'+((100-AltoTablaPadre)*AltoPagina/200)+'px; left:'+((100-AnchoTablaPadre)*AnchoPagina/200)+'px; width:'+(AnchoTablaPadre*AnchoPagina/100)+'px; height:'+(AltoTituloPorCiento*AltoTablaPadre*AltoPagina/10000)+'px; text-align:center;">'); 
document.write('<a span class="letra_titulo_principal">'+TituloPrincipal+'</a><br><a span class="letra_titulo_secundario">'+TituloSecundario+'</a>');
document.write('</DIV>');

//Cuerpo principal: lienzo izquierdo con botones

document.write('<DIV id="BotonesIzquierda" style="position:absolute; top:'+((100-AltoTablaPadre+AltoTituloPorCiento)*AltoPagina/100)+'px; left:'+((100-AnchoTablaPadre)*AnchoPagina/200)+'px; width:'+AnchoTablaPadre*AnchoPagina*AnchoColBotPorCiento/10000+'px; height:'+(100-AltoTituloPorCiento-AltoBarraEnlacesPorCiento)*AltoTablaPadre*AltoPagina/10000+'px;">'); 

altoBoton=(100-AltoTituloPorCiento-AltoBarraEnlacesPorCiento)*AltoTablaPadre*AltoPagina/10000;
altoBoton=altoBoton*AltoBotPorCiento/(100*bot_izq.length);
anchoBoton=AnchoPagina*AnchoTablaPadre*AnchoColBotPorCiento*AnchoBotPorCiento/1000000;
separacionBoton=(((100-AltoTituloPorCiento-AltoBarraEnlacesPorCiento)*AltoTablaPadre*AltoPagina/10000)-bot_izq.length*altoBoton)/(bot_izq.length+1)

x_pos=AnchoPagina*AnchoColBotPorCiento*AnchoTablaPadre*(100-AnchoBotPorCiento)/2000000;
for (i=0;i<bot_izq.length;i++){
y_pos=separacionBoton+i*(altoBoton+separacionBoton);
document.write('<DIV id="DivBotIzq'+i+'" style="position:absolute; width:'+anchoBoton+'px; height:'+altoBoton+'px; visibility:visible; left:'+x_pos+'; top:'+y_pos+';'+bot_izq[i][1]+'"><TABLE id="TabBotIzq'+i+'" WIDTH=100% HEIGHT=100% BORDER=0><TR><TD ALIGN=middle VALIGN=middle><a href="'+bot_izq[i][3]+'" style="text-decoration:none; '+bot_izq[i][2]+'">'+bot_izq[i][0]+'</a></TD></TR></TABLE></DIV>');
}

document.write('</DIV>');

//Cuerpo principal: parte central con imagen y texto

document.write('<DIV id="ColumnaCentral" style="position:absolute; background-color:#388be1; border: 1px solid black; top:'+((100-AltoTablaPadre+AltoTituloPorCiento)*AltoPagina/100)+'px; left:'+(((100-AnchoTablaPadre)*AnchoPagina/200)+AnchoTablaPadre*AnchoPagina*AnchoColBotPorCiento/10000)+'px; width:'+(100-2*AnchoColBotPorCiento)*AnchoTablaPadre*AnchoPagina/10000+'px; height:'+(((100-AltoTituloPorCiento-AltoBarraEnlacesPorCiento)*AltoTablaPadre*AltoPagina/10000)-2)+'px;">'); 
//Tabla con tres filas: la superior la imagen, la central el texto y la inferior el banner
document.write('<TABLE id="TabColumnaCentral" WIDTH='+(100-2*AnchoColBotPorCiento)*AnchoTablaPadre*AnchoPagina/10000+'px HEIGHT=98% BORDER=0><TR><TD HEIGHT=1% ALIGN=CENTER VALIGN=TOP>');
document.write('<IMG SRC="./PaginaInicial/imagenes/portada_arjuna.jpg" BORDER=8 style="border-color:#ff9734">');
document.write('</TD></TR><TR><TD ALIGN=CENTER>');
document.write('<a class="letra_central">'+textArr[0]+'<br>'+textArr[1]+'<br>'+textArr[2]+'<br><br>'+textArr[3]+'<br></a>');
document.write('</TD></TR>');
//aqui va el banner
document.write('<TR><TD HEIGHT=1% ALIGN=CENTER>');
document.write('<A HREF="javascript:doLink();" onload="function(){if (document.images) switchAd();}" onMouseOver="status=banner_paginicial[banner_ct][1];return true;" onMouseOut="status=\'\'"><IMG NAME="Banner_PagIni_CentreNamaste" SRC="'+banner_paginicial[0][0]+'" BORDER=0></A>')
document.write('</TD></TR></TABLE>');
document.write('</DIV>');

//Cuerpo principal: lienzo derecho con botones

document.write('<DIV id="BotonesDerecha" style="position:absolute; top:'+Math.ceil((100-AltoTablaPadre+AltoTituloPorCiento)*AltoPagina/100)+'px; width:'+Math.ceil(AnchoTablaPadre*AnchoPagina*AnchoColBotPorCiento/10000)+'px; left:'+((100-AnchoTablaPadre)*AnchoPagina/200)+AnchoTablaPadre*AnchoPagina*(100-AnchoColBotPorCiento)/10000+'px;">');

altoBoton=(100-AltoTituloPorCiento-AltoBarraEnlacesPorCiento)*AltoTablaPadre*AltoPagina/10000;
altoBoton=altoBoton*AltoBotPorCiento/(100*bot_der.length);
anchoBoton=AnchoPagina*AnchoTablaPadre*AnchoColBotPorCiento*AnchoBotPorCiento/1000000;
separacionBoton=(((100-AltoTituloPorCiento-AltoBarraEnlacesPorCiento)*AltoTablaPadre*AltoPagina/10000)-bot_der.length*altoBoton)/(bot_der.length+1)

x_pos=((100-AnchoTablaPadre)*AnchoPagina/200)+AnchoTablaPadre*AnchoPagina*(100-AnchoColBotPorCiento)/10000+AnchoPagina*AnchoColBotPorCiento*AnchoTablaPadre*(100-AnchoBotPorCiento)/2000000;
for (i=0;i<bot_der.length;i++){
y_pos=separacionBoton+i*(altoBoton+separacionBoton);
document.write('<DIV id="DivBotDer'+i+'" style="position:absolute; width:'+anchoBoton+'px; height:'+altoBoton+'px; visibility:visible; left:'+x_pos+'; top:'+y_pos+';'+bot_der[i][1]+'"><TABLE id="TabBotDer'+i+'" WIDTH=100% HEIGHT=100% BORDER=0><TR><TD ALIGN=middle VALIGN=middle><a href="'+bot_der[i][3]+'" style="text-decoration:none; '+bot_der[i][2]+'">'+bot_der[i][0]+'</a></TD></TR></TABLE></DIV>');
}

document.write('</DIV>');

document.write('</DIV>');
//Lienzo inferior con la barra de enlaces
}

// Fin !-->
