﻿var isEstatActual = true;

// Abans de la crida del métode init, la podem modificar per a seleccionar l'idioma que calgui

// Variable que fem servir per a definir l'idioma del ToolTip.
// L'inicialitzem per defecte a castellà, però abans de la crida del métode init() (a estat_transit.html) podem redefinir-la pel que ens calgui
var language = "es";

// Traduccions
// Utilitzarem la variable 'language' per a seleccionar les frases (la carregarem a partir de l'atribut 'lang' del tag '<html>')
var traduccio = {};

traduccio["ca"] = {};
traduccio["ca"].actual = "Temps actual:";
traduccio["ca"].previst = "Temps previst en 15 minuts:";
traduccio["ca"].recarrega = "recarregar la plana";

traduccio["es"] = {};
traduccio["es"].actual = "Tiempo actual:";
traduccio["es"].previst = "Tiempo previsto en 15 minutos:";
traduccio["es"].recarrega = "recargar la página";

traduccio["en"] = {};
traduccio["en"].actual = "Current time:";
traduccio["en"].previst = "15 minutes time:";
traduccio["en"].recarrega = "reload the page";

// -------------------




function init() {
	
	//Carreguem l'idioma de la pàgina
	var taghtml = document.getElementsByTagName("HTML")[0];
	language = taghtml.lang;	
	
	var mapaFutur = document.getElementById("mapaFutur");
	mapaFutur.style.display = 'none';
	
	var opcioMenu = document.getElementById("nav_transit_previst");
	var href = opcioMenu.getElementsByTagName("A")[0];
	href.onclick = function() {changeMapa("Actual"); };
	
	var opcioMenu = document.getElementById("nav_transit_actual");
	var href = opcioMenu.getElementsByTagName("A")[0];
	href.onclick = function() {changeMapa("Futur"); };
	
	var mapAreas = document.getElementById("mapa");
	mapAreas = mapAreas.getElementsByTagName("area");
	for (var i=0; i<mapAreas.length;i++) {
		//var id = mapAreas[i].getAttribute("id");
		//var name = mapAreas[i].getAttribute("alt");
		//trams[id] = new Tram(name);
		mapAreas[i].onmouseover=function(){tramOver(this);};
	    mapAreas[i].onmouseout=function(){tramOut(this);};
		mapAreas[i].onfocus=function(){tramOver(this);};
	    mapAreas[i].onblur=function(){tramOut(this);};
	}
	var popupDiv = document.createElement('DIV');
	var tramsEstatDiv = document.getElementById("tramsEstatActual");
	popupDiv.id = "dataPopUpActual";
	popupDiv.visibility = 'hidden';
	tramsEstatDiv.appendChild(popupDiv);
	
	var popupDiv = document.createElement('DIV');
	var tramsEstatDiv = document.getElementById("tramsEstatFutur");
	popupDiv.id = "dataPopUpFutur";
	popupDiv.visibility = 'hidden';
	tramsEstatDiv.appendChild(popupDiv);
	
	var hash = document.location.hash;
	
	if(hash == '#mapaFutur') {
		changeMapa("Actual");		
	}
	
	// Modifiquem els spans, per a afegir l'enllaç de recarrega de pàgina
	var span = document.getElementById("recarregaActual");
	span.innerHTML = '<a href="javascript:window.location.reload();">' + traduccio[language].recarrega + '</a>';

	var span = document.getElementById("recarregaFutur");
	span.innerHTML = '<a href="javascript:window.location.reload();">' + traduccio[language].recarrega + '</a>';
}

function getText(params) {
	return params["ca"];
}

function tramOver(obj) {
	var id = obj.href;
	id = id.substring(id.lastIndexOf("_")+1,id.length);
	//window.status = id;
	if (!(id in itinerariData)) return;
	
	var st='';
	var tram = itinerariData[id];
	
	st = '<p><strong>' + obj.alt + '</strong></p>';
	st += '<p class="temps"><strong>' + traduccio[language].actual + '</strong> ' + tempsTxt(tram.tra) + '<br />'
	st += '<strong>' + traduccio[language].previst + '</strong> ' + tempsTxt(tram.trf) + '</p>'

	var popupDiv = document.getElementById("dataPopUp"+(isEstatActual?"Actual":"Futur"));
	popupDiv.innerHTML = st;
	popupDiv.style.visibility = 'visible';
}


function tempsTxt(secs) {
	var st= '';
	
	if (secs==0) return ('n.d.');
	var mins = parseInt(secs/60)
	if (mins>0) { st += mins; st += 'm '; }
	var seqs = secs % 60
	if (seqs>0) {st += seqs; st += 's' ; }
	return st;
}

function tramOut(obj) {
	/*
	var i;
	var st='';
	st += '<table cellpadding="1" cellsapcing="0" border="0"><tr><td><font face="Verdana, Arial, Helvetica" size="1">'
	st += getText({ca:'Situeu el ratolí en un recorregut per veure\'n la informació',es:'Situe el ratón en un recorrido para ver la información',en:'Place the mouse over a path to see the information'});
	st += '</td></tr></table>'
	*/
	
	var popupDiv = document.getElementById("dataPopUp"+(isEstatActual?"Actual":"Futur"));
	//popupDiv.innerHTML = st;
	popupDiv.style.visibility = 'hidden';
}


function changeMapa(estat){
	
	var divActual = document.getElementById("mapaActual");
	var divFutur = document.getElementById("mapaFutur");
	
	if(estat=="Futur"){
		divActual.style.display = "block";
		divFutur.style.display = "none";
		isEstatActual = true;
	}
	else{
		divFutur.style.display = "block";
		divActual.style.display = "none";		
		isEstatActual = false;		
	}
}

function getStyle(x,styleProp)
{
	//var x = document.getElementById(el);
	if (x.currentStyle)
		var y = x.currentStyle[styleProp];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
	return y;
}