var manager = false;
var map;
var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;
var icons = [];

var pattern = "<div style='width:380px; text-align:left;'> <p style='text-align:center;font-size:15pt;'><a href='TOP_URL'>NAME</a> </p><br /> <div style='height:255px;overflow:auto;overflow-y:scroll;overflow-x:hidden'><img src='IMG' style='float:left; width:100px; height:100px; margin-right:4px;' /> DESC <br /><a href='URL'><strong>more information and reservation</strong></a><br /><br /><div style='text-align:center;'> MOVIE </div></div><br /><br /></div>";
 
function load( ) 
{
  if (GBrowserIsCompatible()) 
  {
    //var map;
    map = new GMap2(document.getElementById("mapDiv"));
    // manager = new GMarkerManager( map, {maxZoom: 19} );
   
    map.addControl( new GMapTypeControl() );
    map.addControl( new GScaleControl() );
    map.addControl( new GOverviewMapControl() );  
    map.addControl( new GSmallZoomControl() );
    map.enableContinuousZoom();
    
    
    map.setCenter(new GLatLng(0,0),0);

    GEvent.addListener( map, 'click', function( marker, point )
    {
      if( marker )
      {
        marker.openInfoWindow( marker.txt );
      }
      else
      {
          
      }
    
    });
    
    icons[0] = new GIcon();
    icons[0].image = '../maps/markers/marker1.png';
    icons[0].shadow = '../maps/markers/s1.png';
    icons[0].iconSize = new GSize(36,62);
    icons[0].shadowSize = new GSize(66,60);
    icons[0].iconAnchor = new GPoint(18,62);
    icons[0].infoWindowAnchor = new GPoint(18,1);
    
    icons[1] = new GIcon();
    icons[1].image = '../maps/markers/marker2.png';
    icons[1].shadow = '../maps/markers/s2.png';
    icons[1].iconSize = new GSize(20,34);
    icons[1].shadowSize = new GSize(36,33);
    icons[1].iconAnchor = new GPoint(10,34);
    icons[1].infoWindowAnchor = new GPoint(10,1);
    
    icons[2] = new GIcon();
    icons[2].image = '../maps/markers/marker3.png';
    icons[2].shadow = '../maps/markers/s3.png';
    icons[2].iconSize = new GSize(20,34);
    icons[2].shadowSize = new GSize(36,33);
    icons[2].iconAnchor = new GPoint(10,34);
    icons[2].infoWindowAnchor = new GPoint(10,1);
    
    icons[3] = new GIcon();
    icons[3].image = '../maps/markers/marker4.png';
    icons[3].shadow = '../maps/markers/s4.png';
    icons[3].iconSize = new GSize(12,20);
    icons[3].shadowSize = new GSize(22,20);
    icons[3].iconAnchor = new GPoint(6,20);
    icons[3].infoWindowAnchor = new GPoint(5,1);
    
    icons[4] = new GIcon();
    icons[4].image = '../maps/markers/marker5.png';
    icons[4].shadow = '../maps/markers/s5.png';
    icons[4].iconSize = new GSize(12,20);
    icons[4].shadowSize = new GSize(22,20);
    icons[4].iconAnchor = new GPoint(6,20);
    icons[4].infoWindowAnchor = new GPoint(5,1);
    
    
    show_all();

  }
}

function show_all()
{
  var bounds = new GLatLngBounds();
  var name = document.getElementById( "hotel_name" );
  var url = '../xml_gen.php?name=' + name.innerHTML;
  //var im_icon = new GIcon( G_DEFAULT_ICON );
  GDownloadUrl( url, function( data, response )
  {
    var xml = GXml.parse( data );
    var markers = xml.getElementsByTagName( "marker" );
    //map.setCenter( new GLatLng( parseFloat( markers[0].getAttribute( "lat" ) ), parseFloat( markers[0].getAttribute( "lng" ) ) ), 12 );
    for( var i = 0; i < markers.length; i++ )
    {
      var point = new GLatLng( parseFloat( markers[i].getAttribute( "lat" ) ), parseFloat( markers[i].getAttribute( "lng" ) ) );
      //im_icon.image = image_paths[ markers[i].getAttribute( "icon_index" ) ];
      var marker_options = { icon:icons[ markers[i].getAttribute( "icon_index" ) ] };
      var marker = new GMarker( point, marker_options );
      
            
      
      //var x = markers[i].childNodes[0];
      //alert( print_r( x, true ) );
      var x = markers[i].getElementsByTagName( "text" )[0];
      var y = markers[i].getElementsByTagName( "movie" )[0];
      var z = markers[i].getElementsByTagName( "name" )[0];
      var local_pattern = pattern.replace( "NAME",  GXml.value( z ) );
      local_pattern = local_pattern.replace( "DESC", GXml.value( x ) );//markers[i].getAttribute( "desc" ) );
      local_pattern = local_pattern.replace( "IMG", markers[i].getAttribute( "image_url" ) );
      local_pattern = local_pattern.replace( "TOP_URL", markers[i].getAttribute( "url" ) );
      local_pattern = local_pattern.replace( "MOVIE", GXml.value( y ) );
      marker.txt = local_pattern.replace( "URL", markers[i].getAttribute( "url" ) );
      
      document.getElementById( "kmlLink" ).innerHTML = "<a href='" + markers[i].getAttribute( "filename" ) + "'>" + GXml.value( z ) + "</a>";
            
      marker.id = markers[i].getAttribute( "id" );
      marker.index = i;
      map.addOverlay( marker );
      // manager.addMarker( marker );
      bounds.extend( marker.getLatLng() );
    }
    map.setZoom( map.getBoundsZoomLevel( bounds ) );
    map.setCenter(bounds.getCenter());
  } );
}