var map;
    var largemap;
    var marker;
    var makerCount = 0;
    // 初期表示する地図の座標取得
    function load(lat, lng, times, mark1, mark2) {
        times=times?times:13;
        if(jobArray[0]) lat=lat?lat:jobArray[0][0];
    	if(jobArray[0]) lng=lng?lng:jobArray[0][1];
    	lat=lat?lat:36.370901;				//	群馬県
    	lng=lng?lng:139.126707;

        if (GBrowserIsCompatible()) {
	        map = new GMap2(document.getElementById("map"));
            map.addControl(new GSmallMapControl());
	        //map.addControl(new GLargeMapControl());
	        //map.addControl(new GMapTypeControl());
	        //map.addControl(new GOverviewMapControl(new GSize(30,30)));
	        //map.addControl(new GScaleControl());
	        var glatlng = new GLatLng(lat, lng);		
	        map.setCenter(glatlng, times);
	        map.enableDoubleClickZoom();
            makerCount = 0;
	        if(mark1) {
		    	genre = "def";
		        setMarker(genre, map);
		        map.addOverlay(marker);
	        }
	        if(mark2)
	        	createMarker_v2(map, "start", lat, lng);
	        else 
	        	createMarker(map, infoHTML = false);
  		}
  }
  function loadLargeMap(lat, lng, times, mark1, mark2) {
        times=times?times:13;
        lat=lat?lat:jobArray[0][0];
        lng=lng?lng:jobArray[0][1];
        lat=lat?lat:36.370901;                //    群馬県
        lng=lng?lng:139.126707;

        if (GBrowserIsCompatible()) {
            largemap = new GMap2(document.getElementById("largemap"));
            largemap.addControl(new GLargeMapControl());
            largemap.addControl(new GMapTypeControl());
            largemap.addControl(new GScaleControl());
            var glatlng = new GLatLng(lat, lng);        
            largemap.setCenter(glatlng, times);
            largemap.enableDoubleClickZoom();
            makerCount = 0;
            if(mark1) {
                genre = "def";
                setMarker(genre, largemap);
                largemap.addOverlay(marker);
            }
            if(mark2)
                createMarker_v2(largemap, "start", lat, lng);
            else 
                createMarker(largemap, infoHTML = true);
          }
  }
  function createMarker_v2(lmap, icon_type, lat, lng, id, title, str, joburl, infoHTML) {
      var mlat = parseFloat(lat);
      var mlng = parseFloat(lng);  
      var mpoint = new GLatLng(mlat, mlng);
      var icon = setIcon(icon_type);
      var html;
      var maker;
      maker = new GMarker(mpoint, icon);
      if(id) {
	   //   html = "<table cellspacing='0' style='width:100px' border='0'>";
	      html =  str;
	  //    html += "</table>";
	      GEvent.addListener(maker, 'click', function() {
              if(infoHTML)
                maker.openInfoWindowHtml(html,{maxWidth:200});
              else
                window.location.href = joburl;
             }
       		);
      }
      lmap.addOverlay(maker);
      return maker;
    }
    //緯度、　経度　に　アイコン設定 
    function setMarker(genre, lmap) {
        var mlat = parseFloat(lmap.getCenter().lat());
        var mlng = parseFloat(lmap.getCenter().lng());  
        var mpoint = new GLatLng(mlat, mlng);
        var icon = setIcon(genre);
        marker = new GMarker(mpoint,icon);
        return marker;
    }
    //アイコン　設定
    function setIcon(genre) { 
      var icon = new GIcon();
      var imageurlvar = base64decode(imageurl);  
      if (genre == "def") {
        icon.image = imageurlvar+"/common/map/cross.gif";
        icon.shadow = null;
        icon.iconSize = new GSize(28, 36);
        icon.shadowSize = null;
        icon.iconAnchor = new GPoint(14, 28);
        icon.infoWindowAnchor = null;
      } else {
        icon.image = imageurlvar+"/common/map/mark.gif";
        //icon.shadow = "/images/shadow.png";
        icon.iconSize = new GSize(17, 20);
       // icon.shadowSize = new GSize(2, 2);
        icon.iconAnchor = new GPoint(6, 20);
        icon.infoWindowAnchor = new GPoint(5, 1);
      }
      return icon;
    }
    var jobArray= new Array();
    // 緯度　、　経度　、　仕事ID　、仕事タイトル
    function createMarker(lmap, infoHTML) {
        var suburlvar = base64decode(suburl);
        var imageurlvar = base64decode(imageurl);
        for(i=0; i<jobArray.length; i++)
        {
                var mlat = parseFloat(jobArray[i][0]);
                var mlng = parseFloat(jobArray[i][1]);  
                var title = jobArray[i][2];
                var id = jobArray[i][3];
                var img_pay = (jobArray[i][7]-1)?"icon_month.gif":"icon_hour.gif";
                var img_kind = (jobArray[i][9]-1)?"icon_shain.gif":"icon_arbeit.gif";
                str = "<div><table><tr><td><a href='"+suburlvar+"/jobs/"+ id+".html'>"+title+"</a></td><td>&nbsp; &nbsp; </td></tr></table></div>";
                str=str+"<div align=left><table><tr><td><a href='"+suburlvar+"/jobs/"+ id+".html'><img style='border : 1px solid #979797;' src='"+suburlvar+"/image/image_"+jobArray[i][5]+"_thum.jpg'></a></td>";
                str=str+"<td><table><tr><td>"+jobArray[i][4]+"</td></tr>";
                str=str+"<tr><td><img src='"+imageurlvar+"/common/job/"+img_kind+"'>&nbsp;<img src='"+imageurlvar+"/common/job/"+img_pay+"'></td></tr>"
                str=str+"<tr><td> "+jobArray[i][6]+"<td></tr>";
                str=str+"<tr><td><img src='"+imageurlvar+"/common/job/icon_celebrate.gif'>&nbsp;"+jobArray[i][8]+"</td></tr></table></td>";
                str=str+"</tr></table></div>";
                joburl = suburlvar+"/jobs/"+id+".html";
                createMarker_v2(lmap, "start", mlat, mlng, id, title, str, joburl, infoHTML); 
        }
//        onDrawMark(lmap, infoHTML);
    }
    
    function onDrawMark(lmap)
    {
        setOneMark(lmap, makerCount, infoHTML)
        if(makerCount < jobArray.length)
        {
            TimerId  = setTimeout(onDrawMark, 50);
            makerCount++;   
        }
    }
    function setOneMark(lmap, i, infoHTML)
    {
        if(!jobArray[i]) return ;
        var mlat = parseFloat(jobArray[i][0]);
        var mlng = parseFloat(jobArray[i][1]);  
        var title = jobArray[i][2];
        var id = jobArray[i][3];
        var img_pay = (jobArray[i][7]-1)?"icon_month.gif":"icon_hour.gif";
        var img_kind = (jobArray[i][9]-1)?"icon_shain.gif":"icon_arbeit.gif";
        var suburlvar = base64decode(suburl);
        str = "<div><table><tr><td><a href='"+suburl+"/jobs/"+ id+".html'>"+title+"</a></td><td>&nbsp; &nbsp; </td></tr></table></div>";
        str=str+"<div align=left><table><tr><td><a href='"+suburl+"/jobs/"+ id+".html'><img style='border : 1px solid #979797;' src='"+suburl+"/image/image_"+jobArray[i][5]+"_thum.jpg'></a></td>";
        str=str+"<td><table><tr><td>"+jobArray[i][4]+"</td></tr>";
        str=str+"<tr><td><img src='"+imageurlvar+"/common/job/"+img_kind+"'>&nbsp;<img src='"+imageurlvar+"/common/job/"+img_pay+"'></td></tr>"
        str=str+"<tr><td> "+jobArray[i][6]+"<td></tr>";
        str=str+"<tr><td><img src='"+imageurlvar+"/common/job/icon_celebrate.gif'>&nbsp;"+jobArray[i][8]+"</td></tr></table></td>";
        str=str+"</tr></table></div>";
        joburl = suburl+"/jobs/"+id+".html";
        createMarker_v2(lmap, "start", mlat, mlng, id, title, str, joburl, infoHTML); 
    }