diff --git a/css/activity.css b/css/activity.css
index e33c18b..c8a34c6 100644
--- a/css/activity.css
+++ b/css/activity.css
@@ -278,3 +278,20 @@
 .palette .colors tr:nth-last-child(1) button {
   margin-bottom: 5.5px;
 }
+.save-load-state-button {
+    background-color: #4C50AF;
+    border: none;
+    color: white;
+    padding: 5px 5px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 18px;
+    border-radius:12px;
+    -webkit-transition-duration: 0.4s; /* Safari */
+     transition-duration: 0.4s;
+
+}
+.save-load-state-button:hover {
+    background-color: #4CEF50;
+}
diff --git a/js/activity.js b/js/activity.js
index 336f1c4..a802bb5 100644
--- a/js/activity.js
+++ b/js/activity.js
@@ -32,7 +32,7 @@ define([
 			var persistent_title_div=document.getElementById("persistent_title_div");
 			html="";
 			for(var tidx=0;tidx<app_title.length;tidx++){
-				var rand_color=util.mkBrightRGBA();
+				var rand_color=colormyworld.mkBrightRGBA();
 				html+="<span style='text-shadow:none;font-family:Mickey;color:"+rand_color+";'>"+app_title[tidx]+"</span>";
 			}
 			persistent_title_div.innerHTML=html;
@@ -60,12 +60,13 @@ define([
 		runButton.onclick = function () {
 			colormyworld.toggleRunning();
 		}
+
 		colormyworld.setRGBColorString('rgb(0, 0, 255)');
 		var colorButton = document.getElementById("color-button");
 		var changeColorPalette = new colorpalette.ColorPalette(colorButton);
 		changeColorPalette.setColor(colormyworld.getRGBColorString()); // Initial color
 		changeColorPalette.addEventListener('colorChange', function(e) {
-			console.log(e.detail.color); // New color selected
+			print(e.detail.color); // New color selected
 			colormyworld.setRGBColorString(e.detail.color);
 		});
 /*
diff --git a/lib/colormyworld.js b/lib/colormyworld.js
index d2c1ec0..3e6d20e 100644
--- a/lib/colormyworld.js
+++ b/lib/colormyworld.js
@@ -11,6 +11,158 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 	me.mode=COLORING;
 	me.DELAY=1500.;
 	me.RUNNING=false;
+
+	me.stateObj=null;
+	me.saveStateCB=function(){
+		print("saveStateCB");
+		//create a json-serializable structure which can be used to orchestrate
+		//reconstruction of state in loadStateCB.   We'll save it in global memory
+		//while developing, so can wreck state in any way, then push reload-stateB
+		//and get back to the same thing.
+		var state={}
+		state['currents']=me.currents;
+		state['lang']=document.webL10n.getLanguage();
+		state['mode']=me.mode;
+		state['cmw_bg']=me.background_color;
+		//Now dictionary of features with: color, candidate=t/f
+		//So loop over all features:
+		state['features']=me.loopOverAllFeatures("get",{});
+
+		me.stateObj=JSON.stringify(state);
+		print("state saved");
+	}
+	me.loopOverAllFeatures=function(directive,stateFeatures){
+		print("loopOverAllFeatures:"+directive);
+		print("loopOverAllFeatures:"+stateFeatures);
+
+		var categories=me.CATEGORIES['keys'];
+		for(var cidx=0;cidx<categories.length;cidx++){
+			var category=categories[cidx];
+			var layer_names=me.CATEGORIES[category]['keys'];
+			for(var lidx=0;lidx<layer_names.length;lidx++){
+				var layer_name=layer_names[lidx];
+				print("loopOverAllFeatures.layer_names: "+layer_name);
+				var features=me.CATEGORIES[category][layer_name]['source'].getFeatures();
+				print("features: "+features);
+				print("features.length: "+features.length);
+				for(var fidx=0;fidx<features.length;fidx++){
+					var feature_name=null;
+					feature_name=features[fidx].get("Name");
+					if(!feature_name)feature_name=features[fidx].get("NAME");
+					//print("loopOverAllFeatures.features: "+feature_name);
+					if(directive=='get'){
+							var f=me.CATEGORIES[category][layer_name]['features'][feature_name];
+							//f['feature'].setStyle(me.random_styles[0]);
+							var default_fill=INSTALLED[category]["polygon_sources"][0]["fill"];
+							stateFeatures[feature_name]={
+								'candidate':f['candidate'],
+								'stroke_color':INSTALLED[category]["polygon_sources"][0]["color"],
+								'stroke_width':INSTALLED[category]["polygon_sources"][0]["width"],
+								'fill_color':INSTALLED[category]["polygon_sources"][0]["fill"],
+							}
+							if(f['feature'].getStyle()){
+								print("stroke_color="+f['feature'].getStyle().getStroke().getColor());
+								print("stroke_width="+f['feature'].getStyle().getStroke().getWidth());
+								print("fill_color="+f['feature'].getStyle().getFill()['a']);
+								stateFeatures[feature_name]['stroke_color']=f['feature'].getStyle().getStroke().getColor();
+								stateFeatures[feature_name]['stroke_width']=f['feature'].getStyle().getStroke().getWidth();
+								stateFeatures[feature_name]['fill_color']=f['feature'].getStyle().getFill()['a'];
+							}
+					}
+					else if(directive=='set'){
+						var f=stateFeatures[feature_name];
+						me.CATEGORIES[category][layer_name]['features'][feature_name]['candidate']=f['candidate'];
+//						var ridx=parseInt(Math.random()*(me.random_styles.length-1));
+//						print("WE HAVE: "+me.CATEGORIES[category][layer_name]['features'].length);
+						var reload_style=new ol.style.Style({
+									fill: new ol.style.Fill({
+										color: f['fill_color']
+								}),
+									stroke:new ol.style.Stroke({
+										color: f['stroke_color'],
+										width: f['stroke_width']
+									}),
+							});
+						me.CATEGORIES[category][layer_name]['features'][feature_name]['feature'].setStyle(reload_style);
+					}
+				}
+			}
+		}
+		return stateFeatures;
+	}
+
+	me.sleep=function(ms) {
+	  return new Promise(resolve => setTimeout(resolve, ms));
+	}
+
+	me.loadStateCB=function(){
+		//in order to reload, we make use of everything we've already developed
+		//and then go back and apply color and candidacy, only.  Saving state
+		//thus means modes, langs and a list of feature_name:color, candidacy pairs.
+		print("loadStateCB");
+		var state=null;
+		if(me.stateObj!=null){
+			state=JSON.parse(me.stateObj);
+			me.stateObj=null;
+		}
+		if(!state)return;
+		print("Loading: "+state);
+		me.currents=state['currents'];
+		for(var cidx=0;cidx<state['currents'].length;cidx++){
+			me.change_areaCB(1,state['currents'][cidx]);
+		}
+
+		var regionNum=me.getRegion();
+		document.getElementById("regionlabel").src=REGION_ICONS[regionNum];
+
+		me.mode=state['mode'];
+		var modeNum=me.getMode();
+		document.getElementById("modelabel").innerHTML=MODE_NAMES[modeNum];
+
+		document.webL10n.setLanguage(state['lang']);
+		var languageNum=LANGUAGE_NAMES["keys"].indexOf(state['lang'])
+		document.getElementById("languagelabel").innerHTML=LANGUAGE_NAMES[LANGUAGE_NAMES["keys"][languageNum]];
+
+		me.set_background(state['cmw_bg'])
+
+		print("sleeping 2000");
+		me.sleep(2000).then(()=>{
+			print("continuing");
+			dummy=me.loopOverAllFeatures("set",state['features']);
+			me.updateTitle();
+		});
+
+
+	}
+	me.mkBrightRGBA=function(){
+		var R_CHANNEL=parseInt(Math.random()*255);
+		var G_CHANNEL=parseInt(Math.random()*255);
+		var B_CHANNEL=parseInt(Math.random()*255);
+
+		if(R_CHANNEL+G_CHANNEL+B_CHANNEL<300){
+			var dice=parseInt(Math.random()*3);
+			if(dice==0)R_CHANNEL=255;
+			else if(dice==1)G_CHANNEL=255;
+			else if(dice==2)B_CHANNEL=255;
+			else{;}
+		}
+
+		var A_CHANNEL=255;
+		var rval="RGBA("+R_CHANNEL+","+G_CHANNEL+","+B_CHANNEL+","+A_CHANNEL+")";
+		return rval;
+	}
+	me.updateTitle=function(){
+		var app_title=String.split(document.webL10n.get('appname'),'');
+		var persistent_title_div=document.getElementById("persistent_title_div");
+		html="";
+		for(var tidx=0;tidx<app_title.length;tidx++){
+			var rand_color=me.mkBrightRGBA();
+			html+="<span style='text-shadow:none;font-family:Mickey;color:"+rand_color+";'>"+app_title[tidx]+"</span>";
+		}
+		persistent_title_div.innerHTML=html;
+		util.resize();
+	}
+
 	me.setMode=function(val){
 		me.mode=val;
 	}
@@ -20,10 +172,17 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 	me.getRegion=function(){
 		return REGION_NAMES.indexOf(me.currents[0]);
 	}
+	me.background_color='rgb(0,120,255)';
 	me.rgbColorString='rgb(255,255,255)';
 	me.setRGBColorString=function(val){me.rgbColorString=val;}
 	me.getRGBColorString=function(){return me.rgbColorString;}
-
+	me.set_background=function(val){//called by map.on('click') & loadStateCB
+		if(!val)
+			me.background_color=me.getRGBColorString();
+		else
+			me.background_color=val;
+		document.getElementById("cmw_bg").style.backgroundColor=me.background_color;
+	}
 	me.getRunning=function(){return me.RUNNING};
 	me.BASE_SOURCES={
 		'OpenStreetMap2':new ol.source.OSM(),
@@ -57,31 +216,30 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 		var keys=me.CATEGORIES['keys'];
 		for(var kidx=0;kidx<keys.length;kidx++){
 			var category=keys[kidx];
-			if(true)console.log("checking "+category);
+			if(true)print("checking "+category);
 			var layer_names=me.CATEGORIES[category]['keys'];
-			if(true)console.log("layer_names="+layer_names+" "+typeof(layer_names));
+			if(true)print("layer_names="+layer_names+" "+typeof(layer_names));
 			for(var lidx=0;lidx<layer_names.length;lidx++){
 				var layer_name=layer_names[lidx];
-				if(true)console.log("checking "+category+"."+layer_name);
+				if(true)print("checking "+category+"."+layer_name);
 				if(me.CATEGORIES[category][layer_name]['toggle']){
 					var feature_names=me.CATEGORIES[category][layer_name]['feature_names'];
 					for(var fidx=0;fidx<feature_names.length;fidx++){
 						var feature_name=feature_names[fidx];
-						if(true)console.log("checking "+category+"."+layer_name+"."+feature_name);
+						if(true)print("checking "+category+"."+layer_name+"."+feature_name);
 						if(me.CATEGORIES[category][layer_name]['features'][feature_name]['candidate']){
 							var pyld={
 								'category':category,
 								'layer_key':layer_name,
 								'feature_name':feature_name,
 							};
-							if(true)console.log("adding candidate: "+feature_name);
+							if(true)print("adding candidate: "+feature_name);
 							candidates.push(pyld);
 						}
 					}
 				}
 			}
 		}
-
 		return candidates;
 	}
 	me.change_areaCB=function(add,region){
@@ -138,7 +296,7 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 			delete(me.CATEGORIES[me.currents[cidx]]['BOUNDARY']);
 			}
 		}
-		catch(e){/*if(true)console.log(e);*/}
+		catch(e){/*if(true)print(e);*/}
 
 		//Refill layers structure
 		var rval=me.prepare_layers();
@@ -151,7 +309,7 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 		var keys=me.CATEGORIES['keys'];
 		for(var kidx=0;kidx<keys.length;kidx++){
 			var category=keys[kidx];
-			if(true)console.log('Adding '+me.CATEGORIES[category]['keys'].length);
+			if(true)print('Adding '+me.CATEGORIES[category]['keys'].length);
 			var layer_names=me.CATEGORIES[category]['keys'];
 			for(var lidx=0;lidx<layer_names.length;lidx++){
 				var layer_name=layer_names[lidx];
@@ -179,7 +337,6 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 		me.resize();
 
 		window.setTimeout(me.fill_all_features,2000,false);
-
 	}
 	me.fill_all_features=function(){
 		print("fill_all_features");
@@ -194,10 +351,11 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 					var feature_name=null;
 					feature_name=features[fidx].get("Name");
 					if(!feature_name)feature_name=features[fidx].get("NAME");
-					//if(true)console.log(feature_name);
+					//if(true)print(feature_name);
 					me.CATEGORIES[category][layer_name]['features'][feature_name]={
 						'feature':features[fidx],
 						'candidate':true,
+						'color':'rgb(0,0,0)',
 					}
 					me.CATEGORIES[category][layer_name]['feature_names'].push(feature_name);
 				}
@@ -207,19 +365,22 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 	}
 
 	me.prepare_layers=function(){
-
 		print("me.prepare_layers: "+me.currents);
 
 		me.LAYERS={'keys':[],}
 		for(var cidx=0;cidx<me.currents.length;cidx++){
 		for(var pidx=0; pidx<INSTALLED[me.currents[cidx]]["polygon_sources"].length;pidx++){
 			var src_url=INSTALLED[me.currents[cidx]]["path"] + INSTALLED[me.currents[cidx]]["polygon_sources"][pidx]["filename"];
+
+			//Non-serializable object #1:
 			var polygon_source=new ol.source.Vector({
 				url: src_url,
 				format: new ol.format.GeoJSON()
 			});
 
+			//Non-serializable object #2:
 			var polygon_layer= new ol.layer.Vector({
+				updateWhileAnimating:true,//true=performance impact!
 				source: polygon_source,
 				style:new ol.style.Style({
 					stroke: new ol.style.Stroke({
@@ -233,144 +394,24 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 			});
 			polygon_layer.set("type","Polygon");
 
+
 			var category=INSTALLED[me.currents[cidx]]["polygon_sources"][pidx]["category"];
 			var layer_name=INSTALLED[me.currents[cidx]]["polygon_sources"][pidx]["layer_name"];
 			polygon_layer.set("layer_name",layer_name);
 
 			if(me.CATEGORIES['keys'].indexOf(category)<0){
-				if(true)console.log("new category: "+category);
+				if(true)print("new category: "+category);
 				me.CATEGORIES['keys'].push(category);
 				me.CATEGORIES[category]={'keys':[],};
 			}
 			me.CATEGORIES[category]['keys'].push(layer_name);
 			me.CATEGORIES[category][layer_name]={
 				'layer':polygon_layer,'source':polygon_source,feature_names:[],'features_off':[],
-				features:{},'style':null,'colors':{},'toggle':true,'type':'Polygon'
+				features:polygon_source.getFeatures(),'style':null,'colors':{},'toggle':true,'type':'Polygon'
 			};
 		}//pidx
 		}//cidx
 
-		me.point_layers=[];
-		for(var cidx=0;cidx<me.currents.length;cidx++){
-		for(var pidx=0;pidx<INSTALLED[me.currents[cidx]]["point_sources"].length;pidx++){
-
-			var src_url=INSTALLED[me.currents[cidx]]["path"] + INSTALLED[me.currents[cidx]]["point_sources"][pidx]["filename"];
-			var point_source=new ol.source.Vector({
-				url: src_url,
-				format: new ol.format.GeoJSON()
-			});
-
-			var point_layer= new ol.layer.Vector({
-				source: point_source,
-				style:new ol.style.Style({
-					image:new ol.style.Circle({
-						radius:INSTALLED[me.currents[cidx]]["point_sources"][pidx]["radius"],
-						stroke: new ol.style.Stroke({
-							color: INSTALLED[me.currents[cidx]]["point_sources"][pidx]["color"],
-							width: INSTALLED[me.currents[cidx]]["point_sources"][pidx]["width"]
-						}),
-						fill: new ol.style.Fill({
-							color: INSTALLED[me.currents[cidx]]["point_sources"][pidx]["fill"],
-						}),
-					})
-				}),
-			});
-			point_layer.set("type","Point");
-
-			var category=INSTALLED[me.currents[cidx]]["point_sources"][pidx]["category"];
-			layer_name=INSTALLED[me.currents[cidx]]["point_sources"][pidx]["layer_name"];
-			point_layer.set("layer_name",layer_name);
-
-			if(me.CATEGORIES['keys'].indexOf(category)<0){
-				if(true)console.log("new category: "+category);
-				me.CATEGORIES['keys'].push(category);
-				me.CATEGORIES[category]={'keys':[],};
-			}
-			me.CATEGORIES[category]['keys'].push(layer_name)
-			me.CATEGORIES[category][layer_name]={
-				'layer':point_layer,'source':point_source,feature_names:[],'features_off':[],
-				features:{},'style':null,'colors':{},'toggle':true,'type':'Point'
-			}
-		}//pidx
-		}//cidx
-
-		me.line_layers=[];
-		for(var cidx=0;cidx<me.currents.length;cidx++){
-		for(var lidx=0;lidx<INSTALLED[me.currents[cidx]]["line_sources"].length;lidx++){
-			var src_url=INSTALLED[me.currents[cidx]]["path"] + INSTALLED[me.currents[cidx]]["line_sources"][lidx]["filename"];
-			var line_source=new ol.source.Vector({
-				url: src_url,
-				format: new ol.format.GeoJSON()
-			});
-
-			var line_layer= new ol.layer.Vector({
-				source: line_source,
-				style:new ol.style.Style({
-					stroke: new ol.style.Stroke({
-						color: INSTALLED[me.currents[cidx]]["line_sources"][lidx]["color"],
-						width: INSTALLED[me.currents[cidx]]["line_sources"][lidx]["width"]
-					}),
-				})
-			});
-			line_layer.set("type","Line");
-
-			var category=INSTALLED[me.currents[cidx]]["line_sources"][lidx]["category"];
-			layer_name=INSTALLED[me.currents[cidx]]["line_sources"][lidx]["layer_name"];
-			line_layer.set("layer_name",layer_name);
-
-			if(me.CATEGORIES['keys'].indexOf(category)<0){
-				if(true)console.log("new category: "+category);
-				me.CATEGORIES['keys'].push(category);
-				me.CATEGORIES[category]={'keys':[],};
-			}
-			me.CATEGORIES[category]['keys'].push(layer_name)
-			me.CATEGORIES[category][layer_name]={
-				'layer':line_layer,'source':line_source,feature_names:[],'features_off':[],
-				features:{},'style':null,'colors':{},'toggle':true,'type':'Line'
-			}
-		}//pidx
-		}//cidx
-
-
-		me.gpx_layers=[];
-		for(var cidx=0;cidx<me.currents.length;cidx++){
-		for(var lidx=0;lidx<INSTALLED[me.currents[cidx]]["gpx_sources"].length;lidx++){
-			var src_url=INSTALLED[me.currents[cidx]]["path"] + INSTALLED[me.currents[cidx]]["gpx_sources"][lidx]["filename"];
-			var gpx_source=new ol.source.Vector({
-				url: src_url,
-				format: new ol.format.GPX()
-			});
-
-			var gpx_layer= new ol.layer.Vector({
-				source: gpx_source,
-					style: new ol.style.Style({
-					stroke: new ol.style.Stroke({
-						color: util.mkRandomColor(),
-						width: 3
-					})
-				}),
-			});
-			gpx_layer.set("type","gpx");
-
-			var category=INSTALLED[me.currents[cidx]]["gpx_sources"][lidx]["category"];
-			layer_name=INSTALLED[me.currents[cidx]]["gpx_sources"][lidx]["layer_name"];
-			gpx_layer.set("layer_name",layer_name);
-			console.log("layer_name="+layer_name);
-
-			if(me.CATEGORIES['keys'].indexOf(category)<0){
-				if(true)console.log("new category: "+category);
-				me.CATEGORIES['keys'].push(category);
-				me.CATEGORIES[category]={'keys':[],};
-			}
-			me.CATEGORIES[category]['keys'].push(layer_name)
-			me.CATEGORIES[category][layer_name]={
-				'layer':gpx_layer,'source':gpx_source,feature_names:[],'features_off':[],
-				features:{},'style':null,'colors':{},'toggle':true,'type':'gpx'
-			}
-		}//pidx
-		}cidx
-
-
 //BOUNDARY LAYERS
 		for(var cidx=0;cidx<me.currents.length;cidx++){
 		var boundary_source=new ol.source.Vector({
@@ -404,7 +445,7 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 		};
 		}
 
-		if(true)console.log("prepare_layers done");
+		if(true)print("prepare_layers done");
 		return 1;
 
 	}//END:me.prepare_layers
@@ -432,10 +473,10 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 
 		if(me.RUNNING==false)return;
 
-		if(true)console.log("startMove");
+		if(true)print("startMove");
 
 		try{window.clearTimeout(me.last_timeout);}
-		catch(e){if(true)console.log(e);}
+		catch(e){if(true)print(e);}
 
 		if(!feature){
 
@@ -446,10 +487,10 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 				return me.end_game();
 			}
 
-			if(true)console.log("me.startMove no feature passed so selecting");
+			if(true)print("me.startMove no feature passed so selecting");
 
 			var ridx=parseInt(Math.random()*candidates.length);
-			if(true)console.log("cycling ridx="+ridx.toString()+"/"+candidates.length);
+			if(true)print("cycling ridx="+ridx.toString()+"/"+candidates.length);
 
 			var candidate_names=[];
 			for(var cidx=0;cidx<candidates.length;cidx++)
@@ -457,15 +498,15 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 			print("candidates="+candidate_names);
 
 			for(var dummy=0;dummy<ridx;dummy++){
-				//if(true)console.log(dummy+"/"+ridx);
+				//if(true)print(dummy+"/"+ridx);
 				candidates.push(candidates.shift());
 			}
-			if(true)console.log("shifting me.current_feature");
+			if(true)print("shifting me.current_feature");
 			me.current_feature=candidates.shift();//should check if getting what was intended
 
 		}
 		else{
-			if(true)console.log("me.startMove with feature passed");
+			if(true)print("me.startMove with feature passed");
 		}
 
 		var target_name=null;
@@ -477,13 +518,13 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 		if(document.webL10n.getLanguage()!='en-us'){
 			var xhtml="<center><h3>"+util.descore(document.webL10n.get(util.enscore('Next')))+":</h3><h1>"+util.descore(document.webL10n.get(util.enscore(target_name)))+"</h1><h3>"+target_layer_name+"</h3></center>";
 		}
-		if(true)console.log("me.startMove:"+target_name+" "+target_layer_name);
+		if(true)print("me.startMove:"+target_name+" "+target_layer_name);
 		me.showPopup(xhtml);
 	}
 	me.showPopup=function(xhtml){
 		while(me.popup.childNodes.length>0){
 			try{me.popup.removeChild(me.popup.childNodes[0]);}
-			catch(e){if(true)console.log(e);}
+			catch(e){if(true)print(e);}
 		}
 		me.popup.innerHTML="";
 
@@ -550,7 +591,7 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 	}
 	me.popdown=function(e){
 
-		if(true)console.log("popdown");
+		if(true)print("popdown");
 		try{window.clearTimeout(me.last_timeout);}
 		catch(e){}
 
@@ -583,7 +624,7 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 
 	me.end_game=function(){
 		try{document.body.removeChild(me.popup);}
-		catch(e){if(true)console.log("me.end_game");}
+		catch(e){if(true)print("me.end_game");}
 
 		var xhtml='<center><h1>Congratulations!<br>You Finished!</h1></center>';
 		if(document.webL10n.getLanguage()!='en-us'){
@@ -600,7 +641,7 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 	for(var dummy=0;dummy<NUM_COLORS;dummy++){
 		var random_style=new ol.style.Style({
 			fill: new ol.style.Fill({
-				color: util.mkBrightRGBA()
+				color: me.mkBrightRGBA()
 			}),
 			stroke:new ol.style.Stroke({color: DEFAULT_STROKE,width: 1}),
 		});
@@ -611,7 +652,7 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 		print(me.current_feature);
 		if(!me.current_feature)return;
 
-		if(true)console.log("me.check_feature clearing last_timeout");
+		if(true)print("me.check_feature clearing last_timeout");
 		window.clearTimeout(me.last_timeout);
 
 		var feature;
@@ -632,7 +673,7 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 				var target_name=null;
 				target_name=feature.get("NAME");
 				if(!target_name)target_name=feature.get("Name");
-				if(true)console.log("returning: "+target_name);
+				if(true)print("returning: "+target_name);
 				features.push(feature);
 			});
 		}
@@ -646,11 +687,11 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 				var target_name=null;
 				target_name=me.current_feature['feature_name'];
 				target_layer=me.current_feature['layer_key'];
-				if(true)console.log(fidx.toString()+" "+target_layer+"."+target_name);
+				if(true)print(fidx.toString()+" "+target_layer+"."+target_name);
 				target_feature=me.CATEGORIES[category][target_layer]['features'][target_name]['feature'];
 				if(feature==target_feature){
 
-					if(true)console.log("***** Correct! *****");
+					if(true)print("***** Correct! *****");
 
 					if(me.CATEGORIES[category][target_layer]['type']=="Point"){
 						feature.setStyle(util.point_correct_style);
@@ -670,7 +711,7 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 					me.current_feature=null;
 
 					if(me.mode==TOUR){
-						if(true)console.log("check_feature setting timeout for pan_zoom_home");
+						if(true)print("check_feature setting timeout for pan_zoom_home");
 						me.last_timeout=window.setTimeout(me.pan_zoom_home,3*me.DELAY);
 					}
 					else{
@@ -682,21 +723,21 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 					var feature_name=null;
 					feature_name=feature.get("NAME");
 					if(!feature_name)feature_name=feature.get("Name");
-					if(true)console.log(feature_name+" != "+target_feature.toString());
+					if(true)print(feature_name+" != "+target_feature.toString());
 				}
 
 			}
 
-			if(true)console.log("starting move passing feature: "+target_name);
+			if(true)print("starting move passing feature: "+target_name);
 			me.startMove(feature);
 		}
 		else{
-			if(true)console.log("game over");
+			if(true)print("game over");
 		}
 	}
 	me.pan_zoom=function(location){
 
-			if(true)console.log("pan_zoom: "+location);
+			if(true)print("pan_zoom: "+location);
 
 			var this_delay=4*me.DELAY;
 
@@ -733,16 +774,16 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 			window.map.getView().setCenter(location);
 
 			if(me.current_feature != null){
-				if(true)console.log("pan_zoom setting timeout for check_feature");
+				if(true)print("pan_zoom setting timeout for check_feature");
 				me.last_timeout=window.setTimeout(me.check_feature,this_delay);
 			}
 			else{
-				if(true)console.log("pan_zoom calling start_move directly");
+				if(true)print("pan_zoom calling start_move directly");
 				me.start_move(null);
 			}
 		}
 	me.pan_zoom_home=function(){
-		if(true)console.log("bounce_home");
+		if(true)print("bounce_home");
 
 		var this_delay=4*me.DELAY;
 
@@ -768,7 +809,7 @@ define(["activity/ol","util","print","l10n/l10n",],function(ol,util,print,l10n){
 		var location=ol.proj.transform([(bbox[0]+bbox[2])/2.,(bbox[1]+bbox[3])/2.],"EPSG:4326","EPSG:3857");;
 		window.map.getView().setCenter(location);
 
-		if(true)console.log('pan_zoom_home setting timeout for start_move');
+		if(true)print('pan_zoom_home setting timeout for start_move');
 		me.last_timeout=window.setTimeout(me.startMove,this_delay);
 	}
 	window.colormyworld=me;
diff --git a/lib/map.js b/lib/map.js
index 219b475..6cc88b5 100644
--- a/lib/map.js
+++ b/lib/map.js
@@ -33,8 +33,9 @@ define(["activity/ol","print","util","colormyworld"],
 					target_feature.setStyle(nouveau_style);
 					FOUND=true;
 				}});
-				if(!FOUND)
-					document.getElementById("cmw_bg").style.backgroundColor=colormyworld.getRGBColorString();
+				if(!FOUND){
+					colormyworld.set_background(null);
+				}
 			}
 			else colormyworld.check_feature(evt.pixel);
 			});
@@ -53,7 +54,7 @@ define(["activity/ol","print","util","colormyworld"],
 				if(!target_name)target_name=target_feature.get("Name");
 
 				if(colormyworld.currents.indexOf(target_name)<0){
-					print("pointermove: "+target_name);
+					//print("pointermove: "+target_name);
 					me.featureOverlay.addFeature(target_feature);
 					me.HILIGHTS.push(target_feature);
 				}
diff --git a/lib/modepalette.js b/lib/modepalette.js
index 30a61b5..c5035cb 100644
--- a/lib/modepalette.js
+++ b/lib/modepalette.js
@@ -1,4 +1,4 @@
-define(["sugar-web/graphics/palette","util"], function (palette,util) {
+define(["sugar-web/graphics/palette","util","colormyworld","print"], function (palette,util,colormyworld,print) {
 
 	'use strict';
 
@@ -80,9 +80,9 @@ define(["sugar-web/graphics/palette","util"], function (palette,util) {
 //LANGUAGES:
 		me.setLanguage= function(inc){
 			var current_language=document.webL10n.getLanguage();
-			console.log(current_language);
+			print(current_language);
 			var languageNum=LANGUAGE_NAMES["keys"].indexOf(current_language)+inc;
-			console.log(languageNum);
+			print(languageNum);
 			if(languageNum<0)languageNum=LANGUAGE_NAMES["keys"].length-1;
 			else if(languageNum>LANGUAGE_NAMES["keys"].length-1)languageNum=0;
 			document.webL10n.setLanguage(LANGUAGE_NAMES["keys"][languageNum]);
@@ -115,9 +115,31 @@ define(["sugar-web/graphics/palette","util"], function (palette,util) {
 		r.insertCell(-1).appendChild(languageLabel);
 		r.insertCell(-1).appendChild(languagebuttonnext);
 
+
+//SAVE & RELOAD
+		var saveStateB = document.createElement('input');
+		saveStateB.setAttribute("type","button");
+		saveStateB.className = 'save-load-state-button';
+		saveStateB.setAttribute('id','save-state-button');
+		saveStateB.setAttribute('value','Save State');
+		saveStateB.onclick=function(){colormyworld.saveStateCB()};
+
+		var loadStateB = document.createElement('input');
+		loadStateB.setAttribute("type","button");
+		loadStateB.className = 'save-load-state-button';
+		loadStateB.setAttribute('id','load-state-button');
+		loadStateB.setAttribute('value','Load State');
+		loadStateB.onclick=function(){colormyworld.loadStateCB()};
+
+		var saveloadTable=document.createElement("table");
+		var r=saveloadTable.insertRow(-1);
+		r.insertCell(-1).appendChild(saveStateB);
+		r.insertCell(-1).appendChild(loadStateB);
+
 		modeDiv.appendChild(modeTable);
 		modeDiv.appendChild(regionTable);
 		modeDiv.appendChild(languageTable);
+		modeDiv.appendChild(saveloadTable);
 		this.setContent([modeDiv]);
 
 		//		this.buttons = modeDiv.querySelectorAll('button');
diff --git a/lib/print.js b/lib/print.js
index a47f632..cd27608 100644
--- a/lib/print.js
+++ b/lib/print.js
@@ -1,5 +1,5 @@
 define(function () {
     return function print(msg) {
-        console.log(msg);
+        //console.log(msg);
     };
 });
diff --git a/lib/util.js b/lib/util.js
index b1727ee..38cc16d 100644
--- a/lib/util.js
+++ b/lib/util.js
@@ -1,4 +1,4 @@
-define(["activity/ol"],function (ol) {
+define(["activity/ol","print"],function (ol,print) {
     return {
 
 correct_style:new ol.style.Style({
@@ -74,34 +74,6 @@ mkRandomColor:function(){
 	}
 	return rval;
 },
-mkBrightRGBA:function(){
-	var R_CHANNEL=parseInt(Math.random()*255);
-	var G_CHANNEL=parseInt(Math.random()*255);
-	var B_CHANNEL=parseInt(Math.random()*255);
-
-	if(R_CHANNEL+G_CHANNEL+B_CHANNEL<300){
-		var dice=parseInt(Math.random()*3);
-		if(dice==0)R_CHANNEL=255;
-		else if(dice==1)G_CHANNEL=255;
-		else if(dice==2)B_CHANNEL=255;
-		else{;}
-	}
-
-	var A_CHANNEL=255;
-	var rval="RGBA("+R_CHANNEL+","+G_CHANNEL+","+B_CHANNEL+","+A_CHANNEL+")";
-	return rval;
-},
-updateTitle:function(){
-	var app_title=String.split(document.webL10n.get('appname'),'');
-	var persistent_title_div=document.getElementById("persistent_title_div");
-	html="";
-	for(var tidx=0;tidx<app_title.length;tidx++){
-		var rand_color=mkBrightRGBA();
-		html+="<span style='text-shadow:none;font-family:Mickey;color:"+rand_color+";'>"+app_title[tidx]+"</span>";
-	}
-	persistent_title_div.innerHTML=html;
-	resize();
-},
 
 computeResolution:function(bbox,is3857,W,H){
 
@@ -120,7 +92,7 @@ computeResolution:function(bbox,is3857,W,H){
 		p1=ol.proj.transform([xmin,ymin],"EPSG:4326","EPSG:3857");
 	}
 
-	if(true)console.log(p1+", "+p2);
+	if(true)print(p1+", "+p2);
 
 	var dx=p2[0]-p1[0];
 	var dy=p2[1]-p1[1];
@@ -152,7 +124,7 @@ computeResolution:function(bbox,is3857,W,H){
 			res=dx/W;
 		}
 	}
-	if(true)console.log("res="+res);
+	if(true)print("res="+res);
 	return res;
 }
 }});