var osMap; 
  
function init() { 
    osMap = new OpenSpace.Map('map'); 
  
    osMap.setCenter(new OpenSpace.MapPoint(272000, 715500), 1); 
  
    /* Setup an InfoWindows  */ 
    
	size = new OpenLayers.Size(55,20);
	offset = new OpenLayers.Pixel(-27,-10);
	infoWindowAnchor = new OpenLayers.Pixel(27,10);	
	icon = new OpenSpace.Icon('images/stories/bootsign-skye55.png', size, offset, null, infoWindowAnchor);	
	var pos = new OpenSpace.MapPoint(145000, 837000); 
    var content = '<div class="maptext"><a href="western-isles-walks/the-skye-experience.html" target="_parent">The Isle of Skye<br />Escorted Trips</a></div>'; 
	popUpSize = new OpenLayers.Size(160,100);
    var marker = osMap.createMarker(pos, icon, content, popUpSize); 
	
	
	size = new OpenLayers.Size(55,20);
	offset = new OpenLayers.Pixel(-27,-10);
	infoWindowAnchor = new OpenLayers.Pixel(27,10);	
	icon = new OpenSpace.Icon('images/stories/bootsign-mull55.png', size, offset, null, infoWindowAnchor);	
	var pos = new OpenSpace.MapPoint(150000, 735000); 
    var content = '<div class="maptext"><a href="western-isles-walks/the-isle-of-mull.html" target="_parent">The Isle of Mull<br />Escorted Trips</a></div>'; 
	popUpSize = new OpenLayers.Size(160,100);
    var marker = osMap.createMarker(pos, icon, content, popUpSize); 	
	
	
	size = new OpenLayers.Size(76,20);
	offset = new OpenLayers.Pixel(-38,-10);
	infoWindowAnchor = new OpenLayers.Pixel(38,10);	
	icon = new OpenSpace.Icon('images/stories/bootsign-borders76.png', size, offset, null, infoWindowAnchor);		
	var pos = new OpenSpace.MapPoint(336000, 642000); 
    var content = '<div class="maptext"><a href="scottish-borders-walks.html" target="_parent">- Scottish Borders Walks</a><br /><a href="saturday-walks.html" target="_parent">- Saturday Walks</a><br /><a href="private-trips.html" target="_parent">- Private Trips</a></div>'; 
	popUpSize = new OpenLayers.Size(210,110);
    var marker = osMap.createMarker(pos, icon, content, popUpSize); 	
	// mouse position
	/*
	  var screenOverlay = new OpenSpace.Layer.ScreenOverlay("coords"); 
        screenOverlay.setPosition(new OpenLayers.Pixel(240, 10)); 
        osMap.addLayer(screenOverlay); 
 

        var gridProjection = new OpenSpace.GridProjection(); 

        osMap.events.register("mousemove", osMap, function(e) { 
        var pt = osMap.getLonLatFromViewPortPx(e.xy); 
        var lonlat = gridProjection.getLonLatFromMapPoint(pt); 
        screenOverlay.setHTML("<DIV class=\"maptext\" style=\"width: 250px; height=70px;  background-color: #FFF; \">" + 
                              "E: " + pt.lon + "<BR>" + 
                              "N: " + pt.lat + "<BR>" + 
                              "LON: " + lonlat.lon + "<BR>" + 
                              " LAT: " + lonlat.lat + " </DIV>"); 
        }); 
	*/
} 

window.onload=init;