//some functions for showing and hiding marks while mouseover a thumb
	var doc = ""
	var sty = ""
	if (document.layers) doc = "document.", sty = ".";
	if (document.all) doc = "document.all.", sty = ".style.";
	var mouseOverEvent; 
	var showingInfo = false;


	function saveMouseOverEvent(e) {
	  if(!e) mouseOverEvent = window.event;
	  else mouseOverEvent = e;
	}
	if(window.addEventListener) window.addEventListener("mouseover", saveMouseOverEvent, false);
	
	
	
	function toggleInfo() {
		if (!showingInfo) {
			unhideElement("folderinfo");
			showingInfo = true;
		}else{
			hideElement("folderinfo");
			showingInfo = false;
		}
	}
	
	
	function toggleMap() {
			
		if (!showingMap) {
			var rd = getXYcoord("worldMap");
			if(rd.x==0 || rd.y==0){
				rd = getXYcoord("imgToggleMap");
				var h = Number(document.images.imgToggleMap.height);
	   		var w = Number(document.images.imgToggleMap.width);
				setElement(rd.x + w, rd.y + h, "divOfWorldMap");
			}
			
			unhideElement("divOfWorldMap");
			showingMap = true;
			toggleImage("imgToggleMap", imgToogleMapMinus);
		}else {
			hideElement("divOfWorldMap");
			showingMap = false;
			toggleImage("imgToggleMap", imgToogleMapPlus);
		}
	}
	
	function showMark(x, y, elem) {
		
		var rd;
		
		if(!showingMap){
			rd = getCursorXY();
			setElement(rd.x, rd.y, "divOfWorldMap");
			unhideElement("divOfWorldMap");
		}else{
			rd = getXYcoord("worldMap");
		}	
		
		showMarkWrapped(x, y, elem, rd);
		
	}

	function showMarkWrapped(x, y, elem, offsetPos) {
		
		var hp = 0;
		var wp = 0;
		
		if(elem == "divOfPoint"){
			hp = Number(document.images.imgOfPoint.height)/Number(2); //center height of point image
		   wp = Number(document.images.imgOfPoint.width)/Number(2); //center width of point image
		}
		
		var imgx = offsetPos.x + Number(x) - Number(wp);
		var imgy = offsetPos.y + Number(y) - Number(hp);

		setElement(imgx, imgy, elem)
		
		unhideElement(elem)
	}
	
	function hideMark(elem) {
	   hideElement(elem);
	   if(!showingMap){
	   	hideElement("divOfWorldMap");
	   }	
	}
	
	
	function unhideElement(elem) {
	    if (ns4 == 1) {
			eval(doc + elem + sty + "visibility='show'");
		} else if ((ns6 == 1) || (ns7 == 1) || (mz7 == 1)) {
			var elm = document.getElementById(elem)
			elm.style.visibility="visible"
		} else {
			eval(doc + elem + sty + "visibility='visible'");
		}
	}	

		
	function hideElement(elem) {
	   if (ns4 == 1) {
			eval(doc + elem + sty + "visibility='hide'");
		} else if ((ns6 == 1) || (ns7 == 1) || (mz7 == 1)) {
			var elm = document.getElementById(elem)
			elm.style.visibility="hidden"
		} else {
			eval(doc + elem + sty + "visibility='hidden'");
		}
	}	
	
	
	
	function setElement(x, y, elem) {

	    if (ns4 == 1) {
			eval(doc + elem + sty + 'moveToAbsolute(Number(x), Number(y))');
		} else if ((ns6 == 1) || (ns7 == 1) || (mz7 == 1)) {
			var elm = document.getElementById(elem)
			elm.style.left=Number(x)
			elm.style.top=Number(y)
		} else {
			eval(doc + elem + sty + 'left=Number(x)');
			eval(doc + elem + sty + 'top=Number(y)');
		}	
	}
	
	function getXYcoord ( nvn ) {
	   var elm = document.images[nvn];
	   if ( document.layers ) return elm;     // NS4 images contain x and y values
	   var rd = { x:0 ,y:0 };
	   if(elm!=null){
		   do { rd.x += parseInt( elm.offsetLeft );
		        rd.y += parseInt( elm.offsetTop );
		        elm = elm.offsetParent;
		   } while ( elm );
		}   
	   return rd
	}
	
	function getCursorXY(){
		var rd = { x:0, y:0 };
		var e;
		
		if (mouseOverEvent) e = mouseOverEvent;
		else e = window.event;
		
		if (e.pageX || e.pageY){
			rd = { x:e.pageX, y:e.pageY };
		}else if (e.clientX || e.clientY){
			rd = { x:e.clientX + document.body.scrollLeft, y:e.clientY + document.body.scrollTop };
		}
		return rd;
	} 
	
	function toggleImage(imgId, newImg) {
		var img = document.getElementById(imgId);
		img.src = newImg.src;
		
	}