var loggedBiker = '';
var centerBikerName = 'brak';
deleteCookie('loggedBiker');
//console.log(readCookie('loggedBiker'));
//var loggedBiker = readCookie('loggedBiker');
var httpAddress = 'https://obserwuj.online/';
var imgCatalog = 'img/';
var gpxCatalog = 'gpx/';
var followFlag = false; // podążaj
var lastActivity = new Array(); //tablica ostatnich aktywnosci
//var centerBikerName = 'brak'; //centruj na bikera
var iniLat = 51.10; //Wrocław
var iniLon = 17.03;
var defaultUID = 1;
var centerLogin = 'slawek';
var zoomMin = 4;
var zoomMax = 18;
var visibleTime = 10800; // 10800 [s] usuń z mapy > 3h
var stopBorder = 3600; // 3600 [s] - powyżej - nie jadę
var pauseBorder = 120; // 120 [s] - powyżej - odpoczywam, poniżej - jadę
var timeZone = 120; // 120 [m] strefa czasowa +2h (lato), 60-zima

var Biker = function (uid, login, iconCatalog, iconPath, tripPath, tripColor, lat, lon, alt, speed, time, battery, gsmSignal, updateTimestamp) {

	this.uid = uid;
	this.login = login;
	this.iconCatalog = iconCatalog;
	this.iconPath = iconPath;
	this.tripPath = tripPath;
	this.tripColor = tripColor;
	this.lat = lat;
	this.lon = lon;
	this.alt = alt;
	this.speed = speed;
	this.time = time;
	this.battery = battery;
	this.gsmSignal = gsmSignal;
	this.updateTimestamp = updateTimestamp;

	this.setLatLon = function(lat, lon){
		this.lat = lat;
		this.lon = lon;
		return;
	}

	this.getLonLat = function () {
        return(this.lon, this.lat);
    };
};

