function box(){
			var linkjs=0;
			var divjs=0;
			for (var i=0; i<document.links.length; i++){
				var linkobj=document.links[i];
				if (linkobj.className=="point"){
					linkobj.onmouseover=opbox;
				}
				if (linkobj.className=="point"&&linkjs==0){
				linkobj.className="pointed";
				linkjs=1;
				}
			}
			for (var i=0; i<document.getElementsByTagName("div").length; i++){
				var divobj=document.getElementsByTagName("div")[i];
				if (divobj.className=="gbox"&&divjs==0){
					divobj.style.display="block";
					divjs=1;
				}	
			
			}
			//order is important!
		}
		function opbox(){
			var pointid=this.id;
			var boxobj=document.getElementById(pointid+"-box");
			boxobj.style.display = 'block';
			for(var i=0; i<document.getElementsByTagName("div").length;i++){
				if(boxobj!=document.getElementsByTagName("div")[i] && document.getElementsByTagName("div")[i].className=="gbox"){
					document.getElementsByTagName("div")[i].style.display="none";
				}
				}
			for (var i=0; i<document.links.length; i++){
				var linkobj=document.links[i];
				if(linkobj.className=="pointed"){
				linkobj.className="point";
				}				
			}
			document.getElementById(pointid).className="pointed";
			}