var map;
function loadmap() {
    //alert(1);
	map=new PMap(document.getElementById("mapholder"));
	//alert(2);
	var center=new PGeoPoint(39.400400,23.134549);
	//alert(3);
	var locCoor=null;
	//alert(cenLat+";"+cenLng);
	if (cenLat && cenLng) {
	    locCoor=new PGeoPoint(cenLat, cenLng);
	    center=locCoor;
	 }
	 //alert(center.lat()+";"+center.lng());
	 map.setCenter(center, DefZoomLevel);
	 loadpoints();
}

function loadpoints() {
    var mk;
    for(var i=0; i<points.length; i++) {
        mk=new PMarker(new PGeoPoint(points[i][0], points[i][1]));
        mk.Caption=points[i][3];
        map.addControl(mk);
        
        
        /*var pos=PMap_getAbsolutePosition(mk.getDOMObject());
        var dv=document.createElement("div");
        dv.className="pointlable";
        dv.innerHTML=ShowPointTitle(i+1);
        
        dv.style.top=pos.top+5+"px";
        dv.style.left=pos.left+5+"px";
        dv.style.position="absolute";
                
        var bd=document.getElementsByTagName("body")[0];
        bd.appendChild(dv);*/
        PMapEvent.addEventHandler(mk, "click", new Function("e", "redir(e, "+i+");")); 
    }
}

    function redir(e, idx) {
        var pt=points[idx];
        location.href='#point_'+pt[2];
    }
    

function ShowPointTitle(idx) {
    return idx;
}

window.onload=loadmap;

function showimg(id, sr) {
    photo_holder=document.getElementById("pointphoto_"+id);
    var dv=document.createElement("div");
    dv.className="photowaitmessage";
    dv.innerHTML="Wait the image is loading";
     photo_holder.appendChild(dv);
    photo_img=new Image;
    photo_img.className="pathdetails";
    photo_img.onload=onppointphotoload;
    photo_img.src=sr;
}

var photo_holder;
var photo_img;
function onppointphotoload() {
    while(photo_holder.childNodes.length>0) photo_holder.removeChild(photo_holder.childNodes[0]);
    photo_holder.appendChild(photo_img);
}