var map = null;
var geocoder = null;

//creMaker
function creMarker( point,html ,sid) {
var markerIcon = new GIcon();
if(sid){
	img_text = "img/shop/"+sid+".jpg";
}else{
	img_text = "b.jpg";
}
    markerIcon.iconSize = new GSize(120, 80);
    markerIcon.shadowSize = new GSize(70, 56);
    markerIcon.iconAnchor = new GPoint(21, 56);

var opts = {icon:""};
//var opts = {icon:markerIcon};

  var marker = new GMarker( point,opts );

  //GEvent.addListener(marker, "click", function() {
    //marker.openInfoWindowHtml(html);
  //});
  return marker;

}//creMarker


// Draw Google Mapv2
draw_map = function( addr,sid ) {
  
  var map_key = "ABQIAAAA2cO80jq19LBMPZ8ROCxHqhSJxaitk9cgA-aFyO1cX1zyo2u9DRRMTrViloRcWGbxEkwqEMcZmeBdnA";
  
  document.writeln( [
    '<script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=' + map_key + '"></script>',
    '<div id="map" style="width: 100%; height:100%;"><table align="center" valign="middle"><tr><td height="240"><img src="http://static.revinter.net/official/img/spinner.gif" alt="" /></td></tr></table></div>'
  ].join("\n") );
	
	Event.observe( window, 'load', function() {

  if ( GBrowserIsCompatible() ) {

    map = new GMap2( document.getElementById("map") );
    geocoder = new GClientGeocoder();
    geocoder.getLatLng( addr,
        function( point ) {
            if ( !point ) {
            } else {
              
              var strHtml = addr;
              
              var marker = creMarker( point, strHtml,sid );
              map.setCenter( point, 15 );
              //map.addOverlay( marker );
              img_text="";
if(sid){
	img_text = "img/shop/"+sid+".jpg";
}else{
	img_text = "b.jpg";
}
			map.openInfoWindowHtml(point,"<img src='"+img_text+"'>")
            }
        } );
      
      map.addControl( new GLargeMapControl() );
      map.addControl( new GMapTypeControl() );
     
    }
  });
  
}

