var mapviewer;
var map_type_widget;
var maptype = MM_WORLD_MAP;


function onLoad()
{ 
  //Add the map
  mapviewer = MMFactory.createViewer( document.getElementById( 'mapviewer' ) );
  mapviewer.goToPosition( new MMLatLon( 54.90777,-5.13596 ), 13 );
  mapviewer.removeAllOverlays(); 
    var pos = mapviewer.getCurrentPosition();  
    var icon = new MMIcon( 'http://www.multimap.com/openapidocs/i/red-circle.png' );
    icon.iconSize = new MMDimensions( 32, 32 );
    icon.iconAnchor = new MMPoint( 16, 16 );

    // Code corrected to allow changeIcon function to work correctly:
    // mapviewer.createMarker( pos, {'label': 'Customized marker', 'icon' : icon} );
    marker = mapviewer.createMarker( pos, {'label': 'Customized marker', 'icon' : icon} );

    var el = document.createElement('p');
    el.appendChild ( document.createTextNode ('Laggansally Lodge'));
    marker.setInfoBoxContent(el);

  mapviewer.removeWidget ( map_type_widget );
  map_type_widget = new MMMapTypeWidget ();
  mapviewer.addWidget ( map_type_widget );
  pan_zoom_widget = new MMPanZoomWidget ();
  mapviewer.addWidget ( pan_zoom_widget );
  
  var prefs = MMDataResolver.getDataPreferences( maptype);
    var newprefs = [];
    // Reverse order:
    for( var i = prefs.length - 1 ; i >= 0; --i ) {
        newprefs.push(prefs[i]);
    }
    // Re-draw map:
    MMDataResolver.setDataPreferences( maptype, newprefs ); 
    mapviewer.redrawMap();


}

MMAttachEvent( window, 'load', onLoad );