";
listaHtmlTwo+=lab;
listaHtmlTwo+="<\/a><\/div>";
top2+=17;
}
if (i>=10) {
listaHtmlThree+="
";
listaHtmlThree+=lab;
listaHtmlThree+="<\/a><\/div>";
top3+=17;
}
}
var elmLista = document.getElementById("lista_ptos_uno");
elmLista.innerHTML=listaHtml;
var elmListaTwo = document.getElementById("lista_ptos_dos");
elmListaTwo.innerHTML=listaHtmlTwo;
var elmListaThree = document.getElementById("lista_ptos_tres");
elmListaThree.innerHTML=listaHtmlThree;
}
/*
* funcion que llama la secuencia de funciones para cargar un thumbnail
*/
function loadThumbnail(id_pto){
currentThumb = id_pto;
loadThumbLabel();
loadThumbNearList();
stopThumbnail();
refreshThumbnail();
}
/*
* Funcin que recorta los espacios en blanco a la izquierda
* de una cadena de caracteres
*/
function ltrim(s) {
return s.replace(/^\s+/, "");
}
/*
* Funcin que recorta los espacios en blanco a la derecha
* de una cadena de caracteres
*/
function rtrim(s) {
return s.replace(/\s+$/, "");
}
/*
* Funcin que recorta los espacios en blanco a ambos lados
* de una cadena de caracteres
*/
function trim(s) {
return rtrim(ltrim(s));
}
/*
* Abre la ventana en modo "Modal" del detalle de la imgen
*/
function openModal(){
///Pantalla gris
var elmModalBack = document.getElementById("modalBack");
elmModalBack.style.height=getSize()+"px";
elmModalBack.style.display="block";
///Contenedor del detalle
var elmContainerDetail = document.getElementById("containerDetail");
elmContainerDetail.style.display="block";
///Detiene el thumbnail de atrs
stopThumbnail();
//Detiene la imagen grande detalle
stopDetail();
///Carga la lista de los puntos cercanos
loadDetailNearList();
///Cargo el nombre del detalle
loadDetailLabel();
///Carga los links de las vistas
loadViewDetail();
///Cargo la direccin del punto
loadDetailDireccion();
///Inicia el listener del acorden
acordeon = new Accordian('basic-accordian',5,'header_highlight');
///Se refresca la imagen detalle
refreshDetail();
}
/*
* Funcin que determina el largo del cuerpo de la pgina en el browser
*/
function getSize() {
var myWidth = 0, myHeight = 0;
if( typeof( window.innerWidth ) == 'number' ) {
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth
|| document.documentElement.clientHeight ) ) {
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth
|| document.body.clientHeight ) ) {
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
return myHeight;
}
/*
* actualiza la imgen del detalle cada 2,5 segundos
*/
function refreshDetail() {
//las siguientes lneas son para crear un parmetro que cambie
//en cada llamada, as se evita recargar la imgen desde cach
var HoraAux = new Date();
var url = arr_vistaUrlCurr[currentThumb]+currentThumb+"_"+arr_vistaCurr[currentThumb];
url += "/image.jpg?auxiliar=";
url += HoraAux.getTime().toString(10);
// se carga la imgen
document.getElementById('detailImg').src = url;
//Cargo la hora de la imgen
muestraReloj();
detailTimer = setTimeout("refreshDetail()",refreshMilisecs);
}
/*
* Detiene el refrescamiento del detalle en pantalla
*/
function stopDetail() {
clearTimeout(detailTimer);
}
/*
* Cierra la ventana "Modal"
*/
function closeModal(){
///Cierra la venttana gris semi-transparente
var elmModalBack = document.getElementById("modalBack");
elmModalBack.style.display="none";
///Cierra la ventana con las
var elmContainerDetail = document.getElementById("containerDetail");
elmContainerDetail.style.display="none";
stopDetail();
stopThumbDetail();
///Inicializa el thumbnail en la pantalla anterior
loadThumbnail(currentThumb);
}
/*
* Funcin para cargar la lista de puntos cercanos del detalle
*/
function loadDetailNearList(){
var arr_npuntos = trim(arr_near[arr_zonas[currentThumb]]).split(" ");
var listaHtml = '
<\/td><\/tr><\/tbody><\/table>';
for (var i=0; i < arr_npuntos.length;i++) {
//saco cada uno de los nombres
var lab=arr_labels[arr_npuntos[i]];
var idpt=arr_npuntos[i];
listaHtml+='
<\/div><\/td>