function f(myel) {
		alert(myel.pn);
	}
	
	function showstationnote(projectID, project_name, myel) {
		
		/*IMPORTANT FUNCTION RELIES ON DIV.POPUPNOTE CLASS IN CSS DEFINITION*/

		var x = myel.offsetLeft;
		var y = myel.offsetTop;
			
		if (!showstationnote.note) {
			showstationnote.note = document.createElement("div");
			showstationnote.note.setAttribute("id", "mydiv");
			showstationnote.note.className = "popupnote";
			document.body.appendChild(showstationnote.note);		
		}
		
		var myd = document.getElementById("mydiv");

		var divwidth = 300;
		if (project_name.length > 95) divwidth = 450;
		//divwidth = 450;
		
		var javascriptcloseexpr = "this.parentNode.style.display=\'none\';document.getElementById(\'" + myel.id + "\').style.border=\'0\';";
		var closeblock = "<img style=\"float:right;margin:0 0 0 10px;cursor:hand;\" title=\"close message\" src=\"images/close.gif\" onclick=\"javascript:" + javascriptcloseexpr + "\">";
		var stationlinkmsg = "";
	
	
		stationlinkmsg = "*follow&nbsp;underlined&nbsp;link&nbsp;to&nbsp;scroll&nbsp;page&nbsp;to&nbsp;short&nbsp;summary&nbsp;and&nbsp;PDF&nbsp;files.";
		var fullmsg = closeblock + "<b><a style=\"color:#000099\" href=\"#p" + projectID + "\">" + project_name + "</a></b>*<br>" + stationlinkmsg;
		
		x = x + document.getElementById("floatingmap").offsetLeft - 44; //move note to the left 44 px
		//better but nowork with gecko: x = x + myel.parentElement.offsetLeft - 44;
		
		if ((document.body.clientWidth - x) <= divwidth) x = document.body.clientWidth - divwidth;	
		
		//this provides better positioning when window is scrolled:
		y = y + document.getElementById("floatingmap").offsetTop + 6;
		//better way but nowork with gecko: y = y + myel.parentElement.offsetTop + 6;
		
		myd.style.top = (y - 74);
		myd.style.left = x;		
		myd.innerHTML = fullmsg;		
		myd.style.height = 48;
		myd.style.width = divwidth;
		myd.style.display = 'block';		
		
		//remove border on all elements:
		var stadivs = document.getElementById("floatingmap").getElementsByTagName("div");
		for(i=0;i<stadivs.length;i++)
			//alert(stadivs[i].className.indexOf('label'));
			if (stadivs[i].className.indexOf('label')>=0) {
				stadivs[i].style.borderWidth = '0';
				stadivs[i].style.zIndex = '1';
			}	
		//put border on selected:
		myel.style.borderStyle = 'solid';
		myel.style.borderWidth = '1';
		if ((myel.style.backgroundColor=="#000000")||(myel.style.backgroundColor=="#333333")) {
			myel.style.borderColor = '#ff0000';
		} else {
			myel.style.borderColor = '#000000';		
		}
		//myel.style.backgroundColor = "ffff66";
		myel.style.zIndex = '3';
	}