function updateLatLon(range) {
	 var xhr = null;
    try {
	      xhr = new XMLHttpRequest();
			if(window.XMLHttpRequest){
				xhr = new XMLHttpRequest();
			}else{
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
    } catch (e) {
        xhr = false;
    }

//	 xhr.open("GET", httpAddress + "updateLatLon.php?" + Math.random(), true);
	 xhr.open("GET", httpAddress + "upd/" + range + "/" + Math.random(), true);
    xhr.onreadystatechange  = function() {
        if (xhr.readyState  == 4) {
            if (xhr.status  == 200) {


			var groups = xhr.responseText.split('#');
			var param = '';
			var uid = '';
			var login = '';
			var lat = '';
			var lon = '';
			var lastTS = '';
			var tripPath = '';

			// aktualizuj wspolrzedne bikerów
			for(var a=0; a<groups.length; a++){

				param = groups[a].split('_');
				uid = param[0];
				login = param[1];
				lat = param[2]; // lat, info w updateLanLot
				lon = param[3]; // lon
				lastTS = param[9]; // updateTimestamp
				tripPath = param[10]; // tripPath
				console.log(login + " " + range);
                if (lat && lon) {
							if (!map) {
                     //   initMap();
                    } else {
				  			moving(login, lat, lon, lastTS, tripPath);
                    }
                }
				}
            }
        }
    };
    xhr.send(null);
}



var users = new Array();


users['slawek'] = new Biker(
		'5',
		'slawek',
		'0004ff-classic',
		'cycling.png',
		'slawek20230915195525.gpx',
		'#0004ff',
		'50.9849632',
		'16.7902251',
		'200.4',
		'11.9343',
		'1694868554',
		'0',
		'0',
		'1694868565'
	);
users['kuba'] = new Biker(
		'136',
		'kuba',
		'ee00ff-classic',
		'cycling.png',
		'kuba20230811085437.gpx',
		'#ee00ff',
		'54.54195',
		'16.538702',
		'14.063',
		'0',
		'1691924279',
		'0',
		'0',
		'1691924279'
	);
users['KrzysiekP'] = new Biker(
		'134',
		'KrzysiekP',
		'2e2b2e-classic',
		'cycling.png',
		'',
		'#2e2b2e',
		'50.9336255',
		'17.3038436',
		'175',
		'0',
		'1691839601',
		'0',
		'0',
		'1691839603'
	);
users['Michal'] = new Biker(
		'112',
		'Michal',
		'0004ff-dark',
		'cycling.png',
		'Michal20210805214452.gpx',
		'#0004ff',
		'51.1251685',
		'16.979353',
		'162.8',
		'0',
		'1688357821',
		'0',
		'0',
		'1688357820'
	);
users['Lechu'] = new Biker(
		'121',
		'Lechu',
		'f7ff00-classic',
		'cycling.png',
		'',
		'#f7ff00',
		'',
		'',
		'',
		'',
		'',
		'0',
		'0',
		'1636055201'
	);
users['Juniorek'] = new Biker(
		'32',
		'Juniorek',
		'2fd424-classic',
		'cycling.png',
		'Dodoelk20180822123100.gpx',
		'#2fd424',
		'',
		'',
		'',
		'',
		'',
		'0',
		'0',
		'1624797768'
	);
users['spiot'] = new Biker(
		'135',
		'spiot',
		'ff0000-dark',
		'cycling.png',
		'spiot20201008210525.gpx',
		'#ff0000',
		'',
		'',
		'',
		'',
		'',
		'0',
		'0',
		'1622702559'
	);
users['junior'] = new Biker(
		'46',
		'junior',
		'2e2b2e-white',
		'train.png',
		'',
		'#2e2b2e',
		'',
		'',
		'',
		'',
		'',
		'0',
		'0',
		''
	);
function initMap(login){

	// sprawdz czy biker istnieje
	if(typeof(users[login]) == "undefined"){
		login = centerLogin;
	}

	var lo = users[login].lon;
	var la = users[login].lat;

	// opcje mapy
	var options = {
		units:'m',
		minResolution: 'auto',
		maxResolution: 'auto',
		// utwórz kontrolki nawigacyjne, informacyjne i sterujące instancji mapy
		controls:  ctrlsMap
	};



	// podłączamy mapę do div
	map = new OpenLayers.Map("mapdiv", options);

	// mapa OSM
	var layerOSM = new OpenLayers.Layer.OSM("Mapa OSM");

	// dodajemy warstwę OpenStreetMap
	map.addLayer(layerOSM);


	// definiujemy punkt środka mapy z domyslnego usera
	var centerLonLat = new OpenLayers.LonLat(lo, la)
	   .transform(
	      new OpenLayers.Projection("EPSG:4326"),
	      map.getProjectionObject()
	   );

	// ustawiamy pozycję i zoom mapy
	map.setCenter (centerLonLat, defaultZoom);

	var markers = new OpenLayers.Layer.Markers("Bikerzy");
	map.addLayer(markers);

	// tablica ikon bikerów (wygląd)
	icon = new Array();

	// tablica markerów bikerów (miejsce)
	marker = new Array();

	// tablica współrzednych
	lonLat = new Array();

	// tablica czasów aktualizacji
	lastTimestamp = new Array();

	// tablica warstw tras
	layerGPX = new Array();

	// ikony bikerów - rozmiar, offset
	var size = new OpenLayers.Size(32,32);
	var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);

	fileName = new Array(); // nazwa pliku trasy bikera

	// deklaruj ikony, transformuj punkty, tworz markery, deklaruj tracki
	for(var k in users){

	   icon[users[k].login] = new OpenLayers.Icon(imgCatalog + users[k].iconCatalog + "/" + users[k].iconPath, size, offset);

		lonLat[users[k].login] = new OpenLayers.LonLat(users[k].lon, users[k].lat).transform(
	         new OpenLayers.Projection("EPSG:4326"),
	         map.getProjectionObject()
	      );

	  	marker[users[k].login] = new OpenLayers.Marker(lonLat[users[k].login], icon[users[k].login]);

	  	markers.addMarker(marker[users[k].login]);

		// jesli biker nie zdefiniował trasy
		if(users[k].tripPath == ''){
			fileName[users[k].login] = gpxCatalog + 'pusty.gpx';
		}else{
			fileName[users[k].login] = gpxCatalog + users[k].tripPath;
		}

 		//ustaw puste warstwy inicjacyjne
 		layerGPX[users[k].login] = new OpenLayers.Layer.Vector( 'Planowana trasa: ' + users[k].login, {
			     strategies: [new OpenLayers.Strategy.Fixed()],
			     projection: map.displayProjection,
			     protocol: new OpenLayers.Protocol.HTTP({
						//url: gpxCatalog + users[k].tripPath,
						//url: 'gpx/pusty.gpx',
						url: fileName[users[k].login],
						format: new OpenLayers.Format.GPX
			     }), style: {
							// użyj pędzla
							stroke:true,
							// kolor linii
							//strokeColor: '#00f', // niebieska
							//strokeColor: '#090', // zielona
							strokeColor: users[k].tripColor,
							// styl linii (ciągła)
							strokeDashstyle: 'solid',
							// styl końców linii (zaokrąglone),
							strokeLinecap:'round',
							// stopień krycia pędzla (nieprzezroczystość)
							strokeOpacity: .6	,
							// szerokość pędzla w pikselach
				  			//display: 'none',
							strokeWidth: 3
					  }
				});

		// dodaj utworzoną warstwę do obiektu map
		//map.addLayer(layerGPX[users[k].login]);
//		map.removeLayer(layerGPX[users[k].login]);


		//layerGPX[users[k].login].display(false);
		marker[users[k].login].display(false);

		// wrzuć do tablicy ostatni czas aktualizacji
		lastTimestamp[users[k].login] = users[k].updateTimestamp;

		// ustaw aktywnosc buttonow w menu mobilnym
		setButtonMenu(users[k].login);
	}

	setFormCenterBikerName(centerBikerName);
	setFollow(followFlag);
}

