alert('Your realm ends here and mine begins.');

var mymap = L.map('mapid',  {
			maxZoom: 2,
			minZoom: 0,
			zoom: 0,
			crs: L.CRS.Simple,
			center: new L.LatLng(-100,300),

		}); //.setView([0, 0], 25);

		// L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
		// 	attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
		// 	maxZoom: 100,
		// 	id: 'mapbox.streets',
		// 	accessToken: 'your.mapbox.access.token'
		// }).addTo(mymap);

		L.GridLayer.DebugCoords = L.GridLayer.extend({
    createTile: function (coords) {
        var tile = document.createElement('div');
		var tileSize = this.getTileSize();
        tile.setAttribute('width', '500px');
        tile.setAttribute('height', tileSize.y);
        var openpop = false;

     	//  setTimeout(function () {
	    //    		done(null, tile);	// Syntax is 'done(error, tile)'
	    // 	}, 500 + Math.random() * 1500);


        // if (coords.x == 0 && coords.y == 0){
        	tile.innerHTML =  '<p style="width:510px;">'+ text2[coords.z] + '</p>' ;
        // }else{};
		
		if (coords.z == 2 ){
			openpop = true;
		//}else if (coords.z == 2 ){popWindow2();
		}else{};








		if (openpop == true) {
			setTimeout(function() {
	       //  	var myWindow = window.open("", "MyText", "height=230, width=390, left=100, top=100, resizable=no, scrollbars=no, toolbar=no, menubar=no, directories=no, status=yes");
	  	  		// myWindow.document.write('<style type="text/css">body{background-color: red;font-family: "Lucida Console", Monaco, monospace;color: black;}</style>');
	  	  		// myWindow.document.write('<style>function openClose(){window.open("https://www.youraddress.com","_parent")}</style>')
	  	  		// myWindow.document.write('<p>The subject of this project is not the space exactly, but rather what there is round about or inside it. To start with, then, there is already very much: nothingness, the impalpable, the virtually immaterial; extension, the external, what is external to us, what we move about in the midst of, our ambient milieu, the void around us.</p>');
	  	  		// myWindow.document.write('<button onclick="self.close();">close</button>')
	  	  		setTimeout(function() {document.getElementById('bttn').innerHTML = '<a class="redirect"  href="./example.html" style="margin-left:10%;">Show me</a>';}, 1000); 
	  	  		setTimeout(function() {document.getElementById('bttn').innerHTML = '<a class="redirect"  href="./example.html" style="margin-left:15%;">Show me</a>';}, 1100); 
	  	  		setTimeout(function() {document.getElementById('bttn').innerHTML = '<a class="redirect"  href="./example.html" style="margin-left:20%;">Show me</a>';}, 1200); 
	  	  		setTimeout(function() {document.getElementById('bttn').innerHTML = '<a class="redirect"  href="./example.html" style="margin-left:35%;">Show me</a>';}, 1300); 
	  	  		setTimeout(function() {document.getElementById('bttn').innerHTML = '<a class="redirect"  href="./example.html" style="margin-left:40%;">Show me</a>';}, 1400); 
	  	  		setTimeout(function() {document.getElementById('bttn').innerHTML = '<a class="redirect"  href="./example.html" style="margin-left:55%;">Show me</a>';}, 1500); 
	  	  		setTimeout(function() {document.getElementById('bttn').innerHTML = '<a class="redirect"  href="./example.html" style="margin-left:50%;">Show me</a>';}, 1600); 


		    }, 1000);		
		    
		}else{};

        return tile;
    	}
	});

		function closeOpen(){

		}
	L.gridLayer.debugCoords = function(opts) {
	    return new L.GridLayer.DebugCoords(opts);
	};

	mymap.addLayer( L.gridLayer.debugCoords() );