var margLeft=2;
var margTop=2;

function dotsRedraw(){
	//dojo.byId("mapCont").innerHTML="<img id='map' src='../img/maps/map.gif'/>";
	//hideAllDots();
	for(i=0;i<dots.length;i++){
		x=dots[i].x-margLeft;
		y=dots[i].y-margTop;
		html="<span id='dot"+dots[i].id+"' style='cursor:pointer; font-weight:bold; font-size:15px; line-height:15px; margin:0; padding:0; color:#f00; position:absolute; width:10px; height:10px; left:"+(dojo.byId("mapCont").offsetLeft+x+200)+"px; top:"+(y+217)+"px;'>X</span>";
		dojo.byId("mapCont").innerHTML+=html;
	}
	addHint();
	return true;
}


function addHint(){
	for(i=0;i<dots.length;i++){
		dojo.connect(dojo.byId("dot"+dots[i].id),"onmouseover",function(e){
			showHint(e);
		});
		dojo.connect(dojo.byId("dot"+dots[i].id),"onmouseout",function(e){
			hideHint();
		});
	}
}

function showHint(e){
	dojo.style("hint","display","block");
	dojo.style("hint","top",e.target.offsetTop+10);
	dojo.style("hint","left",e.target.offsetLeft+10);
	t_id=e.target.id.slice(3);
	for(i=0;i<dots.length;i++){
		if(dots[i].id==t_id){
			dojo.byId("hintName").innerHTML=dots[i].name;
			dojo.byId("hintDesc").innerHTML=dots[i].desc;
			dojo.byId("hintNal").innerHTML=dots[i].nal;
			break;
		}
	}
}

function hideHint(){
	dojo.byId("hint").style.display="none";
}