function moving(a, lat, lon, lastTS, tripP){

 // tablica nowych wspolrzednych
	var newLonLat = new Array();

	// tablica nowych punktów
	var newPx = new Array();

	var lon;
	var lat;


		newLonLat[a] = new OpenLayers.LonLat(lon, lat).transform(
          new OpenLayers.Projection("EPSG:4326"),
          map.getProjectionObject()
      );

		newPx[a] = map.getLayerPxFromLonLat(newLonLat[a]);
		marker[a].moveTo(newPx[a]);

		// przekaz do zmiennych ostatnią aktualizację
		lastTimestamp[a] = lastTS;


		//console.log(a + " " + layerGPX[a].drawn + " " + lastTS);


	// ustaw kolor buttona aktywny/nieaktywny
	setButtonMenu(a);
	setListMenu(a); //list pc

	//aktualizacja tablicy aktywnosci
	//lastActivity[a] = parseInt((parseInt(Date.now()/1000) - lastTimestamp[a])/60) + 1;
	lastActivity[a] = parseInt((parseInt(Date.now()/1000) - lastTimestamp[a])/60 - timeZone);

	// sprawdz widocznosc i działaj
	if(visibleOnMap(a)){

			// włącz marker bikera
			marker[a].display(true);

			// jesli warstwa z trackiem nie jest narysowana - dodaj warstwę
			if(!layerGPX[a].drawn){
				map.addLayer(layerGPX[a]);
			}


	}else{

			// wyłąćz marker bikera
			marker[a].display(false);

			// jesli warstwa z trackiem jest narysowana - usuń warstwę
			if(layerGPX[a].drawn){
			map.removeLayer(layerGPX[a]);

		}

	}

	if(visibleOnMap(a)){
		//aktualizuj status aktualnego usera w formularzu mobilnym
		setFormCenterBikerName(centerBikerName);

	} else if(!visibleOnMap(a) && centerBikerName == a){
		// jeśli zrobił sie niewidoczny, a był follow, unfolow + button info

		centerBikerName = 'brak';
		setFormCenterBikerName(centerBikerName);
		followFlag = false;

	}

	// jeśli ustawione 'podążaj' centruj na bikera
	if(centerBikerName == a && followFlag){

		map.setCenter(newLonLat[a]);
	}
}

