--- ECHO_content/js/hl_lib.js	2005/06/09 16:35:51	1.7
+++ ECHO_content/js/hl_lib.js	2005/06/13 10:35:04	1.8
@@ -14,10 +14,10 @@ You should have received a copy of the G
 along with this program; if not, write to the Free Software
 Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA
  
-Authors: ROC 23.11.2004
+Authors: ROC 10.6.2005
 */
 
-var hllibVersion = "1.0.1";
+var hllibVersion = "1.0.2";
 var hlAreas = new Object();
 var hlTrafos = new Object();
 
@@ -89,7 +89,7 @@ function placeAreas() {
 		}
 		moveElement(img, rect);
 	    }
-	    highlightPair(area.id, area.permanent);
+	    highlightMark(area.id, area.permanent);
 	}
     }
     // add z-index (largest value for smallest area)
@@ -104,18 +104,32 @@ function placeAreas() {
     }
 }
 
-function highlightPair(id, highlight) {
-    // hightlights or unhighlights the link and image of id
-    //alert("highlightpair: "+id+" "+highlight);
-    var area = hlAreas[id];
-    var img = getElement("i."+id);
+function highlightLink(id, highlight) {
+    // hightlights or unhighlights the link of id
     var link = getElement("a."+id);
     if (highlight) {
+	// highlight
 	if (link.style) {
 	    link.style.backgroundColor = "#f08080";
 	} else if (link.layers) {
 	    link.bgColor = "#f08080";
 	}
+    } else {
+	// unhighlight
+	if (link.style) {
+	    link.style.backgroundColor = "";
+	} else if (link.layers) {
+	    link.bgColor = null;
+	}
+    }
+}
+
+function highlightMark(id, highlight) {
+    // hightlights or unhighlights the area/img of id
+    var area = hlAreas[id];
+    var img = getElement("i."+id);
+    if (highlight) {
+	// highlight
 	if (area.type == "arrow") {
 	    if (img.style) {
 		img.style.borderStyle = "solid";
@@ -141,39 +155,42 @@ function highlightPair(id, highlight) {
 	}
     } else {
 	// unhighlight
-	if (link.style) {
-	    link.style.backgroundColor = "";
-	} else if (link.layers) {
-	    link.bgColor = null;
-	}
-	if (! area.permanent) {
-	    if (area.type == "arrow") {
-		if (img.style) {
-		    img.style.borderStyle = "none";
-		} else if (img.layers) {
-		    img.bgColor = null;
-		}
-	    } else if (area.type == "text") {
-		if (img.style) {
-		    img.style.background = "url(trans_img)";
-		} else if (img.layers) {
-		    img.background.src = null;
-		}
-		var txt = getElement("t."+id);
-		if (txt.style) {
-		    txt.style.visibility = "hidden";
-		}
-	    } else if (area.type == "area") {
-		if (img.style) {
-		    img.style.background = "url(trans_img)";
-		} else if (img.layers) {
-		    img.background.src = null;
-		}
+	if (area.type == "arrow") {
+	    if (img.style) {
+		img.style.borderStyle = "none";
+	    } else if (img.layers) {
+		img.bgColor = null;
+	    }
+	} else if (area.type == "text") {
+	    var txt = getElement("t."+id);
+	    if (img.style) {
+		img.style.background = "url(trans_img)";
+	    } else if (img.layers) {
+		img.background.src = null;
+	    }
+	    if (txt.style) {
+		txt.style.visibility = "hidden";
+	    }
+	} else if (area.type == "area") {
+	    if (img.style) {
+		img.style.background = "url(trans_img)";
+	    } else if (img.layers) {
+		img.background.src = null;
 	    }
 	}
     }
 }
 
+function highlightPair(id, highlight) {
+    // hightlights or unhighlights the link and image of id
+    //alert("highlightpair: "+id+" "+highlight);
+    var area = hlAreas[id];
+    highlightLink(id, highlight);
+    if (!area.permanent) {
+	highlightMark(id, highlight);
+    }
+}
+
 function init() {
     map_init();
 }