var array_titulos = new Array ();
var array_links = new Array ();
var array_length = new Array ();
var array_ids = new Array ();

array_titulos[0] = 'Noticias';
array_links[0] = 'formula1_1.htm';
array_ids[0] = '0';

array_titulos[1] = 'Vídeos';
array_links[1] = 'http://www.mitele.telecinco.es/informativos/formula/index.shtml?p=4';
array_ids[1] = '0';

array_titulos[2] = 'Fernando Alonso';
array_links[2] = 'fernandoalonso_1.htm';
array_ids[2] = '1';

array_titulos[3] = 'Pilotos y Escuderías';
array_links[3] = 'archivos_pilotos_escuderias.htm';
array_ids[3] = '4';

array_titulos[4] = 'Clasificaciones';
array_links[4] = 'clasificaciones.htm';
array_ids[4] = '4a';

array_titulos[5] = 'Fotogalerías';
array_links[5] = 'general_1.htm';
array_ids[5] = '5';

array_titulos[6] = 'Blogs';
array_links[6] = 'http://blogs.telecinco.es/formula1';
array_ids[6] = '6';

array_titulos[7] = 'Foro';
array_links[7] = 'http://foros.telecinco.es/viewforum.php?f=7';
array_ids[7] = '9';

array_titulos[8] = 'Boletín';
array_links[8] = 'http://www.telecinco.es/alta_boletin2.php';
array_ids[8] = '7';

array_titulos[9] = 'Entradas';
array_links[9] = 'http://www.telecinco.es/hits_pp.htm?desc=VentaentradasF1&url=http://f1.informativos.telecinco.es/entradasf1.htm';
array_ids[9] = 'undefined';

//VARIABLES GLOBALES*************************************************
var ii; //Contador que recorre los arrays
var longtot; //Longitud en pixels de todos los titulos de una fila (acumulador)
var longant; //Longitud en pixels anterior
var resto; //= 727 - longtot ==> espacio que debe ir vacio
var activa_sup; //Pestaña activa
//*******************************************************************
//FUNCIONES AUXILIARES***********************************************
//Mide la longitud de un string en pixels
function Medir(s) {
if (!document.getElementById) return;
var aDiv = document.getElementById('aDiv');
if (!aDiv) return;
aDiv.style.visibility = 'hidden';
aDiv.style.fontFamily = 'Verdana';
aDiv.style.fontSize = '10px';
aDiv.style.fontStyle = 'normal';
aDiv.style.fontWeight = 'normal';
aDiv.innerHTML = s;
//alert(aDiv.clientWidth);
return (aDiv.clientWidth);
}
//******************************************************************
//Pintamos el span que mide las longitudes de las cadenas
document.write('<span id="aDiv" style="visibility:hidden; position:absolute; borderWidth:0px; padding:0px; z-index:100"></span>');
//1º - Pintamos la tabla general con ancho fijo de 727 para que tenga su background
document.write('<table height="24" width="727" background="http://f1.informativos.telecinco.es/images/bg_tabla_sup.jpg" border="0" cellpadding="0" cellspacing="0"><tr>');
document.write('<td>');
//2º - Bucle que genera todas las filas necesarias
for (ii=0; ii < array_titulos.length ;){
//Creamos la tabla de la fila
document.write('<table height="24" border="0" cellpadding="0" cellspacing="0"><tr class="pestanias">');
longtot=0;
while (longtot<=727 && ii < array_titulos.length){
longant=longtot; //Nos quedamos con el valor de longtot, por si nos pasáramos
//Creamos las celdas de la tabla, al mismo tiempo que vamos midiendo
array_length[ii]= Medir(array_titulos[ii]); //Pixels de la cadena
//alert('Cadena:'+array_titulos[ii]+'-Longitud:'+array_length[ii]);
// if (ii == activa_sup){longtot += array_length[ii]+22;} //Pestaña activa (+9 izquierda +11 drcha)
if (array_ids[ii] == activa_sup){longtot += array_length[ii]+22;} //Pestaña activa (+9 izquierda +11 drcha)
else {longtot += array_length[ii]+8;} //Pestaña no activa (+4 izquierda +4drcha)
if (longtot<=727) { //Pintamos la celda
//if(ii==activa_sup){document.write('<td width="9" height="24" background="http://f1.informativos.telecinco.es/images/activa_izq.jpg"></td><td nowrap height="24" class="activa" width="'+ (array_length[ii]+2)+'"><a href='+array_links[ii]+'>'+array_titulos[ii]+'</a></td><td width="11"><img src="http://f1.informativos.telecinco.es/images/activa_der.jpg"></td>');}
if(array_ids[ii] == activa_sup) {document.write('<td width="9" height="24" background="http://f1.informativos.telecinco.es/images/activa_izq.jpg"></td><td nowrap height="24" class="activa" width="'+ (array_length[ii]+2)+'"><a href='+array_links[ii]+'>'+array_titulos[ii]+'</a></td><td width="11"><img src="http://f1.informativos.telecinco.es/images/activa_der.jpg"></td>');}
else {document.write('<td width="4" height="24"><img width="4" src="http://f1.informativos.telecinco.es/images/inactiva_izq.jpg"></td><td nowrap height="24" class="inactiva" width='+ array_length[ii]+' ><a href='+array_links[ii]+'>'+array_titulos[ii]+'</a></td><td width="4"><img src="http://f1.informativos.telecinco.es/images/inactiva_der.jpg" ></td>');}
ii++; //Siguiente celda
}//Fin del if
//else {ii--;} //Nos hemos pasado, con lo cual no podemos pintar esta celda, la pintaremos en la siguiente fila
//alert('longtot:'+longtot+'-palabra:'+array_titulos[ii]+'-resto:'+resto);
}//Fin del while
//Pintamos la celda vacia del final
if (longant<727){
resto=727-longant;
document.write('<td nowrap background="http://f1.informativos.telecinco.es/images/bg_tabla_sup.jpg"></td>');
}
//alert('**longant:'+longant+'-longtot:'+longtot+'-palabra:'+array_titulos[ii]+'-resto:'+resto);
//Cerramos la tabla de la fila que hemos pintado
document.write('</tr></table>');
}//Fin del for
//3º - Pintamos el final de la tabla general
document.write('</td></tr></table>');
//4º - FIN
<!-- #ARBconf conf = { outFName: "menu_pestanias_sup.js", pageId: "menu_pestanias_sup.jshtml", wrapper: "jshfunction_wraper.js" }; conf; -->