// wyswietlaj lub nie bikera w zaleznosci od czasu braku aktywnosci
function visibleOnMap(biker){

	var visible = false;

	// jeśli user nieaktywny powyżej visibleTime usuń marker oraz ślad z mapy
	if((parseInt(Date.now()/1000) - lastTimestamp[biker] - (timeZone*60)) > visibleTime){
		//marker[biker].display(false);

		visible = false;

		// zalogowany, ślad i marker ustaw widoczny bez wględu na czas
		if(loggedBiker == biker){
			//layerGPX[biker].display(true);
			visible = true;
		}
	}else{
		//marker[biker].display(true);
		//layerGPX[biker].display(true);
		visible = true;
	}
	return(visible);
}

function movingLoop(){
	updateLatLon(1231230000);
	setTimeout('movingLoop()', 1000);
}

// ustawienie buttona w menu - funkcja mobilna
function setButtonMenu(biker){

var lastAct = parseInt((parseInt(Date.now()/1000) - lastTimestamp[biker])/60 - timeZone);

	if(visibleOnMap(biker)) {
		document.getElementById("btn_" + biker).className = "btn";


		if(loggedBiker == biker){
			document.getElementById(biker + "_lastActiveTime").innerHTML = " - zalogowany, akt. ~" + lastAct + " min.";
		}else	if(lastAct < (pauseBorder/60)){
			document.getElementById(biker + "_lastActiveTime").innerHTML = " - nie ma lipy, jadę :-) ";
		} else {
			document.getElementById(biker + "_lastActiveTime").innerHTML = " - ost. aktual. ~" + lastAct + " min. temu";
		}


	}else{
		document.getElementById("btn_" + biker).className = "btnNotActive";
		document.getElementById(biker + "_lastActiveTime").innerHTML = " - brak aktyw. >" + Math.floor(visibleTime/3600) + "h";

	}
}

// ustawienie listy w menu - funkcja pc
function setListMenu(biker){
var lastAct = parseInt((parseInt(Date.now()/1000) - lastTimestamp[biker])/60 - timeZone);

	if(visibleOnMap(biker)) {
		//wyswietlenie radiobutton jesli user aktywny
		document.getElementById("userCheck_" + biker).enabled = "true";

		if(loggedBiker == biker){
			//document.getElementById(biker + "_lastActiveTime").innerHTML = " - zalogowany, akt. ~" + lastAct + " min.";
			document.getElementById("bikerIconList_" + biker).title = biker + ": zalogowany, ostatnia aktualizacja ~" + lastAct + " min. temu.";

		}else	if(lastAct < (pauseBorder/60)){
			//document.getElementById(biker + "_lastActiveTime").innerHTML = " - nie ma lipy, jadę :-) ";
			document.getElementById("bikerIconList_" + biker).title = biker + " - nie ma lipy, jadę :-)";

		} else {
			//document.getElementById(biker + "_lastActiveTime").innerHTML = " - ost. aktual. ~" + lastAct + " min. temu";
			document.getElementById("bikerIconList_" + biker).title = biker + ": ost. aktual. ~" + lastAct + " min. temu";

		}

	}else{
		document.getElementById("userCheck_" + biker).disabled = "true";
		document.getElementById("bikerIconList_" + biker).title = biker + ": brak aktywności >" + Math.floor(visibleTime/3600) + "h";

		//document.getElementById(biker + "_lastActiveTime").innerHTML = " - brak aktyw. >" + Math.floor(visibleTime/3600) + "h";

	}
}

