var openitem = "";
    var mk = new Array();
    var map;

    function drawmap() {

        map = new GMap2(document.getElementById('map'));
	    map.addControl(new GLargeMapControl());
	    map.addControl(new GMapTypeControl());
	    map.addControl(new GScaleControl());


        map.setCenter(new GLatLng(32.76,-117.20), mapzoom);

        for (i=0;i<lat.length;i++) {
            makemark(lat[i],lon[i],i+1);
        }

        mkdojo = new GMarker(new GLatLng(32.766869870493934,-117.20251321792602));
        mkdojo.title = "Dojo";
        map.addOverlay(mkdojo);

    }
    
    function makemark(lat,lon,ind) {
        mk[ind] = new GMarker(new GLatLng(lat,lon),new GIcon(G_DEFAULT_ICON,'images/map/icon' + mcolor + ind + '.png'));
        mk[ind].id = ind;
        GEvent.addListener(mk[ind], "click", openwin);
        map.addOverlay(mk[ind]);
    }
    
    function openwin() {  
        this.openInfoWindowHtml(getwininfo(this.id));
        if (openitem.length>0) document.getElementById("box" + openitem).className = "base norm";
        document.getElementById("box" + this.id).className = "base high";
        openitem = String(this.id);
    }
    
    function showpt(i) {
        if (openitem.length>0) document.getElementById("box" + openitem).className = "base norm";
        document.getElementById("box" + mk[i].id).className = "base high";
        openitem = String(mk[i].id);
        map.panTo(mk[i].getPoint());
        map.closeInfoWindow();
        mk[i].openInfoWindowHtml(getwininfo(mk[i].id));
    }
    
    function getwininfo(x) {
        return document.getElementById("c"+x).innerHTML;
    }