// centrowanie mapy na usera - funkcja mobilna
function setCenterMap(biker){

	// jeśli wybrał użytkownika nieaktywnego nie centruj i powiadom
	if(visibleOnMap(biker)) {

		// ustawienie usera centralnego
		centerBikerName = biker;

		// wpis bikera w formularzu
		setFormCenterBikerName(biker);

		// ustawienie checkboxa w formularzu
		setFollow(true);
		//console.log(followFlag);

	}else{
		alert("Użytkownik jest nieaktywny powyżej " + (visibleTime/3600) + "h.");
	}
	document.getElementById("naviList").className = "btn.hide";

}

// ustawienie usera w formularzu - mobilnym
function setFormCenterBikerName(cbn){


	if(cbn == 'brak'){
		document.getElementById("centerBikerName").innerHTML = 'nie wybrano';
		followFlag = false;

	} else if(cbn){

		document.getElementById("centerBikerName").innerHTML = cbn + ', podążaj za <input style="vertical-align: middle" id="follow" type="checkbox" name="follow" value="T" /> <div style="display: inline-block">(ost. aktual. pozycji ~' + lastActivity[cbn] + ' min. temu)' + '</div>';
				// zanacz checkobx
				if(followFlag) {setFollow(true);} else {setFollow(false);}
				//followFlag = true;

	}else{
		document.getElementById("centerBikerName").innerHTML = centerBikerName + ',  podążaj za <input id="follow" type="checkbox" name="follow" value="T" style="vertical-align: middle" />';
				if(followFlag) {setFollow(true);} else {setFollow(false);}
				//followFlag = true;

	}
}

// ustawienie checkboxa w formularzu
function setFollow(f){

	var follow = document.getElementById("follow");

	if(f) {
		follow.checked = true;
		followFlag = true;
	}else{
		follow.checked = false;
		followFlag = false;
	}
	return;
}

// ustawienie checkboxa w formularzu
function toggleFollow(){

	var follow = document.getElementById("follow");

	if(followFlag){
		follow.checked = false;
		followFlag = false;

	}else{
		follow.checked = true;
		followFlag = true;
	}
	return;
}


function checkedCenter(){
	var follow = document.getElementById("follow");
	if(isChecked(follow)){
		return(true);
	}
	else {
		return(false);
	}
}

function isChecked(pole){
	if(pole.checked == false){
		return false;
	}else{
		return true;
	}
}

function control(){

	var follow = document.getElementById("follow");
	var userCheckValue = '';
	var userCheckLen = document.traceForm.userCheck.length;
	for (i = 0; i < userCheckLen; i++) {
		if (document.traceForm.userCheck[i].checked) {
			userCheckValue = document.traceForm.userCheck.value;

			// ustaw nowy follow
			centerLogin = userCheckValue;
			follow.checked = true;
		}
	}
}

function zoomIn(){

	if((defaultZoom+1) <= zoomMax){
		defaultZoom++;
	}
//console.log(defaultZoom);

}

function zoomOut(){

	if((defaultZoom-1) >= zoomMin){
		defaultZoom--;
	}
}

function writeCookie(cookieName, cookieValue, expires, domain,
    path, secureFlag) {
    if (cookieName) {
        var cookieDetails = cookieName + "=" +
            escape(cookieValue);

        cookieDetails += (expires ? "; expires=" +
            expires.toGMTString(): '');

        cookieDetails += (domain ? "; domain=" + domain: '');
        cookieDetails += (path ? "; path=" + path: '');
        cookieDetails += (secureFlag ? "; secure": '');
        document.cookie = cookieDetails;
    }
}

function readUnescapedCookie(cookieName) {
    var cookieValue = document.cookie;
    var cookieRegExp = new RegExp("\\b" + cookieName
        + "=([^;]*)");

    cookieValue = cookieRegExp.exec(cookieValue);

    if (cookieValue != null) {
        cookieValue = cookieValue[1];
    }

    return cookieValue;
}

function readCookie(cookieName) {
    cookieValue = readUnescapedCookie(cookieName)

    if (cookieValue != null) {
        cookieValue = unescape(cookieValue);
    }

    return cookieValue;
}

function deleteCookie(cookieName) {
    var expiredDate = new Date();
    expiredDate.setMonth(-1);
    writeCookie(cookieName, "", expiredDate);
}