diff --git a/zim.js b/zim.js
index f02d542..18549fb 100644
--- a/zim.js
+++ b/zim.js
@@ -10,24 +10,36 @@
 // set var zon=true before calling zim scripts to show script comments
 if (typeof zon === "undefined") zon = false; // comments from zim scripts
 
-// zog() is now a short version of console.log() 
+/*--
+zog(item1, item2, etc.) ~ log
+a wrapper for console.log()
+--*/
 var zog = console.log.bind(console);
+if (zon) zog("ZIM WRAP - zog zid zss zgo zum zot zop zil");
 
-if (zon) zog("ZIM WRAP - zog, zid, zss, zgo, zum, zot, zop");
-
+/*--
+zid(string)             ~ id
+short version of document.getElementById(s)
+--*/
 function zid(s) {
-	// short version of document.getElementById()
 	return document.getElementById(s);	
 }
 
+/*--
+zss(string)             ~ css
+short version of document.getElementById(s).style
+so you can do zss("logo").top = "10px"; // for instance
+--*/
 function zss(s) {
-	// short version of document.getElementById(s).style
-	// so you can do zss("logo").top = "10px"; // for instance
-	return document.getElementById(s).style;	
+	if (document.getElementById(s)) {return document.getElementById(s).style;}
+	else if (zon) zog("zim wrap - zss(): id not found");
 }
 
+/*--
+zgo(url, target, modal) ~ go
+short version of either window.location.href or window.open
+--*/
 function zgo(u,t,m) {
-	// short version of either window.location.href or window.open
 	if (zot(t) && t != "" && t != "_self") {
 		window.location.href = u;
 	} else {
@@ -39,28 +51,57 @@ function zgo(u,t,m) {
 	}
 }
 
-function zum(n) {
-	// converts 10px string from style to number 10, for instance
-	// if there is no value then this will return 0
-	return Number(n.replace(/[^\d\.\-]/g, ''));	
+/*--
+zum(string)             ~ num
+converts "10px string from styles to number 10, for instance
+if there is no value then this will return 0
+--*/
+function zum(s) {
+	if (zot(s)) return;
+	return Number(String(s).replace(/[^\d\.\-]/g, ''));	
 }
 
+/*--
+zot(value)              ~ not
+test to see if value has no value (value must exist as var or parameter)
+or if value has been set to null
+good for setting function defaults: if (zot(speed)) speed=1;
+--*/
 function zot(v) {
-	// test to see if v has no value (v must exist as var or parameter)
-	// or if v has been set to null
-	// good for setting function defaults: if (zot(speed)) speed=1;
 	if (v === null) return true;
 	return typeof v === "undefined";
 }
 
+/*--
+zop(e)                  ~ stop
+stop event propagation - just easier to remember than below
+must pass it e || window.event from your event function
+--*/
 function zop(e) {
-	// stop event propagation - must pass it e || window.event;
-	// stop keys from moving content - arrows, spacebar, pgup, pgdown, home, end
-	if (e.keyCode && (e.keyCode >= 32 && e.keyCode <= 40)) e.preventDefault();
+	if (zot(e)) return;	
 	if (e.stopImmediatePropagation) e.stopImmediatePropagation();
 	if (window.event) window.event.cancelBubble=true;	
 }
 
+/*--
+zil()                   ~ still
+stop keys from moving content - arrows, spacebar, pgup, pgdown, home, end
+stop scroll wheel from moving content - scrolling the canvas for instance
+do once at start - usually in the template for full scale mode
+returns an array of references to three listeners: [keydown, mousewheel and DOMMouseScroll]
+use these to removeEventListeners
+--*/
+function zil() {
+	
+	var a = function(e) {if (!e) e = event; if (e.keyCode && (e.keyCode >= 32 && e.keyCode <= 40)) e.preventDefault();}
+	var b = function(e) {if (!e) e = event; e.preventDefault();}
+	var c = b;
+	window.addEventListener("keydown", a);
+	window.addEventListener("mousewheel", b);
+	window.addEventListener("DOMMouseScroll", c);
+	return [a, b, c];	
+}
+
 
 ////////////////  ZIM CODE  //////////////
 
@@ -68,31 +109,38 @@ function zop(e) {
 // some of these are common Web solutions over the years (sorry for lack of credit)
 // moved Damp, Proportion and ProportionDamp here as they can be used without CreateJS
 
+
+
 var zim = function(zim) {
 	
 	if (zon) zog("ZIM CODE Module");
 	
-	// randomly shuffles elements of an array
-	// actually changes the original array (but also returns it)
-	
-	zim.shuffle = function(a) {
-	  var i = a.length, j, temp;
-	  if (i == 0) return a;
-	  while(--i) {
-		 j = Math.floor(Math.random()*(i+1));
-		 temp=a[i];
-		 a[i]=a[j];
-		 a[j]=temp;
-	  }
-	  return a;
+/*--
+zim.shuffle = function(array)
+randomly shuffles elements of an array
+actually changes the original array (but also returns it)
+shuffle and loop to show random but unique elements from an array 
+--*/
+	zim.shuffle = function(array) {
+		if (zot(array)) return;
+		var i = array.length, j, temp;
+		if (i == 0) return array;
+		while(--i) {
+			j = Math.floor(Math.random()*(i+1));
+			temp=array[i];
+			array[i]=array[j];
+			array[j]=temp;
+		}
+		return array;
 	}
 	
-	
-	// returns a random number between and including a and b
-	// b is optional and if left out will default to 0
-	// integer is a boolean and defaults to true
-	// if a and b are 0 then just returns Math.random()
-	
+/*--
+zim.rand = function(a, b, integer)
+returns a random number between and including a and b
+b is optional and if left out will default to 0 (includes 0)
+integer is a boolean and defaults to true
+if a and b are 0 then just returns Math.random()
+--*/
 	zim.rand = function(a, b, integer) { 
 		if (zot(integer)) integer = true;
 		if (zot(b)) b = 0;
@@ -113,10 +161,12 @@ var zim = function(zim) {
 		}
 	}
 	
-	// copies arrays and basic objects
-	// http://stackoverflow.com/users/35881/a-levy
-	
-	zim.copy = function(obj){
+/*--
+zim.copy = function(obj)
+copies arrays and basic objects
+http://stackoverflow.com/users/35881/a-levy
+--*/	
+	zim.copy = function(obj) {
 		if (obj==null || typeof obj != 'object') return;
 		if (obj instanceof Array) {
 			return obj.slice(0);
@@ -130,10 +180,13 @@ var zim = function(zim) {
 		}
 	} 	
 	
-	// modified Evan Steinkerchnerv & Tomas Zato
-	// finds out if arrays are same (including nested arrays)
-	// works for arrays with strings and numbers (not necessarily other objects)
-	
+/*--
+zim.arraysEqual = function(a, b, strict)
+slightly modified Evan Steinkerchnerv & Tomas Zato
+finds out if arrays are same (including nested arrays)
+works for arrays with strings and numbers (not necessarily other objects)
+strict defaults to true - if false, order in arrays does not matter
+--*/	
 	zim.arraysEqual = function(a, b, strict) {
 		if (zot(a) || zot(b)) return false;
 		if (zot(strict)) strict = true; // must be the same order	
@@ -153,41 +206,47 @@ var zim = function(zim) {
 		return true;
 	}		
 	
-	// rounds number to the number of decimal places specified by places
-	// for instance zim.decimals(1.8345, 2) == 1.83
-	
+/*--
+zim.decimals = function(num, places)
+rounds number to the number of decimal places specified by places
+negative number places round to tens, hundreds, etc.
+for instance zim.decimals(1.8345, 2) == 1.83
+--*/	
 	zim.decimals = function(num, places) {
 		if (zot(num) || num==0) return 0;
 		if (zot(places)) places = 1;	
 		return Math.round(num*Math.pow(10, places))/Math.pow(10, places);
 	}
 	
-	// Damp Class 
-	
-	// damping emulates things slowing down due to friction
-	// the movement heads towards the right direction and looks organic 
-	// this is similar if not the same as easing out
-	// create your Damp object outside an interval or ticker
-	// var d = new zim.Damp(parameters);
-	// then inside an interval or ticker call the convert method
-	// d.convert(desiredValue)
-	// you would then apply that desired value to a property such as x or y or scale
-	// if you want to do both x and y then you need two Damp objects 
-	// and two convert calls (you can do both in one interval or ticker)
-	
-	// PARAMETERS
-	// a startValue if you want the object to start directly somewhere
-	// the damp value with 1 being no damping and 0 being no movement - default is .1
-	
-	// METHODS
-	// convert() - converts a value into a damped value
-	
-	// PROPERTIES
-	// damp - can dynamically change the damping (usually just pass it in as a parameter to start)
-	// lastValue - setting this would go immediately to this value (would not normally use)
-	
+/*--
+zim.Damp = function(startValue, damp)
+
+Damp Class 
+
+damping emulates things slowing down due to friction
+the movement heads towards the right direction and looks organic 
+this is similar if not the same as easing out
+create your Damp object outside an interval or ticker
+var d = new zim.Damp(parameters);
+then inside an interval or ticker call the convert method
+d.convert(desiredValue)
+you would then apply that desired value to a property such as x or y or scale
+if you want to do both x and y then you need two Damp objects 
+and two convert calls (you can do both in one interval or ticker)
+
+PARAMETERS
+a startValue if you want the object to start directly somewhere
+the damp value with 1 being no damping and 0 being no movement - default is .1
+
+METHODS
+convert() - converts a value into a damped value
+
+PROPERTIES
+damp - can dynamically change the damping (usually just pass it in as a parameter to start)
+lastValue - setting this would go immediately to this value (would not normally use)
+--*/	
 	zim.Damp = function(startValue, damp) {
-		if (zon) zog("zimcode.js: Damp");
+		if (zon) zog("zim code - Damp");
 		this.lastValue = (zot(startValue)) ? 0 : startValue;
 		this.damp = (zot(damp)) ? .1 : damp;
 	}	
@@ -196,31 +255,35 @@ var zim = function(zim) {
 	}
 	
 	
-	// Proportion Class
-	
-	// converts an input value to an output value on a different scale 	
-	// for instance like a slider controlling the scale of an object or sound volume
-	// make a Proportion object
-	// var p = new zim.Proportion(parameters)	
-	
-	// PARAMETERS
-	// put in min and max for the output scale (say volume)
-	// put in min and max for the input scale (say x values, 0 and 1 are the defaults)			
-	// in your own pressmove event function or whatever call p.convert(input)
-	// pass in your input property (say the mouseX)
-	// the object always starts by assuming baseMin as baseValue
-	// just call the convert method right away if you want it to start at a different baseValue
-	// for instance, if your slider went from 100 to 500 and you want to start at half way
-	// make the object and call p.convert(300); on the next line
-	// then in your pressmove event, use p.convert(stage.mouseX) for example
-	
-	// METHODS
-	// convert(input) - will return the output property (for instance, a volume)			
 
+/*--
+zim.Proportion = function(baseMin, baseMax, targetMin, targetMax, factor, targetRound)
 
+Proportion Class
+
+converts an input value to an output value on a different scale 	
+for instance like a slider controlling the scale of an object or sound volume
+make a Proportion object
+var p = new zim.Proportion(parameters)	
+
+PARAMETERS
+put in min and max for the output scale (say volume)
+put in min and max for the input scale (say x values, 0 and 1 are the defaults)			
+in your own pressmove event function or whatever call p.convert(input)
+pass in your input property (say the mouseX)
+a proportional value will be returned - so use that for your volume (or whatever)
+
+the object always starts by assuming baseMin as baseValue
+just call the convert method right away if you want it to start at a different baseValue
+for instance, if your slider went from 100 to 500 and you want to start at half way
+make the object and call p.convert(300); on the next line
+
+METHODS
+convert(input) - will return the output property (for instance, a volume)			
+--*/
 	zim.Proportion = function(baseMin, baseMax, targetMin, targetMax, factor, targetRound) {
 		
-		if (zon) zog("zimcode.js: Proportion");
+		if (zon) zog("zim code - Proportion");
 
 		// factor - set to 1 for increasing and -1 for decreasing
 		// round - true to round results to whole number 
@@ -255,31 +318,34 @@ var zim = function(zim) {
 	}		
 	
 		
-	// ProportionDamp Class
-	
-	// converts an input value to an output value on a different scale with damping	
-	// works like Proportion Class but with a damping parameter
-	// var pd = new zim.ProportionDamp(parmeters);
-	
-	// PARAMETERS
-	// put in desired damping with 1 being no damping and .1 being the default
-	// in your own interval or ticker event function call pd.convert(input)
-	// the object always starts by assuming baseMin as baseValue
-	// if you want to start or go to an immediate value without easing then
-	// call the pd.immediate(baseValue) method with your desired baseValue (not targetValue)	
-	
-	// METHODS
-	// convert(input) - converts a base value to a target value
-	// immediate(input) - immediately sets the target value (no damping)
-	
-	// PROPERTIES
-	// damp - can adjust this dynamically (usually just pass it in as a parameter to start)
 			
 
+/*--
+zim.ProportionDamp = function(baseMin, baseMax, targetMin, targetMax, damp, factor, targetRound)
 
+ProportionDamp Class
+
+converts an input value to an output value on a different scale with damping	
+works like Proportion Class but with a damping parameter
+var pd = new zim.ProportionDamp(parmeters);
+
+PARAMETERS
+put in desired damping with 1 being no damping and .1 being the default
+in your own interval or ticker event function call pd.convert(input)
+the object always starts by assuming baseMin as baseValue
+if you want to start or go to an immediate value without easing then
+call the pd.immediate(baseValue) method with your desired baseValue (not targetValue)	
+
+METHODS
+convert(input) - converts a base value to a target value
+immediate(input) - immediately sets the target value (no damping)
+
+PROPERTIES
+damp - can adjust this dynamically (usually just pass it in as a parameter to start)
+--*/
 	zim.ProportionDamp = function(baseMin, baseMax, targetMin, targetMax, damp, factor, targetRound) {
 		
-		if (zon) zog("zimcode.js: ProportionDamp");
+		if (zon) zog("zim code - ProportionDamp");
 		
 		// damp - can be changed via damp get/set method property	
 		// factor - set to 1 for increasing and -1 for decreasing
@@ -350,8 +416,11 @@ var zim = function(zim) {
 
 
 	// DOM CODE	
-	// how many pixels down from the top the browser window has been scrolled
 
+/*--
+zim.scrollY = function()
+how many pixels down from the top the browser window has been scrolled
+--*/
 	zim.scrollY = function() {		
 		var safari = 0;
 		var browser=navigator.appName;
@@ -366,31 +435,49 @@ var zim = function(zim) {
 		}			
 	}
 	
+/*--
+zim.windowWidth = function()
+returns the width of a window
+window.clientWidth or window.innerWidth
+--*/	
 	zim.windowWidth = function() {
 		return isNaN(window.innerWidth) ? window.clientWidth : window.innerWidth;
 	}
-	
+
+/*--
+zim.windowHeight = function()
+returns the height of a window
+window.clientHeight or window.innerHeight
+--*/	
 	zim.windowHeight = function() {
 		return isNaN(window.innerHeight) ? window.clientHeight : window.innerHeight;
 	}
 		
-	
-	// match PHP urlencode and urldecode functions
-	
+/*--
+zim.urlEncode = function(str)
+matches PHP urlencode and urldecode functions
+--*/
 	zim.urlEncode = function(str) {
 		var str = (str + '').toString();
 		return encodeURIComponent(str).replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').
 		replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+');
-	}	
+	}
+	
+/*--
+zim.urlDecode = function(str)
+matches PHP urlencode and urldecode functions
+--*/		
 	zim.urlDecode = function(str) {
 		 return decodeURIComponent((str + '').replace(/\+/g, '%20'));
 	}
 	
 	
-	// set, get, and delete cookies
-	// if no days, it will be a session cookie (while browser is open)
-	
-	zim.setCookie = function(name,value,days) {
+/*--
+zim.setCookie = function(name, value, days)
+sets an HTML cookie
+if no days, it will be a session cookie (while browser is open)
+--*/
+	zim.setCookie = function(name, value, days) {
 		if (days) {
 			var date = new Date();
 			date.setTime(date.getTime()+(days*24*60*60*1000));
@@ -401,6 +488,10 @@ var zim = function(zim) {
 		document.cookie = name+"="+escape(value)+expires+"; path=/";
 	}
 	
+/*--
+zim.getCookie = function(name)
+gets an HTML cookie
+--*/	
 	zim.getCookie = function(name) {
 		var outer = document.cookie.split(/;\s*/);	
 		var cookies = new Array();
@@ -412,6 +503,10 @@ var zim = function(zim) {
 		return unescape(cookies[name]);
 	}
 	
+/*--
+zim.deleteCookie = function(name)
+deletes an HTML cookie
+--*/
 	zim.deleteCookie = function(name) {
 		zim.setCookie(name,"",-1);
 	}	
@@ -431,35 +526,44 @@ var zim = function(zim) {
 	
 	if (zon) zog("ZIM CREATE Module");
 
-	
-	zim.drag = function(obj, rect, overCursor, dragCursor, currentTarget, mouseDowns) {
-		
-		// adds drag to an object (rect, overCursor, dragCursor optional, currentTarget optional, mouseDowns optional)
-		// rect is a rectangle object for the bounds of dragging
-		// the two cursor properties are any css cursor value such as "pointer", etc.
-		// currentTarget defaults to false allowing you to drag things within a container
-		// eg. drag(container); will drag any object within a container
-		// setting currentTarget to true will then drag the whole container
-		// dragging takes into account scaled and rotated object containers 	
-		// mouseDowns defaults to false which prevents a swipe from triggering when dragging	
-		
-		obj.cursor = (zot(overCursor))?"pointer":overCursor;
+/*--
+zim.drag = function(obj, rect, overCursor, dragCursor, currentTarget, mouseDowns, localBounds)
+adds drag and drop to an object 
+handles scaled, rotated nested objects
+rect is a rectangle object for the bounds of dragging
+this rectangle is relative to the stage (global)
+if a rectangle relative to the object's parent is desired then set the localBounds parameter to true
+after the rect comes two cursor properties which are any css cursor value such as "pointer", etc.
+currentTarget defaults to false allowing you to drag things within a container
+eg. drag(container); will drag any object within a container
+setting currentTarget to true will then drag the whole container	
+mouseDowns defaults to false which prevents a swipe from triggering when dragging
+localBounds defaults to false which means the rect is global - set to true for a rect in the object parent frame	
+returns obj for chaining
+--*/	
+	zim.drag = function(obj, rect, overCursor, dragCursor, currentTarget, mouseDowns, localBounds) {
+		if (zot(obj) || !obj.on) return;
+		obj.cursor = (zot(overCursor)) ? "pointer" : overCursor;
+		if (zot(rect)) localBounds = false;
 		if (zot(currentTarget)) currentTarget = false;		
 		if (zot(mouseDowns)) mouseDowns = false;
+		if (zot(localBounds)) localBounds = false;
 		
 		var diffX; var diffY; var point;		
 		obj.zimAdded = obj.on("added", initializeObject, null, true); // if not added to display list
-		if (obj.parent) {
-			initializeObject();
-		}
+		if (obj.parent) initializeObject();
 		
 		function initializeObject() {
 			// check position right away if there is a bounding box
 			// there is no mousedown so set the diffX and diffY to 0		
-			diffX = 0;diffY = 0;
+			diffX = 0; diffY = 0;
 			// positionObject() is used as well in the dragmove function	
 			// where it expects a global x and y
 			// so convert obj.x and obj.y positions inside its parent to global:
+			if (localBounds) {
+				// convert to global
+				rect = zim.boundsToGlobal(obj.parent, rect);
+			}
 			point = obj.parent.localToGlobal(obj.x, obj.y);
 			positionObject(obj, point.x, point.y);		
 		}
@@ -487,7 +591,8 @@ var zim = function(zim) {
 			// checkBounds returns the same values if there are no bounds
 			// and always returns values inside the bounds if there are bounds set
 			// firstly, convert the global x and y to a point relative to the object's parent
-			if (!obj.parent) return;
+			if (!o.parent) return;
+			if (!o.getStage()) return;
 			var point = o.parent.globalToLocal(x, y);
 			var checkedPoint = checkBounds(point.x-diffX, point.y-diffY);			
 			// now set the object's x and y to the resulting checked local point
@@ -499,9 +604,8 @@ var zim = function(zim) {
 		obj.zimUp = obj.on("pressup", function(e) { 
 			obj.cursor = (zot(overCursor))?"pointer":overCursor;
 		}, true);
-				
-				
-		function checkBounds(x,y) {							
+					
+		function checkBounds(x, y) {							
 		
 			if (rect) {					
 				// convert the desired drag position to a global point
@@ -522,43 +626,63 @@ var zim = function(zim) {
 			
 			return {x:x,y:y}				
 		}
+		
+		return obj;
 	}
 			
+/*--
+zim.noDrag = function(obj)
+removes drag function from an object
+this is not a stopDrag function (as in the drop of a drag and drop)
+that happens automatically with the drag() function
+this in a sense, turns off a drag function so it is no longer draggable
+returns obj for chaining
+--*/
 	zim.noDrag = function(obj) {
-		// removes drag function from an object
+		if (zot(obj) || !obj.on) return;	
 		obj.cursor = "default";
 		obj.off("added", obj.zimAdded);
 		obj.off("mousedown", obj.zimDown);
 		obj.off("pressmove", obj.zimMove);
-		obj.off("pressup", obj.zimUp);	
+		obj.off("pressup", obj.zimUp);
+		return obj;	
 	}
 
-	zim.hitTestPoint = function(obj,x,y) {
-		// see if shape (obj) is hitting the global point x and y on the stage
+/*--
+zim.hitTestPoint = function(obj, x, y)
+see if shape (obj) is hitting the global point x and y on the stage
+--*/
+	zim.hitTestPoint = function(obj, x, y) {
+		if (zot(obj) || !obj.globalToLocal) return;
 		var point = obj.globalToLocal(x,y);
 		return obj.hitTest(point.x, point.y);
 	}
-	
-	zim.hitTestReg = function(a,b) {	
-		// see if shape (a) is hitting the registration point of object b	
+
+/*--
+zim.hitTestReg = function(a, b)
+see if shape (a) is hitting the registration point of object (b)
+--*/	
+	zim.hitTestReg = function(a, b) {
+		if (zot(a) || zot(b) || !a.localToLocal || !b.localToLocal) return;	
 		var point = b.localToLocal(b.regX,b.regY,a);
 		return a.hitTest(point.x, point.y);
 	}
 
-
-	zim.hitTestRect = function(a,b,num) {
-		// see if a shape (a) is hitting points on a rectangle
-		// the rectangle is based on the position, registration and bounds of object b
-		// the four corners are the default with num=0;
-		// if num is 1 then it tests for one extra (mid) point on each side
-		// if num is 2 then it tests for two extra points on each side (1/3 and 2/3)
-		// etc.
-		
+/*--
+zim.hitTestRect = function(a, b, num)
+see if a shape (a) is hitting points on a rectangle
+the rectangle is based on the position, registration and bounds of object (b)
+the four corners are the default with num=0;
+if num is 1 then it tests for one extra (mid) point on each side
+if num is 2 then it tests for two extra points on each side (1/3 and 2/3)
+etc.
+--*/
+	zim.hitTestRect = function(a, b, num) {
+		if (zot(a) || zot(b) || !a.hitTest || !b.getBounds) return;
 		if (zot(num)) num = 0;
-			
 		var bounds = b.getBounds();
 		if (!bounds) {
-			zog("zimcreate.js hitTestRect():\n please setBounds() on param b object");
+			zog("zim create - hitTestRect():\n please setBounds() on param b object");
 			return;
 		}
 		
@@ -582,17 +706,19 @@ var zim = function(zim) {
 			if (a.hitTest(point.x, point.y)) return true;
 		}
 	}
-	
-	zim.hitTestCircle = function(a,b,num) {
-		// see if a shape (a) is hitting points on a circle
-		// the circle is based on the position, registration and bounds of object b
-		// num is how many points around the circle we test - default is 8
-		
-		if (zot(num)) num = 8;
-		
+
+/*--
+zim.hitTestCircle = function(a, b, num)
+see if a shape (a) is hitting points on a circle
+the circle is based on the position, registration and bounds of object (b)
+num is how many points around the circle we test - default is 8
+--*/	
+	zim.hitTestCircle = function(a, b, num) {
+		if (zot(a) || zot(b) || !a.hitTest || !b.getBounds) return;
+		if (zot(num)) num = 8;		
 		var bounds = b.getBounds();
 		if (!bounds) {
-			zog("zimcreate.js hitTestCircle():\n please setBounds() on param b object");
+			zog("zim create - hitTestCircle():\n please setBounds() on param b object");
 			return;
 		}
 		
@@ -609,18 +735,21 @@ var zim = function(zim) {
 		}
 		
 	}
-	
-	zim.hitTestBounds = function(a,b,boundsShape) {
-		// see if the a.getBounds() is hitting the b.getBounds()
-		// we draw bounds for demonstration if you pass in a boundsShape shape
-		
+
+/*--
+zim.hitTestBounds = function(a, b, boundsShape)
+see if the a.getBounds() is hitting the b.getBounds()
+we draw bounds for demonstration if you pass in a boundsShape shape
+--*/	
+	zim.hitTestBounds = function(a, b, boundsShape) {
+		if (zot(a) || zot(b) || !a.getBounds || !b.getBounds) return;
 		var boundsCheck = false;
 		if (boundsShape && boundsShape.graphics) boundsCheck=true;
 				
 		var aB = a.getBounds();
 		var bB = b.getBounds();
 		if (!aB || !bB) {
-			zog("zimcreate.js hitTestBounds():\n please setBounds() on both objects");
+			zog("zim create - hitTestBounds():\n please setBounds() on both objects");
 			return;
 		}
 		
@@ -649,20 +778,27 @@ var zim = function(zim) {
 		}
 	}
 
-
-	zim.boundsToGlobal = function(o) {
-		// returns a rectangle of the bounds projected onto the stage
-		// used by the hitTestBounds above so probably you will not use this directly		
-		var oB = o.getBounds();
-		if (!oB) {
-			zog("zimcreate.js boundsToGlobal():\n please setBounds() on both objects");
+/*--
+zim.boundsToGlobal = function(obj, rectangle)
+returns a rectangle of the bounds of object projected onto the stage
+if a rectangle is passed in then it converts this rectangle 
+from within the frame of the obj to a global rectangle
+used by the hitTestBounds above so probably you will not use this directly
+--*/
+	zim.boundsToGlobal = function(obj, rectangle) {
+		
+		if (zot(obj) || !obj.getBounds) return;
+		var oB = obj.getBounds();
+		if (!oB && zot(rectangle)) {
+			zog("zim create - boundsToGlobal():\n please setBounds() on object (or a rectangle)");
 			return;
 		}
+		if (rectangle) oB = rectangle;
 		
-		var pTL = o.localToGlobal(oB.x, oB.y);
-		var pTR = o.localToGlobal(oB.x+oB.width, oB.y);
-		var pBR = o.localToGlobal(oB.x+oB.width, oB.y+oB.height);		
-		var pBL = o.localToGlobal(oB.x, oB.y+oB.height);
+		var pTL = obj.localToGlobal(oB.x, oB.y);
+		var pTR = obj.localToGlobal(oB.x+oB.width, oB.y);
+		var pBR = obj.localToGlobal(oB.x+oB.width, oB.y+oB.height);		
+		var pBL = obj.localToGlobal(oB.x, oB.y+oB.height);
 		
 		// handle rotation
 		var newTLX = Math.min(pTL.x,pTR.x,pBR.x,pBL.x);
@@ -677,34 +813,72 @@ var zim = function(zim) {
 			newBRY-newTLY
 		);	
 	}
-	
-	zim.scale = function(o, s) {
-		// convenience function to do scaleX and scaleY in one call
-		// pass in the object to scale followed by the scale
-		if (zot(o)) return;	
-		if (zot(s)) s=1;
-		o.scaleX = o.scaleY = s;	
+
+/*--
+zim.scale = function(obj, scale)
+convenience function to do scaleX and scaleY in one call
+pass in the object to scale followed by the scale
+returns the object for chaining
+--*/	
+	zim.scale = function(obj, scale) {
+		if (zot(obj) || !obj.scaleX) return;	
+		if (zot(scale)) scale=1;
+		obj.scaleX = obj.scaleY = scale;
+		return obj; 
 	}
-	
 
-	zim.move = function(target, x, y, t, ease) {		
-		// convenience function (wraps createjs.Tween)
-		// to animate an object target to position x, y in t miliseconds
-		// with ease (optional)
+/*--
+zim.scaleTo = function(obj, boundObj, maxPercentX, maxPercentY)
+scales object to a percentage of another object's bounds
+percentage is from 0 - 100 (not 0-1)
+for example, button is 10% the width of the stage
+if both x and y percents are added it will take the smallest scaling
+returns the object for chaining
+--*/	
+	zim.scaleTo = function(obj, boundObj, maxPercentX, maxPercentY) {
+		if (zot(obj) || !obj.getBounds || !obj.getBounds()) {zog ("zim create - scaleTo(): please provide an object (with setBounds) to scale"); return;}
+		if (zot(boundObj) || !boundObj.getBounds || !boundObj.getBounds()) {zog ("zim create - scaleTo(): please provide a boundObject (with setBounds) to scale to"); return;}
+		if (zot(maxPercentX)) maxPercentX = 100;
+		if (zot(maxPercentY)) maxPercentY = 100;
+		var w = boundObj.getBounds().width * maxPercentX / 100;
+		var h = boundObj.getBounds().height * maxPercentY / 100;
+		var scale = Math.min(w/obj.getBounds().width, h/obj.getBounds().height);
+		zim.scale(obj, scale);
+		return obj;
+	}
+	
+/*--
+zim.move = function(target, x, y, t, ease, callBack, params, wait)
+convenience function (wraps createjs.Tween)
+to animate an object target to position x, y in t milliseconds
+with optional ease and a callBack function and params (send an array, for instance)
+returns target for chaining
+--*/
+	zim.move = function(target, x, y, t, ease, callBack, params, wait) {		
+		if (zot(target)) return;
 		if (zot(ease)) ease = "quadInOut";
+		if (zot(wait)) wait = 0;
 		createjs.Tween.get(target, {override: true})
+			.wait(wait)
 			.to({x:x, y:y}, t, createjs.Ease[ease])				
 			.call(doneAnimating);
 		var listener = createjs.Ticker.on("tick", stage);	
 		function doneAnimating() {
+			if (callBack && typeof callBack === 'function') {(callBack)(params);}
 			createjs.Ticker.off("tick", listener);
 		}		
+		return target;
 	}		
-	
+
+/*--
+zim.animate = function(target, obj, t, ease, callBack, params, wait)
+convenience function (wraps createjs.Tween)
+to animate object o properties in t milliseconds
+with optional ease and a callBack function and params (send an array, for instance)
+returns target for chaining
+--*/	
 	zim.animate = function(target, obj, t, ease, callBack, params, wait) {		
-		// convenience function (wraps createjs.Tween)
-		// to animate object o properties in t miliseconds
-		// with optional ease and a callBack function and params (send an array, for instance)
+		if (zot(target) || !target.on || zot(obj)) return;
 		if (zot(ease)) ease = "quadInOut";
 		if (zot(wait)) wait = 0;
 		createjs.Tween.get(target)
@@ -713,32 +887,37 @@ var zim = function(zim) {
 			.call(doneAnimating);
 		var listener = createjs.Ticker.on("tick", stage);	
 		function doneAnimating() {
-			if (callBack) {(callBack)(params);}
+			if (callBack && typeof callBack === 'function') {(callBack)(params);}
 			createjs.Ticker.off("tick", listener);
-		}		
+		}	
+		return target;	
 	}	
-	
+
+/*--
+zim.fit = function(obj, left, top, width, height, inside)
+scale an object to fit inside (or outside) a rectangle and center it
+actually scales and positions the object
+object must have bounds set (setBounds())
+if only the object is passed in then if fits to the stage
+the inside parameter defaults to true and fits the object inside the bounds
+if inside is false then it fits the object around the bounds
+in both cases the object is centered
+returns an object with the new and old details:
+{x:obj.x, y:obj.y, width:newW, height:newH, scale:scale, bX:left, bY:top, bWidth:width, bHeight:height}
+--*/	
 	zim.fit = function(obj, left, top, width, height, inside) {
-		// scale an object to fit inside (or outside) a rectangle and center it
-		// actually scales and positions the object
-		// object must have bounds set (setBounds())
-		// if only the object is passed in then if fits to the stage
-		// the inside parameter defaults to true and fits the object inside the bounds
-		// if inside is false then it fits the object around the bounds
-		// in both cases the object is centered
-		// returns an object with the new {x:obj.x, y:obj.y, width:newW, height:newH, scale:scale}
-		if (zot(obj)) return;
+		if (zot(obj) || !obj.getBounds) return;
 		if (!obj.getBounds()) {
-			zog("zimcreate.js fit(): please setBounds() on object");
+			zog("zim create - fit(): please setBounds() on object");
 			return;
 		}				
 		if (zot(left)) {
 			if (!obj.getStage()) {
-				zog("zimcreate.js fit(): please add boundary dimensions or add obj to stage first");
+				zog("zim create - fit(): please add boundary dimensions or add obj to stage first");
 				return;
 			}	
 			if (!obj.getStage().getBounds()) {
-				zog("zimcreate.js fit(): please add boundary dimensions or add obj with bounds to stage first");
+				zog("zim create - fit(): please add boundary dimensions or add obj with bounds to stage first");
 				return;
 			}			
 			var stageW = obj.getStage().getBounds().width;
@@ -781,18 +960,24 @@ var zim = function(zim) {
 		// vertical center
 		obj.y = top + (h-newH)/2;	
 		
-		return {x:obj.x, y:obj.y, width:newW, height:newH, scale:scale};	
+		return {x:obj.x, y:obj.y, width:newW, height:newH, scale:scale, bX:left, bY:top, bWidth:width, bHeight:height};	
 							
 	}	
-	
+
+/*--
+zim.outline = function(obj, color, size)
+for testing purposes
+draws a rectangle around the bounds of obj (adds rectangle to the objects parent)
+draws a cross at the origin of the object (0,0) where content will be placed
+draws a circle at the registration point of the object (where it will be placed in its container)
+these three things could be in completely different places ;-)
+returns the shape if you want to remove it: obj.parent.removeChild(returnedShape);
+will not be resized - really just to use while building and then comment it out or delete it
+--*/	
 	zim.outline = function(obj, color, size) {
-		// draws a rectangle around the bounds of obj in the provided shape
-		// draws a cross at the origin of the object (0,0) where content will be placed
-		// draws a circle at the registration point of the object (where it will be placed in its container)
-		// these three things could be in completely different places ;-)
-		if (zot(obj)) {zog("zimcreate.js outline(): please provide object and shape"); return;}		
-		if (!obj.getBounds()) {zog("zimcreate.js outline(): please setBounds() on object");	return;}
-		if (!obj.parent) {zog("zimcreate.js outline(): object should be on stage first"); return;}
+		if (zot(obj) || !obj.getBounds) {zog("zim create - outline(): please provide object and shape"); return;}		
+		if (!obj.getBounds()) {zog("zim create - outline(): please setBounds() on object");	return;}
+		if (!obj.parent) {zog("zim create - outline(): object should be on stage first"); return;}
 		if (zot(color)) color = "brown";
 		if (zot(size)) size = 2;
 		var oB = obj.getBounds();
@@ -825,7 +1010,8 @@ var zim = function(zim) {
 		g.s(color).ss(size).dc(obj.x,obj.y,s+6);
 		
 		obj.parent.addChild(shape);		
-		if (obj.getStage()) obj.getStage().update();		
+		if (obj.getStage()) obj.getStage().update();
+		return obj;		
 	}
 	
 
@@ -844,22 +1030,25 @@ var zim = function(zim) {
 	
 	if (zon) zog("ZIM BUILD Module");
 	
-	
-	// Triangle class
-	
-	// extends a createjs.Shape
-	// makes a triangle shape using three line lengths
-	// var tri = new zim.Triangle(parameters);
-	
-	// PARAMETERS
-	// a, b and c are the lengths of the sides
-	// a will run horizontally along the bottom
-	// b is upwards and c is back to the origin
-	// fill, stroke, strokeSize are optional
-	// center defaults to true and puts the registration point to the center
-	// the actual center is not really the weighted center 
-	// so can pass in an adjust which brings the center towards its vertical base
-	
+
+/*--
+zim.Triangle = function(a, b, c, fill, stroke, strokeSize, center, adjust)
+
+Triangle class
+
+extends a createjs.Shape
+makes a triangle shape using three line lengths
+var tri = new zim.Triangle(parameters);
+
+PARAMETERS
+a, b and c are the lengths of the sides
+a will run horizontally along the bottom
+b is upwards and c is back to the origin
+fill, stroke, strokeSize are optional
+center defaults to true and puts the registration point to the center
+the actual center is not really the weighted center 
+so can pass in an adjust which brings the center towards its vertical base
+--*/		
 	zim.Triangle = function(a, b, c, fill, stroke, strokeSize, center, adjust) {
 						
 		function makeTriangle() {
@@ -878,7 +1067,7 @@ var zim = function(zim) {
 			cc = lines[2];
 			
 			if (aa > bb+cc) {
-				zog("zimbuild.js Triangle(): invalid triangle lengths");
+				zog("zim build - Triangle(): invalid triangle lengths");
 				return;
 			}		
 					
@@ -938,32 +1127,36 @@ var zim = function(zim) {
 		
 	}	
 	
-	
-	// Label Class
-	
-	// extends a createjs.Container	
-	// makes a label - wraps the createjs Text object
-	// can use with Button, CheckBox, RadioButtons and Pane 
-	// var label = new zim.Label(parameters);	
-	// Text seems to come in different sizes so we do our best
-	// Have tended to find that left and alphabetic are most consistent across browsers
-	
-	// PARAMETERS
-	// see the defaults in the code below 
-	
-	// METHODS
-	// showRollColor(boolean) - true to show roll color (used internally)
-	// clone() - returns a copy of the label and its properties
-	// dispose() - to get rid of the button and listeners
-	
-	// PROPERTIES
-	// label - references the text object of the label
-	// text - references the text property of the text object
-	
-	// EVENTS
-	// dispatches no events 
 		
-			
+/*--
+zim.Label = function(labelText, fontSize, font, textColor, textRollColor, shadowColor, shadowBlur)
+
+Label Class
+
+extends a createjs.Container	
+makes a label - wraps the createjs Text object
+can use with Button, CheckBox, RadioButtons and Pane 
+var label = new zim.Label(parameters);	
+Text seems to come in different sizes so we do our best
+Have tended to find that left and alphabetic are most consistent across browsers
+
+PARAMETERS (see the defaults in the code)
+labelText, 
+fontSize, font, textColor, textRollColor, 
+shadowColor, shadowBlur
+
+METHODS
+showRollColor(boolean) - true to show roll color (used internally)
+clone() - returns a copy of the label and its properties
+dispose() - to get rid of the button and listeners
+
+PROPERTIES
+label - references the text object of the label
+text - references the text property of the text object
+
+EVENTS
+dispatches no events 
+--*/	
 	zim.Label = function(labelText, fontSize, font, textColor, textRollColor, shadowColor, shadowBlur) {
 	
 		function makeLabel() {	
@@ -1034,45 +1227,43 @@ var zim = function(zim) {
 		return new makeLabel();
 		
 	}
-		
-		
-	
-	
-	// Button Class
-	
-	// extends a createjs.Container	
-	// makes a button with rollovers 
-	// var button = new zim.Button(parameters);
-	// you will need to stage.addChild(button); and position it
-	// you will need to add a click event button.on("click", function);
-	// the Button class handles the rollovers		
-	
-	// PARAMETERS
-	// see the defaults in the code below
-	// (label is a ZIM Label object or text for default label properties)
-	
-	// METHODS
-	// dispose() - to get rid of the button and listeners
-	
-	// PROPERTIES
-	// width and height - or use getBounds().width and getBounds().height
-	// text - references the text property of the Label object of the button
-	// label - gives access to the label including button.label.text
-	// backing - references the backing of the button
 	
-	// EVENTS
-	// dispatches no events - you make your own click event
 		
-			
-	zim.Button = function(
-		width, height, label, 
-		backingColor, backingRollColor, borderColor, borderThickness,
-		corner, shadowColor, shadowBlur
-	) {
+/*--
+zim.Button = function(width, height, label, backingColor, backingRollColor, borderColor, borderThickness, corner, shadowColor, shadowBlur)
+
+Button Class
+
+extends a createjs.Container	
+makes a button with rollovers 
+var button = new zim.Button(parameters);
+you will need to stage.addChild(button); and position it
+you will need to add a click event button.on("click", function);
+the Button class handles the rollovers		
+
+PARAMETERS (all with defaults - see code)
+width, height, 
+label, // ZIM Label or plain text for default settings
+backingColor, backingRollColor, borderColor, borderThickness, 
+corner, shadowColor, shadowBlur
+
+METHODS
+dispose() - to get rid of the button and listeners
+
+PROPERTIES
+width and height - or use getBounds().width and getBounds().height
+text - references the text property of the Label object of the button
+label - gives access to the label including button.label.text
+backing - references the backing of the button
+
+EVENTS
+dispatches no events - you make your own click event
+--*/		
+	zim.Button = function(width, height, label, backingColor, backingRollColor, borderColor, borderThickness, corner, shadowColor, shadowBlur) {
 	
 		function makeButton() {
 			
-			// if (zon) zog("zimbuild.js: Button");
+			// if (zon) zog("zim build - Button");
 			
 			if (zot(width)) width=200;
 			if (zot(height)) height=60;
@@ -1148,35 +1339,38 @@ var zim = function(zim) {
 		
 	}
 	
-	// CheckBox Class
-	
-	// extends createjs.Container
-	// a checkbox that when clicked toggles the check and a checked property
-	// var checkBox = new zim.CheckBox(parameters)
-	
-	// PARAMETERS
-	// size - in pixels (always square)
-	// label - ZIM Label object - or just some text to make a default label
-	// startChecked - an initial parameter to set checked if true - default is false
-	// color - the stroke and check color (default black) - background is set to a .5 alpha white
-	// margin - is on outside of box so clicking or pressing is easier
-	
-	// METHODS
-	// setChecked(Boolean) - defaults to true to set button checked (or use checked property)
-	
-	// PROPERTIES
-	// label - gives access to the label including checkBox.label.text
-	// checked - gets or sets the check of the box
-	
-	// EVENTS
-	// dispatches a "change" event when clicked on (or use a click event)
-	
 	
+/*--
+zim.CheckBox = function(size, label, startChecked, color, margin)
+
+CheckBox Class
+
+extends createjs.Container
+a checkbox that when clicked toggles the check and a checked property
+var checkBox = new zim.CheckBox(parameters)
+
+PARAMETERS
+size - in pixels (always square)
+label - ZIM Label object - or just some text to make a default label
+startChecked - an initial parameter to set checked if true - default is false
+color - the stroke and check color (default black) - background is set to a .5 alpha white
+margin - is on outside of box so clicking or pressing is easier
+
+METHODS
+setChecked(Boolean) - defaults to true to set button checked (or use checked property)
+
+PROPERTIES
+label - gives access to the label including checkBox.label.text
+checked - gets or sets the check of the box
+
+EVENTS
+dispatches a "change" event when clicked on (or use a click event)
+--*/
 	zim.CheckBox = function(size, label, startChecked, color, margin) {
 	
 		function makeCheckBox() {
 			
-			// if (zon) zog("zimbuild.js: CheckBox");
+			// if (zon) zog("zim build - CheckBox");
 				
 			if (zot(size)) size = 60;
 			if (zot(label)) label = null;			
@@ -1264,47 +1458,50 @@ var zim = function(zim) {
 		
 	}	
 
-	
-	// RadioButtons Class
-	
-	// extends createjs.Container
-	// a radio button set that lets you pick from choices
-	// var radioButton = new zim.RadioButton(parameters)
-	
-	// PARAMETERS
-	// size - in pixels (always square)
-	// buttonData - an array of button data objects as follows:	
-	// [{label:ZIM Label or text, id:optional id, selected:optional Boolean}, {etc...}]
-	// or just a list of labels for default labels ["hi", "bye", "what!"]
-	
-	// vertical - boolean that if true displays radio buttons vertically else horizontally
-	// color - the stroke and check color (default black) - background is set to a .5 alpha white
-	// spacing - the space between radio button objects
-	// margin - the space around the radio button itself
-	
-	// METHODS
-	// setSelected(num) - sets the selected index (or use selectedIndex) -1 is default (none)
-	
-	// PROPERTIES
-	// selected - gets the selected object - selected.label, selected.id, etc.
-	// selectedIndex - gets or sets the selected index of the buttons
-	// label - current selected label object
-	// text - current selected label text
-	// id - current selected id
-	// labels - an array of the ZIM Label objects. labels[0].text = "YUM"; labels[2].y -= 10;
-	
-	// EVENTS
-	// dispatches a "change" event when clicked on (or use a click event)
-	// then ask for the properties above for info
 
-	
+/*--
+zim.RadioButtons = function(size, buttonData, vertical, color, spacing, margin)
+
+RadioButtons Class
+
+extends createjs.Container
+a radio button set that lets you pick from choices
+var radioButton = new zim.RadioButton(parameters)
+
+PARAMETERS
+size - in pixels (always square)
+buttonData - an array of button data objects as follows:	
+[{label:ZIM Label or text, id:optional id, selected:optional Boolean}, {etc...}]
+or just a list of labels for default labels ["hi", "bye", "what!"]
+
+vertical - boolean that if true displays radio buttons vertically else horizontally
+color - the stroke and check color (default black) - background is set to a .5 alpha white
+spacing - the space between radio button objects
+margin - the space around the radio button itself
+
+METHODS
+setSelected(num) - sets the selected index (or use selectedIndex) -1 is default (none)
+
+PROPERTIES
+selected - gets the selected object - selected.label, selected.id, etc.
+selectedIndex - gets or sets the selected index of the buttons
+label - current selected label object
+text - current selected label text
+id - current selected id
+labels - an array of the ZIM Label objects. labels[0].text = "YUM"; labels[2].y -= 10;
+
+EVENTS
+dispatches a "change" event when clicked on (or use a click event)
+then ask for the properties above for info
+--*/
 	zim.RadioButtons = function(size, buttonData, vertical, color, spacing, margin) {
 	
 		function makeRadioButtons() {
 			
-			// if (zon) zog("zimbuild.js: RadioButtons");
+			// if (zon) zog("zim build - RadioButtons");
 			
 			if (zot(size)) size = 60;
+			size = Math.max(5, size);
 			if (zot(buttonData)) return;
 			if (zot(vertical)) vertical = true;
 			if (zot(color)) color = "black";
@@ -1406,7 +1603,7 @@ var zim = function(zim) {
 								
 				return(but);
 			}
-			
+			if (!this.getBounds()) this.setBounds(0,0,size,size);
 			this.setBounds(0,0,this.getBounds().width+margin,this.getBounds().height+margin);
 			
 			// the main function that sets a button selected (after the initial makeButton)
@@ -1434,6 +1631,7 @@ var zim = function(zim) {
 					that.text = "";
 				} else {
 					but.addChild(but.check);
+
 					that.id = currentObject.id;
 					that.label = currentObject.label;				
 					if (that.label) that.text = that.label.text;
@@ -1480,51 +1678,52 @@ var zim = function(zim) {
 	}
 	
 	
+/*--
+zim.Pane = function(stage, width, height, label, color, drag, resets, modal, corner, backingAlpha, shadowColor, shadowBlur)
 
-	
-	// Pane Class
-	
-	// extends a createjs.Container
-	// adds a window for alerts, etc.
-	// var pane = new zim.Pane(parameters); 
-	// you need to call the pane.show() to show the pane and pane.hide() to hide it
-	// you do not need to add it to the stage - it adds itself centered
-	// you can change the x and y (with origin and registration point in middle)
+Pane Class
 
-	// PARAMETERS
-	// see the defaults in the code below
-	// pass in the stage and the width and height of the pane
-	// pass in an optional ZIM Label (or text for default label properties)
-	// pass in a boolean for if you want to drag the pane (default false)
-	// pass in whether a dragging pane should open at first start position (defaults false)
-	// for reset, by default, Pane takes the first position and will continue to use that
-	// modal defaults to true and means the pane will close when user clicks off the pane
-	// corner is the corner radius default 20
-	// the backingAlpha is the darkness of the background that fills the stage
-	// value for shadow blur - 0 for no shadow
-	
-	// METHODS
-	// show() - shows the pane
-	// hide() - hides the pane
-	
-	// PROPERTIES
-	// display - reference to the pane box
-	// label - gives access to the label including pane.label.text
-	// backing - reference to the backing	that covers the stage
-	// resetX - if reset is true you can dynamically adjust the position if needed
-	// resetY 
-	
-	// EVENTS
-	// dispatches a "close" event when closed by clicking on backing
-		
+extends a createjs.Container
+adds a window for alerts, etc.
+var pane = new zim.Pane(parameters); 
+you need to call the pane.show() to show the pane and pane.hide() to hide it
+you do not need to add it to the stage - it adds itself centered
+you can change the x and y (with origin and registration point in middle)
+
+PARAMETERS
+see the defaults in the code below
+pass in the stage and the width and height of the pane
+pass in an optional ZIM Label (or text for default label properties)
+pass in a boolean for if you want to drag the pane (default false)
+pass in whether a dragging pane should open at first start position (defaults false)
+for reset, by default, Pane takes the first position and will continue to use that
+modal defaults to true and means the pane will close when user clicks off the pane
+corner is the corner radius default 20
+the backingAlpha is the darkness of the background that fills the stage
+value for shadow blur - 0 for no shadow
+
+METHODS
+show() - shows the pane
+hide() - hides the pane
+
+PROPERTIES
+display - reference to the pane box
+label - gives access to the label including pane.label.text
+backing - reference to the backing	that covers the stage
+resetX - if reset is true you can dynamically adjust the position if needed
+resetY 
+
+EVENTS
+dispatches a "close" event when closed by clicking on backing
+--*/	
 	zim.Pane = function(stage, width, height, label, color, drag, resets, modal, corner, backingAlpha, shadowColor, shadowBlur) {
 		
 		function makePane() {
 			
-			// if (zon) zog("zimbuild.js: Pane");
+			// if (zon) zog("zim build - Pane");
 			
-			if (zot(stage)) {zog("zimbuild.js Pane(): Please pass in a reference to the stage with bounds set as first parameter");	return;}
-			if (!stage.getBounds()) {zog("zimbuild.js Pane(): Please give the stage bounds using setBounds()");	return;}
+			if (zot(stage) || !stage.getBounds) {zog("zim build - Pane(): Please pass in a reference to the stage with bounds set as first parameter");	return;}
+			if (!stage.getBounds()) {zog("zim build - Pane(): Please give the stage bounds using setBounds()");	return;}
 
 			if (zot(width)) width=200;
 			if (zot(height)) height=200;
@@ -1573,8 +1772,6 @@ var zim = function(zim) {
 				e.stopImmediatePropagation();
 			});
 			
-			
-			
 			this.resetX; this.resetY;
 			if (drag) {				
 				display.cursor = "pointer";
@@ -1608,9 +1805,7 @@ var zim = function(zim) {
 				this.label = label;
 				this.text = label.text;				
 			}
-															
-		
-					
+																
 			stage.update();			
 			
 			this.hide = function() {
@@ -1649,38 +1844,174 @@ var zim = function(zim) {
 	}
 	
 	
-	// Parallax Class	
-	
-	// takes objects and moves them with a parallax effect based on mouse movement
-	// for proper parallax, the objects closer move more than the objects farther back
-	// make a new object: p = new zim.Parallax(parameters)
-	
-	// PARAMETERS
-	// pass in the stage from your code (uses stage.mouseX and stage.mouseY)
-	// pass in the damping value (.1 default)
-	// pass in an array of layer objects in the following format
-	// [[obj, distanceX, distanceY], [obj2, distanceX, distanceY], etc.]
-	// or you can add these one at a time with the p.addLayer(obj, distanceX, distanceY); method
-	// you must pass in a layer object - the distanceX and distanceY can be 0 for no motion on that axis
-	// the distance is the total distance you want the layer object to travel
-	// relative to the cursor position between 0 and stage width or height
-	// the Parallax class will apply half the distance on either side of the object's start point
-	// should work through nested clips...
-	
-	// METHODS 
-	// addLayer(obj, distanceX, distanceY) - to alternately add layers after the object is made
-	// dispose() - removes listeners
-	
-	// PROPERTIES
-	// damp - allows you to dynamically change the damping
-	
+/*--
+zim.Waiter = function(stage, speed, backingColor, circleColor, corner, shadowColor, shadowBlur)
+
+Waiter Class
+
+extends a createjs.Container
+adds a little animated three dot wait widget
+var waiter = new zim.Waiter(parameters); 
+you need to call the waiter.show() to show the waiter and waiter.hide() to hide it
+you do not need to add it to the stage - it adds itself centered
+you can change the x and y (with origin and registration point in middle)
+
+PARAMETERS
+pass in the stage and speed in ms for the cycle time (default 600ms)
+pass in backing color and dot color
+corner is the corner radius default 14
+color and value for shadow blur - 0 for no shadow
+
+METHODS
+show() - shows the waiter
+hide() - hides the waiter
+
+PROPERTIES
+display - reference to the waiter backing graphic
+
+EVENTS
+dispatches a "close" event when closed by clicking on backing
+--*/	
+	zim.Waiter = function(stage, speed, backingColor, circleColor, corner, shadowColor, shadowBlur) {
+		
+		function makeWaiter() {
+			
+			// if (zon) zog("zim build - Waiter");
+			
+			if (zot(stage) || !stage.getBounds) {zog("zim build - Waiter(): Please pass in a reference to the stage with bounds set as first parameter");	return;}
+			if (!stage.getBounds()) {zog("zim build - Waiter(): Please give the stage bounds using setBounds()");	return;}
+
+			if (zot(speed)) speed=600; // ms cycle time
+			if (zot(backingColor)) backingColor="orange";
+			if (zot(circleColor)) circleColor="white";
+			if (zot(corner)) corner=16;
+			if (zot(shadowColor)) shadowColor="#444";
+			if (zot(shadowBlur)) shadowBlur=14;		
+			
+			var height = 40;	
+			var numDots = 3;
+			var r = height*.6/2;
+			var s = (height-r*2)/2;			
+			var width = numDots*(r*2+s)+s;	
+						
+			this.setBounds(-width/2,-height/2, width, height);
+ 			
+			var that = this;
+					
+			var display = this.display = new createjs.Shape();
+			this.addChild(display);
+			display.setBounds(0, 0, width, height);
+			display.regX = width/2;
+			display.regY = height/2;
+			g = display.graphics;
+			g.beginFill(backingColor);
+			g.drawRoundRect(0, 0, width, height, corner);
+			if (shadowBlur > 0) display.shadow = new createjs.Shadow(shadowColor, 3, 3, shadowBlur);		
+			display.on("click", function(e) {
+				// stops the click from going through the display to the background
+				e.stopImmediatePropagation();
+			});
+			
+			var circles = new createjs.Container();
+			this.addChild(circles);
+			
+			var dot; 
+			for (var i=0; i<numDots; i++) {
+				dot = new createjs.Shape();
+				dot.graphics.f(circleColor).dc(0,0,r);
+				dot.x = (i-(numDots-1)/2) * (r*2+s);
+				circles.addChild(dot);
+				dot.cache(-r,-r,r*2,r*2);
+				dot.alpha = 0;	
+			}
+															
+			stage.update();			
+			
+			this.hide = function() {
+				createjs.Tween.get(that,{override:true})											
+							.to({alpha:0}, 300).call(function() {
+								createjs.Ticker.off("tick", that.ticker);
+								stage.removeChild(that);
+								stage.update();	
+							});				
+			}			
+			this.show = function() {
+				var dot; var counter=0;
+				for (var i=0; i<circles.getNumChildren(); i++) {
+					that.alpha = 0;
+					createjs.Tween.get(that,{override:true})											
+							.to({alpha:1}, 300);					
+					setTimeout(function() {
+						dot = circles.getChildAt(counter);
+						createjs.Tween.get(dot,{loop:true})											
+							.to({alpha:1}, speed/numDots/2)
+							.wait(speed/numDots)
+							.to({alpha:0}, speed/numDots)
+							.wait(speed-speed/numDots-speed/numDots/2);
+						counter++;
+					}, i*speed/numDots);
+						
+				}
+				that.ticker = createjs.Ticker.on("tick", stage);
+				
+				that.x = (stage.getBounds().width) /2;
+				that.y = (stage.getBounds().height) /2;
+				stage.addChild(that);			
+				stage.update();	
+			}				
+			
+			this.dispose = function() {
+				display.removeAllEventListeners();
+				that.removeChild(display);
+				that.removeChild(circles);
+				display = null;
+				circles = null;
+			}
+		}
+		
+		// note the actual class is wrapped in a function
+		// because createjs might not have existed at load time		
+		makeWaiter.prototype = new createjs.Container();
+		makeWaiter.constructor = zim.Waiter;
+		return new makeWaiter();
 		
+	}	
+
+
+/*--
+zim.Parallax = function(stage, damp, layers)
+
+Parallax Class	
+
+takes objects and moves them with a parallax effect based on mouse movement
+for proper parallax, the objects closer move more than the objects farther back
+make a new object: p = new zim.Parallax(parameters)
+
+PARAMETERS
+pass in the stage from your code (uses stage.mouseX and stage.mouseY)
+pass in the damping value (.1 default)
+pass in an array of layer objects in the following format
+[[obj, distanceX, distanceY], [obj2, distanceX, distanceY], etc.]
+or you can add these one at a time with the p.addLayer(obj, distanceX, distanceY); method
+you must pass in a layer object - the distanceX and distanceY can be 0 for no motion on that axis
+the distance is the total distance you want the layer object to travel
+relative to the cursor position between 0 and stage width or height
+the Parallax class will apply half the distance on either side of the object's start point
+should work through nested clips...
+
+METHODS 
+addLayer(obj, distanceX, distanceY) - to alternately add layers after the object is made
+dispose() - removes listeners
+
+PROPERTIES
+damp - allows you to dynamically change the damping
+--*/	
 	zim.Parallax = function(stage, damp, layers) {
 						
-		if (zon) zog("zimbuild.js: Parallax");
+		if (zon) zog("zim build - Parallax");
 		
-		if (zot(stage)) {zog("zimbuild.js: Parallax(): please pass in the stage with bounds as first parameter"); return;}
-		if (!stage.getBounds()) {zog("zimbuild.js Pane(): Please give the stage bounds using setBounds()");	return;}
+		if (zot(stage) || !stage.getBounds) {zog("zim build - Parallax(): please pass in the stage with bounds as first parameter"); return;}
+		if (!stage.getBounds()) {zog("zim build - Pane(): Please give the stage bounds using setBounds()");	return;}
 
 		var stageW = stage.getBounds().width;
 		var stageH = stage.getBounds().height;
@@ -1757,37 +2088,39 @@ var zim = function(zim) {
 	}
 	
 	
-	
-	// Scroller Class
-	
-	// animates a backing either horizontally or vertically (not both)
-	// make a new zim.Scroller(parameters) object 
-	// the Scroller object will animate and swap the backgrounds when needed
-	
-	// PARAMETERS
-	// pass in two backgrounds (that look the same - clone them)	
-	// pass in the speed, direction and a boolean for horizontal (default true)
-	// setting horizontal to false will animate vertically
-	// you can adjust the speed and direction properties dynamically
-	// you cannot adjust the backings and horizontal dynamically
-	// to change your animation, dispose() of the Scroller object and make a new one
-	// disposing just removes the ticker - you have to remove the backings
-	// not sure what is causing a small gap to appear over time 
-	// but if your background can overlap a little you can pass in a gapFix of 10 pixels etc.
-	
-	// METHODS
-	// dispose() - get rid of the event listeners - you need to remove the backings 
-	
-	// PROPERTIES
-	// speed - how fast the animation is going in pixels per frame (ticker set at 60)
-	// direction - either left or right if horizontal or up or down if not horizontal
-	// gapFix - if spacing occurs over time you can set the gapFix dynamically
-	
-	
+/*--
+zim.Scroller = function(b1, b2, speed, direction, horizontal, gapFix)
+
+Scroller Class
+
+animates a backing either horizontally or vertically (not both)
+make a new zim.Scroller(parameters) object 
+the Scroller object will animate and swap the backgrounds when needed
+
+PARAMETERS
+pass in two backgrounds (that look the same - clone them)	
+pass in the speed, direction and a boolean for horizontal (default true)
+setting horizontal to false will animate vertically
+you can adjust the speed and direction properties dynamically
+you cannot adjust the backings and horizontal dynamically
+to change your animation, dispose() of the Scroller object and make a new one
+disposing just removes the ticker - you have to remove the backings
+not sure what is causing a small gap to appear over time 
+but if your background can overlap a little you can pass in a gapFix of 10 pixels etc.
+
+METHODS
+dispose() - get rid of the event listeners - you need to remove the backings 
+
+PROPERTIES
+speed - how fast the animation is going in pixels per frame (ticker set at 60)
+direction - either left or right if horizontal or up or down if not horizontal
+gapFix - if spacing occurs over time you can set the gapFix dynamically
+--*/
 	zim.Scroller = function(b1, b2, speed, direction, horizontal, gapFix) {
 		
-		if (zon) zog("zimbuild.js: Scroller");
-		
+		if (zon) zog("zim build - Scroller");
+		if (zot(b1) || !b1.getBounds || zot(b2) || !b2.getBounds) return;
+		if (zot(horizontal)) horizontal = true;
 		var that = this; // we keep animate protected but want to access public properties
 		
 		// here are the public properties that can be changed
@@ -1796,11 +2129,11 @@ var zim = function(zim) {
 		this.gapFix = (zot(gapFix)) ? 0 : gapFix;
 		
 		if (!b1.getBounds() || !b2.getBounds()) {
-			zog("zimbuild.js: Scroller(): please setBounds() on backing objects");
+			zog("zim build - Scroller(): please setBounds() on backing objects");
 			return;
 		}	
 		if (!b1.getStage()) {
-			zog("zimbuild.js: Scroller(): please add backing objects to stage to start");
+			zog("zim build - Scroller(): please add backing objects to stage to start");
 			return;
 		}	
 			
@@ -1817,7 +2150,7 @@ var zim = function(zim) {
 		createjs.Ticker.setFPS(60);
 		function animate(e) {
 			if (!b1.getStage()) return;
-			if (!b1.getStage().getBounds()) {zog("zimbuild.js: Scroller(): please setBounds() on stage"); return;}
+			if (!b1.getStage().getBounds()) {zog("zim build - Scroller(): please setBounds() on stage"); return;}
 			if (!stageW) {
 				stageW = b1.getStage().getBounds().width;
 				stageH = b1.getStage().getBounds().height;
@@ -1886,39 +2219,50 @@ var zim = function(zim) {
 	
 	if (zon) zog("ZIM PAGES Module");	
 	
-	// Swipe class
-	
-	// extends a createjs.EventDispatcher so it can dispatch events
-	// sets up capturing swipes on objects
-	// dispatches a "swipe" event on swipe left, right, up, down
-	// var s = zim.Swipe(parameters) 	
-		
-	// PARAMETERS
-	// pass into the object the object you want to swipe on
-	// then an optional distance to activate swipe (100 pixel default)
-	// and an optional time to travel that distance (200 ms default)
-			
-	// PROPERTIES
-	// direction - the direction of the last swipe (left, right, up, down or none)
-	// obj - the object that was last swiped
-	
-	// EVENTS
-	// dispatches a "swipe"	event on every pressup (even if swipe failed and direction is none)
-	// when a swipe event triggers
-	// the Swipe object provides a direction property of "left", "right", "up", or "down"
-	// the Swipe object provides an obj property of what object was swiped on
-	// for instance if e is the event object
-	// then e.target is the Swipe object so use e.target.direction
-	// did not dispatch a custom event due to lack of support in early IE
-	// Swipe also dispatches a direction of "none" if the mouse movement is not a swipe
-	// this can be used to snap back to an original location		
-	
+
+/*--
+zim.Swipe = function(obj, distance, duration)
+
+Swipe class
+
+extends a createjs.EventDispatcher so it can dispatch events
+sets up capturing swipes on objects
+dispatches a "swipe" event on swipe left, right, up, down
+var s = zim.Swipe(parameters) 	
+
+PARAMETERS
+pass into the object the object you want to swipe on
+then an optional distance to activate swipe (100 pixel default)
+and an optional time to travel that distance (200 ms default)
+	
+PROPERTIES
+direction - the direction of the last swipe (left, right, up, down or none)
+obj - the object that was last swiped
+active - Boolean true for dispatching swipes and false for not
+
+METHODS
+enable() - set swipe to active (by default it is)
+disable() - set swipe to inactive (sets active to false and does not dispatch)
+
+EVENTS
+dispatches a "swipe"	event on every pressup (even if swipe failed and direction is none)
+when a swipe event triggers
+the Swipe object provides a direction property of "left", "right", "up", or "down"
+the Swipe object provides an obj property of what object was swiped on
+for instance if e is the event object
+then e.target is the Swipe object so use e.target.direction
+did not dispatch a custom event due to lack of support in early IE
+Swipe also dispatches a direction of "none" if the mouse movement is not a swipe
+this can be used to snap back to an original location		
+--*/	
 	zim.Swipe = function(obj, distance, duration) {
 		function makeSwipe() {
-			if (zot(obj)) {zog("zimcreate.js Swipe():\nPlease pass in object"); return;}
+			if (zot(obj) || !obj.on) {zog("zim pages - Swipe():\nPlease pass in object"); return;}
 			if (zot(distance)) distance = 100; // pixels for swipe to count
 			if (zot(duration)) duration = 200; // ms to test pixels
 			
+			this.active = true;
+			
 			var startX;
 			var startY;	
 			var mouseX;
@@ -1928,6 +2272,7 @@ var zim = function(zim) {
 			var that = this;	
 			
 			obj.on("mousedown", function(e) {
+				if (!that.active) return;
 				that.obj = e.target; 
 				startX = e.stageX;
 				startY = e.stageY;
@@ -1956,93 +2301,103 @@ var zim = function(zim) {
 					downCheck = false;
 					clearTimeout(timer);	
 				});				
-			});			
-		}
-		// note the actual class is wrapped in a function
-		// because createjs might not have existed at load time	
-		makeSwipe.prototype = new createjs.EventDispatcher();
+			});		
+			
+			this.disable = function() {
+				that.active = false;
+			}
+			
+			this.enable = function() {
+				that.active = true;
+			}	
+		}
+		// note the actual class is wrapped in a function
+		// because createjs might not have existed at load time	
+		makeSwipe.prototype = new createjs.EventDispatcher();
 		makeSwipe.prototype.constructor = zim.Swipe;	
 		return new makeSwipe();
 	}
 		
-		
-	
-	// Pages Class
-			
-	// Pages extends the createjs Container - so you stage.addChild(myPages)				
-	// handles going between pages
-	// make a var myPages = new zim.Pages() object 
-	// all your pages from then on are added to and manipulated inside the Pages object
-	// Pages allows you to set the destination pages for swipe events
-	// other events like buttons can call the go(page, direction) method
-	// consider using zim.HotSpots() to efficiently handle multiple buttons
-	
-	// PARAMETERS
-	// pass in the holder object (ie. stage) so we can set various transition animation parameters
-	// pass in an array of page objects - for example:	
-	// [{page:home, swipe:[null,"info",hide,find]},{page:hide, swipe:[null,null,null,home]}]
-	// the pages should be containers - it helps to give them each a name property
-	// the optional swipe array holds mappings to swipe events ["right", "left", "down", "up"]
-	// in otherwords, these could be pages to the left, right, top and bottom of the current page
-	// or they can call commands as strings
-	// pass in the type of transition "reveal", "slide", "fade", "black", "white" or the default: "none"
-	// and a speed in miliseconds
-	// finally an optional transitionTable (read the property below for format)
-
-	// METHODS
-	// addPage() - lets you alternatively add pages after you create the object
-	// removePage() - lets you remove a page (if on this page, call a go() first and remove on the page event)
-	// setSwipe() - lets you set the swipe array for a page
-	// go(newPage, direction, trans, ms) - lets you go to a page for events other than swipe events	
-	// trans and ms are optional and will override any previously set transitions (speed in ms)
-	// pause() - pauses a transition before it starts (call from swipe event)
-	// unpause() - unpauses a paused transition (unless another go() command is called)
-	// puff(time) - adds all the pages behind the currentPage (time (ms) auto calls settle)
-	// settle() - removes all pages except the currentPage
-	// disable() - stops swipe from activating and sets active = false
-	// enable() - enables swipe action and sets active = true
-	// dispose() - clears your listeners and pages
-		
-	// PROPERTIES
-	// speed - of transitions in ms
-	// transitionTable - [[fromPage, toPage, "transiton", ms(optional)], etc.] overrides default transition
-	// page - the current page object (read)
-	// lastPage - the last page before transition (read)
-	// direction - direction of transition (read)
-	// active - default true, boolean to have swipes active (good for layered Pages objects)
-
-	// EVENTS
-	// for the data above, swiping the home page down automatically goes to the hide page
-	// if the home page is swiped up it automatically goes to the find page	
-	// Pages dispatches a "swipe" event before changing pages if swiped
-	// you can then get pages.page, pages.nextPage and pages.direction
-	// you can pause() if needed the transition to handle data, etc. and then unpause() 
-	// you do not need to handle going to another page when swiping - that is handled automatically
-	// so you probably will not use the swipe event unless handling data between pages
-	// Pages dispatches a "page" event when you pass in a page object in the swipe array
-	// myPages.on("page",function(e){...})
-	// with myPages.page being set to the new page (e.target.page)
-	// and myPages.oldPage being set to the old page (e.target.page)
-	// myPages.direction gets the direction of the transition (e.target.direction)
-	// if there is a string in the swipe array like "info"
-	// then the zim.Pages() object dispatches an event equivalant to the string
-	// for the data example above, myPages.on("info",function(e){...});
-	// would trigger when the home page is swiped to the left
-	// Pages also dispatches a "pageTransitioned" event when a transition is complete
-	// you will have the same properties available as with the page event
-		
-	// the first page object is the start page
-	// you can add pages with the addPage() method 
-	// it will not show until you swipe or go to it - unless it was the first page added
-	// once again - do not add the pages to the stage yourself - let Pages do it for you
-	// just add the pages object to the stage.  Pages is designed for full stage
-	// if you want pages within a smaller area - consider using two canvas tags
 	
+/*--
+zim.Pages = function(holder, pages, transition, speed, transitionTable)
+
+Pages Class
+
+Pages extends the createjs Container - so you stage.addChild(myPages)				
+handles going between pages
+make a var myPages = new zim.Pages() object 
+all your pages from then on are added to and manipulated inside the Pages object
+Pages allows you to set the destination pages for swipe events
+other events like buttons can call the go(page, direction) method
+consider using zim.HotSpots() to efficiently handle multiple buttons
+
+PARAMETERS
+pass in the holder object (ie. stage) so we can set various transition animation parameters
+pass in an array of page objects - for example:	
+[{page:home, swipe:[null,"info",hide,find]},{page:hide, swipe:[null,null,null,home]}]
+the pages should be containers - it helps to give them each a name property
+the optional swipe array holds mappings to swipe events ["right", "left", "down", "up"]
+in other words, these could be pages to the left, right, top and bottom of the current page
+or they can call commands as strings
+pass in the type of transition "reveal", "slide", "fade", "black", "white" or the default: "none"
+and a speed in milliseconds
+finally an optional transitionTable (read the property below for format)
+
+METHODS
+addPage() - lets you alternatively add pages after you create the object
+removePage() - lets you remove a page (if on this page, call a go() first and remove on the page event)
+setSwipe() - lets you set the swipe array for a page
+go(newPage, direction, trans, ms) - lets you go to a page for events other than swipe events	
+trans and ms are optional and will override any previously set transitions (speed in ms)
+pause() - pauses a transition before it starts (call from swipe event)
+unpause() - unpauses a paused transition (unless another go() command is called)
+puff(time) - adds all the pages behind the currentPage (time (ms) auto calls settle)
+settle() - removes all pages except the currentPage
+disable() - stops swipe from activating and sets active = false
+enable() - enables swipe action and sets active = true
+dispose() - clears your listeners and pages
+
+PROPERTIES
+speed - of transitions in ms
+transitionTable - [[fromPage, toPage, "transition", ms(optional)], etc.] overrides default transition
+page - the current page object (read)
+lastPage - the last page before transition (read)
+direction - direction of transition (read)
+active - default true, boolean to have swipes active (good for layered Pages objects)
+
+EVENTS
+for the data above, swiping the home page down automatically goes to the hide page
+if the home page is swiped up it automatically goes to the find page	
+Pages dispatches a "swipe" event before changing pages if swiped
+you can then get pages.page, pages.nextPage and pages.direction
+you can pause() if needed the transition to handle data, etc. and then unpause() 
+you do not need to handle going to another page when swiping - that is handled automatically
+so you probably will not use the swipe event unless handling data between pages
+Pages dispatches a "page" event when you pass in a page object in the swipe array
+myPages.on("page",function(e){...})
+with myPages.page being set to the new page (e.target.page)
+and myPages.oldPage being set to the old page (e.target.page)
+myPages.direction gets the direction of the transition (e.target.direction)
+if there is a string in the swipe array like "info"
+then the zim.Pages() object dispatches an event equivalent to the string
+for the data example above, myPages.on("info",function(e){...});
+would trigger when the home page is swiped to the left
+Pages also dispatches a "pageTransitioned" event when a transition is complete
+you will have the same properties available as with the page event
+
+the first page object is the start page
+you can add pages with the addPage() method 
+it will not show until you swipe or go to it - unless it was the first page added
+once again - do not add the pages to the stage yourself - let Pages do it for you
+just add the pages object to the stage.  Pages is designed for full stage
+if you want pages within a smaller area - consider using two canvas tags
+--*/	
 	zim.Pages = function(holder, pages, transition, speed, transitionTable) {
 		
 		function makePages() {
 		
-			if (!holder.getBounds()) {zog("zimbuild.js Pages():\nobject must have bounds set"); return;}
+			if (zot(holder) || !holder.getBounds || !holder.getBounds()) {zog("zim pages - Pages():\nobject must have bounds set"); return;}
 			if (zot(pages)) pages = []; // can add pages with addPages
 			if (zot(transition)) transition = "none";
 			if (zot(speed)) speed = 200;			
@@ -2135,16 +2490,14 @@ var zim = function(zim) {
 				var data = {page:page, swipe:swipeArray};
 				data.page.zimSwipeArray = (data.swipe) ? data.swipe : [];				
 			}
-					
-			
+				
 			this.pause = function() {
 				paused = true;				
 			}			
 			this.unpause = function() {
 				if (paused) that.go(pauseInfo[0], pauseInfo[1], pauseInfo[2], pauseInfo[3], pauseInfo[4]);				
 			}
-			
-			
+		
 			this.go = function(newPage, direction, trans, ms, fromSwipe) {	
 				// newPage holds a page or a string command				
 				setTimeout(function() {paused = false;},200);
@@ -2194,6 +2547,7 @@ var zim = function(zim) {
 						that.removeChild(that.lastPage);
 						zim.animate(pages.unshift(), {alpha:0}, that.speed/2, null, transEnd, pages);
 					}				
+
 										
 					newPage.x = 0;
 					newPage.y = 0;
@@ -2261,17 +2615,17 @@ var zim = function(zim) {
 				if (transition!="none" || transitionTable!=[]) makeTransitionAssets();
 			}		
 			
-			this.puff = function(miliseconds) {
+			this.puff = function(milliseconds) {
 				// add all pages to the holder behind current page
-				// if miliseconds then this is the time to settle automatically
+				// if milliseconds then this is the time to settle automatically
 				for (var i=0; i<pages.length; i++) {
 					that.addChild(pages[i].page);	
 				}	
 				that.addChild(currentPage);
-				if (miliseconds > 0) {
+				if (milliseconds > 0) {
 					setTimeout(function() {
 						that.settle();
-					}, miliseconds);
+					}, milliseconds);
 				}
 				
 			}
@@ -2304,48 +2658,51 @@ var zim = function(zim) {
 		return new makePages();
 	}
 	
-	
-	// HotSpots Class
-	
-	// extends a createjs.Container
-	// puts an invisible click area (hotSpot) on pages
-	// or specify an object and it will turn that into a hotspot
-	// var hs = new zim.HotSpots();
-
-	// PARAMETERS
-	// you pass in an array of hotspot data objects:
-	// [{page:home, rect:[190,50,260,260], call:someFunction}, 
-	//  {page:home, rect:[70,405,500,150], call:someOtherFunction}]
-	// the page should be a createjs Container
-	// the rect is the [left, right, width, height] of a rectangle relative to the stage
-	// call is the callback function to call when a hotSpot is clicked
-	// instead of a rect array you can pass an object that must have setBounds() set
-	// [{page:home, rect:submitButton, call:function(){//code}}]
-	// the hotSpot will then use the button position and bounds as the rectangle
-	// this allows you to manage all your button presses from one place
-	// note - in this case, HotSpots will actually add a click event to the button
-	// the second parameter local defaults to true
-	// and should be used when the element scale independently from the stage
-	// in local mode you must add coordinates of the hotSpot inside its container
-	// if set to false then you pass in global coordinates and hotSpot will convert them
-	// the third parameter is whether you want mouseDowns on the hotSpots
-	// this defaults to false to prevent users from activating a swipe on a button (when using ZIM Swipe)
-			
-	// METHODS
-	// show() - shows the hotspots for testing during authoring time
-	// hide() - hides the hotspots
-	// addHotSpot(page,rect,call) - can dynamically add hotSpots
-	// removeHotSpots(page,id) - id is optional - so can remove all spots on a page
-	// dispose() - removes listeners
-	
-	// note, the class does actually add rectangle shapes to your page
-	// these have an alpha of .01
-	// this could have been done with "math" alone but rollover cursor would be a pain
-	// the class creates zim.HotSpot objects - see the class underneath this one
-	
+
+/*--
+zim.HotSpots = function(spots, local, mouseDowns)
+
+HotSpots Class
+
+extends a createjs.Container
+puts an invisible click area (hotSpot) on pages
+or specify an object and it will turn that into a hotspot
+var hs = new zim.HotSpots();
+
+PARAMETERS
+you pass in an array of hotspot data objects:
+[{page:home, rect:[190,50,260,260], call:someFunction}, 
+{page:home, rect:[70,405,500,150], call:someOtherFunction}]
+the page should be a createjs Container
+the rect is the [left, right, width, height] of a rectangle relative to the stage
+call is the callback function to call when a hotSpot is clicked
+instead of a rect array you can pass an object that must have setBounds() set
+[{page:home, rect:submitButton, call:function(){//code}}]
+the hotSpot will then use the button position and bounds as the rectangle
+this allows you to manage all your button presses from one place
+note - in this case, HotSpots will actually add a click event to the button
+the second parameter local defaults to true
+and should be used when the element scale independently from the stage
+in local mode you must add coordinates of the hotSpot inside its container
+if set to false then you pass in global coordinates and hotSpot will convert them
+the third parameter is whether you want mouseDowns on the hotSpots
+this defaults to false to prevent users from activating a swipe on a button (when using ZIM Swipe)
+
+METHODS
+show() - shows the hotspots for testing during authoring time
+hide() - hides the hotspots
+addHotSpot(page,rect,call) - can dynamically add hotSpots
+removeHotSpots(page,id) - id is optional - so can remove all spots on a page
+dispose() - removes listeners
+
+note, the class does actually add rectangle shapes to your page
+these have an alpha of .01
+this could have been done with "math" alone but rollover cursor would be a pain
+the class creates zim.HotSpot objects - see the class underneath this one
+--*/
 	zim.HotSpots = function(spots, local, mouseDowns) {
 		function makeHotSpots() {
-			
+			if (zot(spots) || !Array.isArray(spots)) {zog("zim pages - HotSpots():\nplease provide an array of HotSpot data"); return;}
 			if (zot(local)) local = true;
 			if (zot(mouseDowns)) mouseDowns = false;
 			
@@ -2365,11 +2722,11 @@ var zim = function(zim) {
 				if (!Array.isArray(data.rect)) {					
 					button = data.rect; // data includes a button rather than rect
 					if (!button) {
-						zog("ZIM Build() :: HotSpot "+ data.page + " " + data.rect +" button does not exist");
+						zog("zim pages - HotSpots(): HotSpot "+ data.page + " " + data.rect +" button does not exist");
 						return;	
 					}
 					if (!button.getBounds()) {
-						zog("ZIM Build() :: HotSpots button needs bounds");
+						zog("zim pages - HotSpots(): HotSpots button needs bounds");
 						return;	
 					}
 					data.rect = [button.x, button.y, button.getBounds().width, button.getBounds().height];	
@@ -2467,37 +2824,40 @@ var zim = function(zim) {
 		return new makeHotSpots();			
 	}	
 	
-	// HotSpot Class
-	
-	// adds an invisible button to a container object (often think of this as the page)
-	// var hs = new zim.HotSpot();
-	// if you want multiple spots it is more efficient to use the HotSpots class above
-	// which manages multiple HotSpot objects (otherwise you end up with multiple event functions)
-	// the spot actually keeps an alpha of .01
-	// the spot will get a cursor of "pointer"
-	
-	// PARAMETERS
-	// the container object in which to place the hotspot
-	// the x, y, width and height of the hotspot relative to the stage
-	// call is the function to call when the spot is clicked
-	// local defaults to true and should be used when the element scale independently from the stage
-	// in local mode you must add coordinates of the hotSpot inside its container
-	// if set to false then you pass in global coordinates and hotSpot will convert them
-		
-	// METHODS	
-	// show() - helps when creating the spot to see where it is
-	// hide() - hides the hotspot
-	// dispose() - removes the listener and the spot
-	
-	// PROPERTIES
-	// spot - the actual hotSpot object that gets added to the container can be accessed with the spot property
-	// eg. hs.spot
-	
 	
-	zim.HotSpot = function(obj,x,y,w,h,call,local) {		
+/*--
+zim.HotSpot = function(obj, x, y, w, h, call, local)
+
+HotSpot Class
+
+adds an invisible button to a container object (often think of this as the page)
+var hs = new zim.HotSpot();
+if you want multiple spots it is more efficient to use the HotSpots class above
+which manages multiple HotSpot objects (otherwise you end up with multiple event functions)
+the spot actually keeps an alpha of .01
+the spot will get a cursor of "pointer"
+
+PARAMETERS
+the container object in which to place the hotspot
+the x, y, width and height of the hotspot relative to the stage
+call is the function to call when the spot is clicked
+local defaults to true and should be used when the element scale independently from the stage
+in local mode you must add coordinates of the hotSpot inside its container
+if set to false then you pass in global coordinates and hotSpot will convert them
+
+METHODS	
+show() - helps when creating the spot to see where it is
+hide() - hides the hotspot
+dispose() - removes the listener and the spot
+
+PROPERTIES
+spot - the actual hotSpot object that gets added to the container can be accessed with the spot property
+eg. hs.spot
+--*/	
+	zim.HotSpot = function(obj, x, y, w, h, call, local) {		
 		function makeHotSpot() {			
-			if (zot(obj)) {zog("zimbuild.js HotSpot():\nPlease pass in object"); return;}
-			if (obj instanceof createjs.Container == false) zog("zimbuild.js HotSpot():\nObjects passed in should be Containers");
+			if (zot(obj) || !obj.addChild) {zog("zim pages - HotSpot():\nPlease pass in container object for obj"); return;}
+			if (obj instanceof createjs.Container == false) zog("zim build - HotSpot():\nObjects passed in should be Containers");
 			if (zot(local)) local = true;			
 			var that = this; 
 			
@@ -2538,40 +2898,411 @@ var zim = function(zim) {
 		makeHotSpot.prototype.constructor = zim.HotSpot;	
 		return new makeHotSpot();			
 	}
-		
-	
-	// Grid Class
-	
-	// extends createjs.Container
-	// var grid = new zim.Grid(parameters);
-	// stage.addChild(grid);
-	// shows a grid to help layout assets with code (percent is default)
-	// cursor x and y percentage or pixels are shown along edges 
-	// can use G key to toggle grid visibility
-	// can use P key to toggle percent and pixels
+
 	
-	// make sure you remove the grid for your final version (dispose)
+/*--
+zim.dashedLinesOn = function()
+
+adds dashedLineTo(x1, y1, x2, y2, dashLen) 
+and drawDashedRect(x, y, w, h, dashLen) methods to createjs Graphics
+https://gist.github.com/diverted247/9216242 - Ted Patrick 
+--*/	
+	zim.dashedLinesOn = function() {
+		if (zim.dashed) return; // only need to define once
+		zim.dashed = true;
+		createjs.Graphics.prototype.dashedLineTo = function(x1, y1, x2, y2, dashLen){
+			this.moveTo(x1, y1);
+			 
+			var dX = x2 - x1;
+			var dY = y2 - y1;
+			var dashes = Math.floor(Math.sqrt(dX*dX+dY*dY) / dashLen);
+			var dashX = dX / dashes;
+			var dashY = dY / dashes;
+			 
+			var q = 0;
+			while(q++ < dashes){
+				x1 += dashX;
+				y1 += dashY;
+				this[q % 2 == 0 ? 'moveTo' : 'lineTo'](x1, y1);
+			}
+			this[q % 2 == 0 ? 'moveTo' : 'lineTo'](x2, y2);
+			return this;
+		}		 
+		createjs.Graphics.prototype.drawDashedRect = function(x1, y1, w, h, dashLen){
+			this.moveTo(x1, y1);
+			var x2 = x1 + w;
+			var y2 = y1 + h;
+			this.dashedLineTo(x1, y1, x2, y1, dashLen);
+			this.dashedLineTo(x2, y1, x2, y2, dashLen);
+			this.dashedLineTo(x2, y2, x1, y2, dashLen);
+			this.dashedLineTo(x1, y2, x1, y1, dashLen);
+			return this;
+		}	
+	}
+			
 	
-	// PARAMETERS
-	// object - to add grid to (stage is default)
-	// color - defaults to black
-	// percent - defaults to true to show percent - false to show pixels
+/*--
+zim.Manager = function()
+
+Manager class
+
+used internally to make GridManager and GuideManager
+and in future perhaps OutlineManager
+--*/	
+	zim.Manager = function(type) {	
+		if (zon && type) zog("zim pages - " + type);	
+		var that = this;
+		this.items = [];
+		this.add = function(a) {
+			that.items.push(a);
+		}
+		this.resize = function() {
+			if (!that) return;
+			for (var i=0; i<that.items.length; i++) {				
+				if (!that.items[i].resize()) that.items.splice(i); // was disposed	
+			}	
+		}
+		this.dispose = function() {
+			for (var i=0; i<that.items.length; i++) {			
+				that.items[i].dispose();				
+			}	
+			that.items = [];
+			if (zon) zog("zim pages - " + type + " - all disposed");		
+			that = null;
+		}		
+	}		
 	
-	// PROPERTIES
-	// pixels - boolean - set to true to change to pixels, false to go to percent
+
+/*--
+zim.Guide = function(obj, vertical, percent, hideKey, pixelKey)
+
+Guide Class
+
+extends createjs.Container
+var guide = new zim.Guide(parameters);
+stage.addChild(guide);
+shows a guide to help layout assets with code 
+cursor x and y percentage or pixels are shown along edges 
+as a distance from the guide
+can use G key to toggle guide visibility
+can use P key to toggle percent and pixels
+
+make sure you remove the guide for your final version (dispose)
+
+PARAMETERS
+obj - to add guide to (stage is default)
+vertical - defaults to true, set to false for horizontal guide
+percent - defaults to true to show percent - false to show pixels
+hideKey - key to press to hide guide - default G
+pixelKey - key to press to swap percent and pixels - default P
+
+PROPERTIES
+pixels - boolean - set to true to change to pixels, false to go to percent
+
+METHODS
+dispose() - clears keyboard events and guide
+--*/	
+	zim.Guide = function(obj, vertical, percent, hideKey, pixelKey) {		
+		function makeGuide() {					
+				
+			if (zot(obj)) obj = "stage";
+			if (zot(vertical)) vertical = true;
+			if (obj != "stage" && (!obj.getBounds || !obj.getBounds())) {zog ("zim pages - Guide(): Please provide bounds for the obj (setBounds())"); return;}
+			if (zot(percent)) percent = true;
+			if (zot(hideKey)) hideKey = "G";
+			if (zot(pixelKey)) pixelKey = "P";
+			
+			var that = this;
+			var stage; 	
+			var stageEvent;
+			zim.dashedLinesOn();
+		
+			// make text boxes that show x and y			
+			var boxW = 80;
+			var boxH = 26;
+			var minX = boxW/6+boxW/2;
+			var minY = boxH*2
+			var maxX; // set max values once we get a stage
+			var maxY;
+			
+			var box; 
+			if (vertical) {	
+				box = makeBox("#00c5af", "white", "white");	
+				box.shape.regX = boxW+boxW/6; box.shape.regY = boxH/2; 
+				box.label.x = -boxW/2-boxW/6;
+			} else {				
+				box = makeBox("#d61fa0", "white", "white");		
+				box.shape.regX = boxW/2; box.shape.regY = boxH + boxH/4;		
+				box.label.y = -boxH*3/4;
+			}
+			
+			function makeBox(fill, stroke, textColor) {
+				var box = new createjs.Container();					
+				box.shape = new createjs.Shape();
+				box.shape.graphics.s(stroke).ss(1).f(fill).r(0,0,boxW,boxH); 
+				box.shape.alpha = .9;
+				box.addChild(box.shape);			
+				box.label = new createjs.Text("10", "16px verdana", textColor);
+				box.label.textAlign = "center";
+				box.label.textBaseline = "middle";		
+				box.addChild(box.label);
+				box.mouseChildren = false;
+				box.mouseEnabled = false;
+				return box;	
+			}
+
+			// get stage and apply stagemousemove to move text boxes 			
+			// the added event was added in the 2014 createjs
+			// found the added did not reliably get a stage property
+			// still had to wait a few microseconds
+			// so resorting to interval
+			// this.on("added", added); 
+			var addedInterval = setInterval(function() {				
+				if (obj == "stage") {
+					if (that && that.getStage()) {
+						added();
+					}
+				} else {
+					if (obj && obj.getStage()) {
+						added();
+					}
+				}
+			},100);		
+						
+			var guideCheck = false;
+			var objW;
+			var objH;
+			var line;
+			var dragBounds;
+			function added() {
+				clearInterval(addedInterval);
+				if (obj == "stage") {									
+					stage =	that.getStage();
+					obj = stage;	
+				} else {
+					stage =	obj.getStage();
+				}	
+				objW = obj.getBounds().width;
+				objH = obj.getBounds().height;
+				if (vertical) {						
+					box.y = objH/2;				
+					box.label.text = "y:" + ((that.pixels) ? Math.round(objW*70/100) : "70%");	
+				} else {					
+					box.x = objW/2;	
+					box.label.text = "x:" + ((that.pixels) ? Math.round(objH*70/100) : "70%");
+				}	
+				line = new createjs.Shape();
+				that.addChild(line);
+				(vertical) ? line.x = objW*.7 : line.y = objH*.7;		
+				
+				if (!guideCheck) {
+					obj.addChild(that);
+					drawGuide();					
+				}
+				stage.off("stagemousemove", stageEvent);
+				stageEvent = stage.on("stagemousemove", where);	
+				stage.update();			
+			};					
+		
+			var lastPoint = {x:0,y:0};
+			function where(e) {		
+				// convert mouse location to local point
+				var point; var diff;
+				if (e) {
+					point = obj.globalToLocal(e.rawX, e.rawY);					
+					lastPoint = point;
+				} else {
+					point = {x:lastPoint.x, y:lastPoint.y}	
+				}
+				if (!percent) {	// pixels	
+					if (vertical) {		
+						diff = Math.round(Math.abs(point.x-line.x));		
+						box.label.text = "x:" + Math.max(0, Math.min(diff, Math.round(objW)));
+						box.y = Math.max(minY, Math.min(point.y, maxY));
+					} else {
+						diff = Math.round(Math.abs(point.y-line.y));
+						box.label.text = "y:" + Math.max(0, Math.min(diff, Math.round(objH)));
+						box.x = Math.max(minX, Math.min(point.x, maxX));
+					}
+				} else {
+					if (vertical) {
+						diff = Math.round(Math.abs(point.x-line.x)/objW*100);
+						box.label.text = "x:" + Math.max(0, Math.min(diff, 100)) + "%";
+						box.y = Math.max(minY, Math.min(point.y, maxY));
+					} else {
+						diff = Math.round(Math.abs(point.y-line.y)/objH*100);
+						box.label.text = "y:" + Math.max(0, Math.min(diff, 100)) + "%";
+						box.x = Math.max(minX, Math.min(point.x, maxX));
+					}
+				}
+				if (stage) stage.update();					
+			}			
+				
+			// make the guide once we have the stage
+			// and any time resize is called
+			function drawGuide() {
+				guideCheck = true;
+				objW = obj.getBounds().width;
+				objH = obj.getBounds().height;
+				var pointer;
+				if (vertical) {
+					pointer = "ew-resize";
+					dragBounds = new createjs.Rectangle(0,0,objW,0);
+				} else {
+					pointer = "ns-resize";
+					dragBounds = new createjs.Rectangle(0,0,0,objH);
+				}				
+				zim.noDrag(line);
+				setTimeout(function() {
+					// give time for content to settle
+					zim.drag(line, dragBounds, pointer, pointer, null, null, true);	
+				}, 500);
+				stage.mouseMoveOutside = true;				
+				stage.enableMouseOver(10);				
+					
+				maxX = objW-boxW*2/3;
+				maxY = objH-boxH - boxH;
+				line.uncache();
+				var g = line.graphics;
+				if (vertical) {					
+					g.c().s("rgba(0,255,255,.1)").ss(20).mt(0,0).lt(0,objH);
+					g.f().s("white").ss(2).mt(0,0).lt(0,objH);
+					g.s("#00c5af").ss(2).dashedLineTo(0,0,0,objH,20);
+					line.cache(-10,0,20,objH);					
+				} else {					
+					g.c().s("rgba(255,0,255,.1)").ss(20).mt(0,0).lt(objW,0);
+					g.f().s("white").ss(2).mt(0,0).lt(objW, 0);
+					g.s("#d61fa0").ss(2).dashedLineTo(0,0,objW,0,20);
+					line.cache(0,-10,objW,20);
+				}	
+				
+				(vertical) ?  box.x = objW : box.y = objH;
+				that.addChild(box);		
+			
+			}
+			
+			Object.defineProperty(this, 'pixels', {
+				get: function() {				
+					return !percent;
+				},
+				set: function(value) {
+					percent = !value;
+					that.resize();
+				}
+			});
 	
-	// METHODS
-	// dispose() - clears keyboard events and grid
+			// add key listener to hide and show the guide			
+			window.addEventListener("keydown", keyEvent);
+			
+			function keyEvent(e) {				
+				if (!e) e=event; 
+				if (!stage) return;					
+				if (String.fromCharCode(e.keyCode) == hideKey.toUpperCase()) { // G
+					that.visible = !that.visible;
+					stage.off("stagemousemove", stageEvent);
+					if (that.visible) {
+						stageEvent = stage.on("stagemousemove", where, that);
+					}
+					stage.update();
+				}				
+				if (String.fromCharCode(e.keyCode) == pixelKey.toUpperCase()) { // P
+					that.pixels = !that.pixels;
+				}
+			}		
+			
+			this.resize = function() {
+				if (!that) return false;
+				if (stage) {					
+					drawGuide();
+					where();
+				}
+				return true;
+			}
+			
+			this.dispose = function() {
+				if (!that) return false;
+				zim.noDrag(line);
+				clearInterval(addedInterval);
+				that.removeAllChildren();
+				window.removeEventListener("keydown", keyEvent);
+				if (that.parent) that.parent.removeChild(that);
+				that = null;
+				return true;					
+			}
+		}
+		// note the actual class is wrapped in a function
+		// because createjs might not have existed at load time	
+		makeGuide.prototype = new createjs.Container();
+		makeGuide.prototype.constructor = zim.Guide;	
+		return new makeGuide();			
+	}
+		
 	
+/*--
+zim.GuideManager = function()
+
+GuideManager class
+extends the ZIM Manager abstract class
+add Zim Guide objects and update or remove all guides at once
+guides are handy to use but perhaps annoying to update and remove if you have many
+GuideManager keeps track of the guides and lets you update or dispose of them on command
+
+METHODS 
+add(guide) - registers a guide with the GuideManager
+resize() - resizes all the guides in the GuideManager (ie. if stage changes)
+dispose() - disposes all guides and the GuideManager
+
+note: to just hide guides, you use the G key
+and to toggle percent and pixels use the P key
+you can dispose guides individually or use this class to dispose all
+disposing will remove the G, P key listener and the guide
+--*/
+	zim.GuideManager = function() {
+		zim.Manager.call(this, "GuideManager");		
+	}	
+	zim.GuideManager.prototype = new zim.Manager();
+	zim.GuideManager.constructor = zim.GuideManager;
+		
 	
-	zim.Grid = function(object, color, percent) {		
+/*--
+zim.Grid = function(obj, color, percent, hideKey, pixelKey)
+
+Grid Class
+
+extends createjs.Container
+var grid = new zim.Grid(parameters);
+stage.addChild(grid);
+shows a grid to help layout assets with code (percent is default)
+cursor x and y percentage or pixels are shown along edges 
+can use G key to toggle grid visibility
+can use P key to toggle percent and pixels
+
+make sure you remove the grid for your final version (dispose)
+
+PARAMETERS
+obj - to add grid to (stage is default)
+color - defaults to black
+percent - defaults to true to show percent - false to show pixels
+hideKey - key to press to hide grid - default G
+pixelKey - key to press to swap percent and pixels - default P
+
+PROPERTIES
+pixels - boolean - set to true to change to pixels, false to go to percent
+
+METHODS
+dispose() - clears keyboard events and grid
+--*/
+	zim.Grid = function(obj, color, percent, hideKey, pixelKey) {		
 		function makeGrid() {					
 				
-			if (zot(object)) object = "stage";
+			if (zot(obj)) obj = "stage";
 			if (zot(color)) color = "black";
-			if (object != "stage" && !object.getBounds()) {zog ("zimbuild.js Grid(): Please provide bounds for the object (setBounds())"); return;}
+			if (obj != "stage" && (!obj.getBounds || !obj.getBounds())) {zog ("zim pages - Grid(): Please provide bounds for the obj (setBounds())"); return;}
 			if (zot(percent)) percent = true;
+			if (zot(hideKey)) hideKey = "G";
+			if (zot(pixelKey)) pixelKey = "P";
 			
+
 			var that = this;
 			var stage; 			
 			var pixels = 10; // for grid			
@@ -2583,29 +3314,28 @@ var zim = function(zim) {
 			var boxW = 80;
 			var boxH = 26;
 			
-			var top = new createjs.Container();						
-			var topBox = new createjs.Shape();
-			topBox.graphics.s(color).ss(1).f("#dddddd").r(0,0,boxW,boxH);
-			topBox.regX = boxW/2; topBox.regY = -boxH/4;
-			topBox.alpha = .9;
-			top.addChild(topBox);			
-			var topText = new createjs.Text("10", "16px verdana", "#333333");
-			topText.textAlign = "center";
-			topText.textBaseline = "middle";	
-			topText.y = boxH*3/4;		
-			top.addChild(topText);			
-			
-			var left = new createjs.Container();					
-			var leftBox = new createjs.Shape();
-			leftBox.graphics.s(color).ss(1).f("#dddddd").r(0,0,boxW,boxH);
-			leftBox.regX = -boxW/6; leftBox.regY = boxH/2; 
-			leftBox.alpha = .9;
-			left.addChild(leftBox);			
-			var leftText = new createjs.Text("10", "16px verdana", "#333333");
-			leftText.textAlign = "center";
-			leftText.textBaseline = "middle";	
-			leftText.x = boxW/2 + boxW/6;		
-			left.addChild(leftText);	
+			var top = makeBox("#dddddd", color, "#333333");			
+			top.shape.regX = boxW/2; top.shape.regY = -boxH/4;		
+			top.label.y = boxH*3/4;	
+			
+			var left = makeBox("#dddddd", color, "#333333");			
+			left.shape.regX = -boxW/6; left.shape.regY = boxH/2; 
+			left.label.x = boxW/2 + boxW/6;	
+				
+			function makeBox(fill, stroke, textColor) {
+				var box = new createjs.Container();					
+				box.shape = new createjs.Shape();
+				box.shape.graphics.s(stroke).ss(1).f(fill).r(0,0,boxW,boxH); 
+				box.shape.alpha = .9;
+				box.addChild(box.shape);			
+				box.label = new createjs.Text("10", "16px verdana", textColor);
+				box.label.textAlign = "center";
+				box.label.textBaseline = "middle";		
+				box.addChild(box.label);
+				box.mouseChildren = false;
+				box.mouseEnabled = false;
+				return box;	
+			}
 			
 			var minX = boxW/6+boxW/2;
 			var minY = boxH*2
@@ -2614,8 +3344,9 @@ var zim = function(zim) {
 						
 			top.x = minX;
 			left.y = minY;
-			topText.text = "x:0";
-			leftText.text = "y:0";							
+			top.label.text = "x:0";
+			left.label.text = "y:0";
+					
 
 			// get stage and apply stagemousemove to move text boxes 			
 			// the added event was added in the 2014 createjs
@@ -2624,12 +3355,12 @@ var zim = function(zim) {
 			// so resorting to interval
 			// this.on("added", added); 
 			var addedInterval = setInterval(function() {				
-				if (object == "stage") {
+				if (obj == "stage") {
 					if (that && that.getStage()) {
 						added();
 					}
 				} else {
-					if (object && object.getStage()) {
+					if (obj && obj.getStage()) {
 						added();
 					}
 				}
@@ -2638,15 +3369,15 @@ var zim = function(zim) {
 			var gridCheck = false;
 			function added() {
 				clearInterval(addedInterval);
-				if (object == "stage") {									
+				if (obj == "stage") {									
 					stage =	that.getStage();
-					object = stage;	
+					obj = stage;	
 				} else {
-					stage =	object.getStage();
+					stage =	obj.getStage();
 				}			
 				if (!gridCheck) {
 					drawGrid();
-					object.addChild(that);
+					obj.addChild(that);
 				}
 				stage.off("stagemousemove", stageEvent);
 				stageEvent = stage.on("stagemousemove", where);	
@@ -2658,39 +3389,39 @@ var zim = function(zim) {
 				// convert mouse location to local point
 				var point;
 				if (e) {
-					point = object.globalToLocal(e.rawX, e.rawY);					
+					point = obj.globalToLocal(e.rawX, e.rawY);					
 					lastPoint = point;
 				} else {
 					point = {x:lastPoint.x, y:lastPoint.y}	
 				}
 				if (!percent) {	// pixels					
-					topText.text = "x:" + Math.max(0, Math.min(Math.round(point.x), Math.round(objectW)));
+					top.label.text = "x:" + Math.max(0, Math.min(Math.round(point.x), Math.round(objW)));
 					top.x = Math.max(minX, Math.min(point.x, maxX));
-					leftText.text = "y:" + Math.max(0, Math.min(Math.round(point.y), Math.round(objectH)));
+					left.label.text = "y:" + Math.max(0, Math.min(Math.round(point.y), Math.round(objH)));
 					left.y = Math.max(minY, Math.min(point.y, maxY));
 				} else {
-					topText.text = "x:" + Math.max(0, Math.min(Math.round(point.x/objectW*100), 100)) + "%";
+					top.label.text = "x:" + Math.max(0, Math.min(Math.round(point.x/objW*100), 100)) + "%";
 					top.x = Math.max(minX, Math.min(point.x, maxX));
-					leftText.text = "y:" + Math.max(0, Math.min(Math.round(point.y/objectH*100), 100)) + "%";
+					left.label.text = "y:" + Math.max(0, Math.min(Math.round(point.y/objH*100), 100)) + "%";
 					left.y = Math.max(minY, Math.min(point.y, maxY));					
 				}
 				if (stage) stage.update();					
 			}			
 				
 			// make the grid once we have the stage			
-			var objectW;
-			var objectH;	
+			var objW;
+			var objH;	
 			var cached;		
 			function drawGrid() {
 				gridCheck = true;				
 				
-				objectW = object.getBounds().width;
-				objectH = object.getBounds().height;				
+				objW = obj.getBounds().width;
+				objH = obj.getBounds().height;				
 				stage.mouseMoveOutside = true;				
 				stage.enableMouseOver(10);				
 					
-				maxX = objectW-boxW*2/3;
-				maxY = objectH-boxH;					
+				maxX = objW-boxW*2/3;
+				maxY = objH-boxH - boxH;					
 				
 				cached = new createjs.Container();
 				that.addChild(cached);
@@ -2700,35 +3431,36 @@ var zim = function(zim) {
 				g.s(color).ss(1);
 				
 				var grid2 = new createjs.Shape();
-				cached.addChild(grid2);				
+				cached.addChild(grid2);	
+											
 				
 				if (!percent) { // pixels	
 				
-					for (var i=0; i<objectW/pixels; i++) {					
-						g.mt(i*pixels, 0).lt(i*pixels, objectH);					
+					for (var i=0; i<objW/pixels; i++) {					
+						g.mt(i*pixels, 0).lt(i*pixels, objH);					
 					}
-					for (var i=0; i<objectH/pixels; i++) {
-						g.mt(0, i*pixels).lt(objectW, i*pixels);
+					for (var i=0; i<objH/pixels; i++) {
+						g.mt(0, i*pixels).lt(objW, i*pixels);
 					}
 					grid.alpha = .3;	
 				
 					g = grid2.graphics;  					
 					g.s(color).ss(1);
 					
-					for (var i=0; i<objectW/(pixels*10); i++) {					
-						g.mt(i*(pixels*10), 0).lt(i*(pixels*10), objectH);					
+					for (var i=0; i<objW/(pixels*10); i++) {					
+						g.mt(i*(pixels*10), 0).lt(i*(pixels*10), objH);					
 					}
-					for (var i=0; i<objectH/(pixels*10); i++) {
-						g.mt(0, i*(pixels*10)).lt(objectW, i*(pixels*10));				
+					for (var i=0; i<objH/(pixels*10); i++) {
+						g.mt(0, i*(pixels*10)).lt(objW, i*(pixels*10));				
 					}
 				
 				} else { // percent - every 5 percent
 					
 					for (var i=1; i<20+2; i++) {					
-						g.mt(i*objectW/20, 0).lt(i*objectW/20, objectH);					
+						g.mt(i*objW/20, 0).lt(i*objW/20, objH);					
 					}
 					for (var i=1; i<20; i++) {
-						g.mt(0, i*objectH/20).lt(objectW, i*objectH/20);
+						g.mt(0, i*objH/20).lt(objW, i*objH/20);
 					}
 					grid.alpha = .3;	
 					
@@ -2736,31 +3468,32 @@ var zim = function(zim) {
 					g.s(color).ss(1);
 					
 					for (var i=1; i<10; i++) {					
-						g.mt(i*objectW/10, 0).lt(i*objectW/10, objectH);					
+						g.mt(i*objW/10, 0).lt(i*objW/10, objH);					
 					}
 					for (var i=1; i<10; i++) {
-						g.mt(0, i*objectH/10).lt(objectW, i*objectH/10);				
+						g.mt(0, i*objH/10).lt(objW, i*objH/10);				
 					}					
 				}
 				
 				var crossSize = 80;
 				g.s("#FFFFFF").ss(8);
-				g.mt(objectW/2, objectH/2-crossSize/2).lt(objectW/2, objectH/2+crossSize/2);
-				g.mt(objectW/2-crossSize/2, objectH/2).lt(objectW/2+crossSize/2, objectH/2);
+				g.mt(objW/2, objH/2-crossSize/2).lt(objW/2, objH/2+crossSize/2);
+				g.mt(objW/2-crossSize/2, objH/2).lt(objW/2+crossSize/2, objH/2);
 				
 				g.s("#000000").ss(4);
-				g.mt(objectW/2, objectH/2-crossSize/2).lt(objectW/2, objectH/2+crossSize/2);
-				g.mt(objectW/2-crossSize/2, objectH/2).lt(objectW/2+crossSize/2, objectH/2);
+				g.mt(objW/2, objH/2-crossSize/2).lt(objW/2, objH/2+crossSize/2);
+				g.mt(objW/2-crossSize/2, objH/2).lt(objW/2+crossSize/2, objH/2);
 				
 				// draw a border
 				g.s(color).ss(3);
-				g.dr(0,0,objectW,objectH);				
+				g.dr(0,0,objW,objH);				
 				
 				grid2.alpha = .5;				
-				cached.cache(0,0,objectW,objectH);
+				cached.cache(0,0,objW,objH);
 				
 				that.addChild(top);
-				that.addChild(left);				
+				that.addChild(left);
+								
 				stage.update();	
 			}		
 			
@@ -2780,7 +3513,7 @@ var zim = function(zim) {
 			function keyEvent(e) {				
 				if (!e) e=event; 
 				if (!stage) return;	
-				if (e.keyCode == 71) { // G
+				if (String.fromCharCode(e.keyCode) == hideKey.toUpperCase()) { // G
 					that.visible = !that.visible;
 					stage.off("stagemousemove", stageEvent);
 					if (that.visible) {
@@ -2788,7 +3521,7 @@ var zim = function(zim) {
 					}
 					stage.update();
 				}				
-				if (e.keyCode == 80) { // P
+				if (String.fromCharCode(e.keyCode) == pixelKey.toUpperCase()) { // P
 					that.removeChild(cached);
 					cached = null;
 					that.pixels = !that.pixels;
@@ -2812,9 +3545,10 @@ var zim = function(zim) {
 			this.dispose = function() {
 				clearInterval(addedInterval);
 				that.removeAllChildren();
+				window.removeEventListener("keydown", keyEvent);	
 				if (that.parent) that.parent.removeChild(that);
 				that = null;
-				window.removeEventListener("keydown", keyEvent);	
+				
 			}
 			
 		}		
@@ -2825,484 +3559,414 @@ var zim = function(zim) {
 		return new makeGrid();			
 	}
 	
-	// GridManager class
-	// add Zim Grid objects and update or remove all grids at once
-	// grids are handy to use but perhaps annoying to update and remove if you have many
-	// GridManager keeps track of the grids and lets you update or dispose of them on command
-	
-	// METHODS 
-	// add(grid) - registers a grid with the GridManager
-	// resize() - resizes all the grids in the GridManager (ie. if stage changes)
-	// dispose() - disposes all grids and the GridManager
-	
-	// note: to just hide grids, you use the G key
-	// and to toggle percent and pixels use the P key
-	// you can dispose grids individually or use this class to dispose all
-	// disposing will remove the G key listener and the grid
-	
+
+/*--
+zim.GridManager = function()
+
+GridManager class
+add Zim Grid objects and update or remove all grids at once
+grids are handy to use but perhaps annoying to update and remove if you have many
+GridManager keeps track of the grids and lets you update or dispose of them on command
+
+METHODS 
+add(grid) - registers a grid with the GridManager
+resize() - resizes all the grids in the GridManager (ie. if stage changes)
+dispose() - disposes all grids and the GridManager
+
+note: to just hide grids, you use the G key
+and to toggle percent and pixels use the P key
+you can dispose grids individually or use this class to dispose all
+disposing will remove the G key listener and the grid
+--*/	
 	zim.GridManager = function() {		
-		if (zon) zog("zimbuild.js: GridManager");
-		var that = this;
-		this.grids = [];
-		this.add = function(g) {
-			that.grids.push(g);
-		}
-		this.resize = function() {
-			if (!that) return;
-			for (var i=0; i<that.grids.length; i++) {
-				that.grids[i].resize();	
-			}	
-		}
-		this.dispose = function() {
-			for (var i=0; i<that.grids.length; i++) {
-				that.grids[i].dispose();	
-			}	
-			if (zon) zog("zimbuild.js: GridManager - grids disposed");		
-			that = null;
-		}		
+		zim.Manager.call(this, "GridManager");
 	}	
-	
-	// Layout class
-	
-	// extends a createjs.EventDispatcher so it can dispatch events
-	// arranges objects on the page by fitting them in regions
-	// make a layout object for each page if desired
-	// and even nest layout objects inside regions
-	// regions are fixed aspect ratio
-	// good for flexive design where you anchor titles and navigation
-	// handles up to three regions vertically or horizontally	
-	// var layout = zim.Layout(parameters) 	
-		
-	// PARAMETERS
-	// the holder object (stage, container, etc) that must have bounds set
-	// the bounds will constrain the layout
-	// region1, region2 and region3 objects with specific properties for each
-	// example - with all dimensions as percents
-	
-	// Example VERTICAL region objects
-	// {object:title, marginTop:10, maxWidth:80, minHeight:20, align:"left", valign:"top"}
-	// {object:content, marginTop:5, maxWidth:90} // note, middle gets no minHeight
-	// {object:nav, marginTop:5, maxWidth:80, minHeight:20, backgroundColor:"red"}
-	// note: no minHeight for the middle region
-	// align defaults to middle for the three regions
-	// valign defaults to top, middle, bottom for the three regions
-	// backgroundColor applies a backing color to the region
-	
-	// Example HORIZONTAL region objects
-	// {object:col1, marginLeft:10, maxHeight:80, minWidth:20, valign:"bottom"}
-	// {object:col2, marginLeft:5, maxHeight:90, align:"middle"} // note, middle gets no minWidth
-	// {object:col3, marginLeft:5, maxHeight:80, minWidth:20, align:"left", valign:"top"}	
-	// align defaults to left, middle, right for the three regions
-	// valign defaults to top for the three regions	
-	
-	// PARAMETERS CONT'D
-	// lastMargin - the margin at the bottom (vertical) or at the right (horizontal) defaults to 0
-	// backgroundColor - for the whole holder - defaults to -1
-	// vertical - boolean defaults to true for vertical layout (set to false for horizontal)
-	// regionShape - a createjs Shape object to show where bounds are (optional) (added to holder)
-	// can toggle on and off with B key - but must pass in the Shape to use the B key
-	// scalingTarget - an object used as the bounds of the region scaling
-	// setting a scalingTarget will also set the bounds of the holder to the scalingTarget bounds
-	// it does not scale the holder - only scale the region objects inside
-	
-	// METHODS
-	// resize() - resize based on new bounds of the holder (or scalingObject)
-	// dispose() - removes the B key listener (otherwise, nothing to dispose)
-	// addShape(shape) - adds a bounding shape dynamically
-	// removeShape() - permanently removes the bounding shape
-	// disable() - disables all the layout (shape and sizing)
-	// enable() - enables all the layout (shape and sizing)	
-	// if you want to get rid of the objects then you need to do so in your app
-		
-	// DESCRIPTION OF FLEXIVE DESIGN
-	// here described with vertical layout - horizontal is similar but rotated 90
-	// the content in the middle will try and expand against the top and bottom
-	// until it forces the top and bottom to their minimum percents
-	// if the content hits its maximum width percent first then the top and bottom
-	// will fill up the rest of the height until they reach their maximum widths
-	// the margins will be kept as minimum percentages
-	
-	// FLEXIVE STATES
-	
-	// 1. STATIC 
-	// when wide, the top and bottom are a minimum height and content at maximum height
-	
-	// 2. SQUEEZE
-	// when narrowing, content hits edges and gets shorter leaving room for top and bottom to grow
-		
-	// 3. SPREAD
-	// when narrowing and top and bottom hit maximum width, the three content areas spread out	
-	
-	zim.Layout = function(holder, region1, region2, region3, lastMargin, backgroundColor, vertical, regionShape, scalingObject) {
+	zim.GridManager.prototype = new zim.Manager();
+	zim.GridManager.constructor = zim.GridManager;	
+
+
+/*--
+zim.Layout = function(holder, regions, lastMargin, backgroundColor, vertical, regionShape, scalingObject, hideKey) 
+
+Layout class
+
+extends a createjs.EventDispatcher so it can dispatch events
+arranges objects on the page by fitting them in regions
+make a layout object for each page if desired
+and even nest layout objects inside regions
+fixed aspect ratio content is fit into regions
+good for flexive design where you anchor titles and navigation
+handles any number of regions vertically or horizontally	
+var layout = zim.Layout(parameters) 	
+
+PARAMETERS
+the holder object (stage, container, etc) that must have bounds set
+the bounds will constrain the layout
+an array of region objects with specific properties for each
+example - with all dimensions as percents
+
+Example VERTICAL region objects
+[ {object:title, marginTop:10, maxWidth:80, minHeight:20, align:"left", valign:"top"}
+{object:content, marginTop:5, maxWidth:90} // note, middle gets no minHeight
+{object:nav, marginTop:5, maxWidth:80, height:20, backgroundColor:"red"} ]
+note: no minHeight for middle regions - but heights on any region
+align defaults to middle for the regions
+valign defaults to top and bottom for the top and bottom region and middle for the others
+backgroundColor applies a backing color to the region
+
+Example HORIZONTAL region objects
+{object:col1, marginLeft:10, maxHeight:80, width:20, valign:"bottom"}
+{object:col2, marginLeft:5, maxHeight:90, align:"middle"} // note, middle gets no minWidth
+{object:col3, marginLeft:5, maxHeight:80, minWidth:20, align:"left", valign:"top"}	
+align defaults to left and right for the outer regions and middle for the inside regions
+valign defaults to top for all the regions	
+
+PARAMETERS CONT'D
+lastMargin - the margin at the bottom (vertical) or at the right (horizontal) defaults to 0
+backgroundColor - for the whole holder - defaults to ""
+vertical - boolean defaults to true for vertical layout (set to false for horizontal)
+regionShape - a createjs Shape object to show where bounds are (optional) (added to holder)
+can toggle on and off with B key - but must pass in the Shape to use the B key
+scalingTarget - an object used as the bounds of the region scaling
+setting a scalingTarget will also set the bounds of the holder to the scalingTarget bounds
+it does not scale the holder - only scales the region objects inside
+hideKey is the hot key for hiding and showing the bounds - default B
+
+METHODS
+resize() - resize based on new bounds of the holder (or scalingObject)
+dispose() - removes the B key listener (otherwise, nothing to dispose)
+addShape(shape) - adds a bounding shape dynamically
+removeShape() - permanently removes the bounding shape
+disable() - disables all the layout (shape and sizing)
+enable() - enables all the layout (shape and sizing)	
+if you want to get rid of the objects then you need to do so in your app
+
+DESCRIPTION OF FLEXIVE DESIGN
+here described with vertical layout - horizontal is similar but rotated 90
+the content in the middle will try and expand against the top and bottom
+until it forces the top and bottom to their minimum percents
+if the content hits its maximum width percent first then the top and bottom
+will fill up the rest of the height until they reach their maximum widths	
+--*/	
+	zim.Layout = function(holder, regions, lastMargin, backgroundColor, vertical, regionShape, scalingObject, hideKey) {
 		function makeLayout() {
-			// if (zon) zog ("zimbuild.js Layout()");						
-			if (zot(holder)) {zog ("zimbuild.js Layout(): please provide an object with bounds set that holds the objects being laid out"); return;}			
+			// if (zon) zog ("zim pages - Layout()");						
+			if (zot(holder) || !holder.getBounds) {zog ("zim pages - Layout(): please provide an object with bounds set that holds the objects being laid out"); return;}			
 			scalingObject = (zot(scalingObject)) ? holder : scalingObject;
-			if (!scalingObject.getBounds()) {zog ("zimbuild.js Layout(): holder must have bounds set or provide a scalingObject with bounds"); return;}			
-			
+			if (!scalingObject.getBounds || !scalingObject.getBounds()) {zog ("zim pages - Layout(): holder must have bounds set or provide a scalingObject with bounds"); return;}			
 			var bounds = scalingObject.getBounds();
 			holder.setBounds(0,0,bounds.width,bounds.height);
-			
+			// note, Layout sets bounds of holder but does not scale the holder - only the objects in regions
+			// it may be that the holder is scaled by some external process
+			// but probably not if a scalingObject is used
+	
 			if (zot(lastMargin)) lastMargin = 0;
 			if (zot(vertical)) vertical = true;
-			if (zot(backgroundColor)) backgroundColor = -1;
-			that = this;
+			if (zot(backgroundColor)) backgroundColor = "";
+			if (zot(hideKey)) hideKey = "B";
+			zim.dashedLinesOn(); // turns on dashed lines for bounds
+			var backing = new createjs.Shape(); // holds any backing colors
+			var that = this;
 			this.active = true;
-			var logStates = false;			
-			var backing = new createjs.Shape();
-									
-			// normalize vertical or horizontal data
-			
-			var obj1; var obj2; var obj3; var stage;
-			var margin1=0; var margin2=0; var margin3=0; 
-			var margin4=(zot(lastMargin)) ? 0 : lastMargin;
-			var max1=0; var max2=0; var max3=0;	var min1=0; var min3=0;	
-			var align1; var align2; var align3;	var valign1; var valign2; var valign3;
-			var bg1; var bg2; var bg3; var minAbs1; var minAbs3;	
-			var fit1={x:0,y:0,width:0,height:0,scale:0};
-			var fit2={x:0,y:0,width:0,height:0,scale:0};
-			var fit3={x:0,y:0,width:0,height:0,scale:0};
-			var primary; var secondary; // holds bound height for vertical and width for horizontal
-			
-			if (vertical) { // defaults
-				align1=align2=align3="middle"; 
-				valign1="top"; valign2="middle"; valign3="bottom";
-			} else {
-				align1="left"; align2="middle"; align3="right";
-				valign1=valign2=valign3="top";
-			}			
-			for (var i=1; i<=3; i++) assignVariables(i, vertical);
 			
-			var margins = margin1 + margin2 + margin3 + margin4;
-			var min1Start = min1; var min3Start = min3;	
-			var min1Last = min1; var min3Last = min3; 
-			var state=0; var lastState=0;
+			// loop through region objects and assign defaults
+			// also check that regions can fit with values given
+			// we basically do the same thing with horizontal and vertical layouts
+			// but obviously one uses widths and the other heights, etc.
+			// so adapted generic phrases of PRIMARY and SECONDARY
+			// primary for vertical is in the Y direction and uses height and top  
+			// primary for horizontal is in the X direction and uses width and left
+			// secondary for vertical is X and for horizontal is Y
+			// min, absolute and margin values are only available in the primary
+			// max values are only available in the secondary
+			// align, valign and backgroundcolor is available for primary and secondary
+			// absolute values (height, width) are to be used if given
+			// if not given we try to maximize size and to adhere to min values
+			// as calculations progress we calculate given, maxGiven and marginGiven values
+			// these are temporary depending on the resizing and are always in the primary direction
+			// secondary direction is quite simple
+			// primary direction is quite complex involving a number of steps and even some recursion
+			
+			var r; // used to hold a region in a loop
+			var totalAbsolute = 0;
+			var minPrimary = "minWidth";
+			var primary = "width";
+			var secondary = "height";
+			var marginPrimary = "marginLeft";
+			var maxSecondary = "maxHeight";
+			var axisPrimary = "x";
+			var axisSecondary = "y";			
+			if (vertical) {
+				minPrimary = "minHeight";
+				primary = "height";
+				secondary = "width";
+				marginPrimary = "marginTop";
+				maxSecondary = "maxWidth";
+				axisPrimary = "y";
+				axisSecondary = "x";
+			}
+			for (var i=0; i<regions.length; i++) {
+				r = regions[i];
+				if (!r.object || !r.object.getBounds()) {zog("zim pages - Layout(): each region object must have an object with setBounds() set"); return;}
+				if (!r[minPrimary]) r[minPrimary] = 0;
+				if (!r[primary]) r[primary] = 0;
+				if (!r.backgroundColor) r.backgroundColor = "";
+				r.given = 0;
+				r.maxGiven = 0;
+				if (!r[marginPrimary]) r[marginPrimary] = 0;
+				if (!r[maxSecondary]) r[maxSecondary] = 100;
+				if (vertical) {
+					// default alignment differs for orientation
+					if (!r.align) r.align = "middle";
+					if (!r.valign) {
+						if (i==0) {r.valign = "top";}
+						else if (i==regions.length-1) {r.valign = "bottom";}
+						else {r.valign = "middle";}
+						if (regions.length == 1) {r.valign = "middle"}
+					}
+				} else {
+					if (!r.valign) r.valign = "top";
+					if (!r.align) {
+						if (i==0) {r.align = "left";}
+						else if (i==regions.length-1) {r.align = "right";}
+						else {r.align = "middle";}
+						if (regions.length == 1) {r.align = "middle"}
+					}
+				}
+				if (r[primary]) r[minPrimary] = 0; // primary overrides minPrimary
+				totalAbsolute += r[primary] + r[marginPrimary];	
+			}
 			
-			calculate();
-						
-			function calculate() {
-				
-				if (regionShape) regionShape.graphics.clear();
+			// primaries (not minPrimaries) are absolute percentage and are kept no matter what
+			// margins are absolute percentage and are kept no matter what
+			// check if primaries and margins are more than 100%
+			totalAbsolute += lastMargin;
+			if (totalAbsolute > 100) {zog("zim pages - Layout(): cannot fit regions into 100% bounds"); return;}
+			var leftOverPrimary = 100-totalAbsolute;
+			
+			distribute(); // also called from within resize function
+			function distribute() {
+				// distribute leftOverPrimary to any regions without a primary or a given (primary)
+				// proportion based on primary dimension of objects in regions
+				// apply this primary to given (primary)
+				var totalPrimaries = 0;
+				for (var i=0; i<regions.length; i++) {
+					r = regions[i];
+					r.given = 0;
+					if (r[primary] == 0) totalPrimaries += r.object.getBounds()[primary];
+				}
+				// now we know total raw heights of objects needing height applied
+				// loop back through and give these objects their proportion of what is left
+				for (var i=0; i<regions.length; i++) {
+					r = regions[i];
+					if (r[primary] == 0) r.given = r.object.getBounds()[primary] / totalPrimaries * leftOverPrimary;			
+				}
+			}
+			
+			this.resize = function() {
+				if (!that.active) return;
+				bounds = scalingObject.getBounds();
+				holder.setBounds(0,0,bounds.width,bounds.height);
 				backing.graphics.clear();
-				if (backgroundColor!=-1) backing.graphics.f(backgroundColor).r(0,0,bounds.width,bounds.height);
-									
-				primary = (vertical) ? bounds.height : bounds.width;
-				secondary = (vertical) ? bounds.width-bounds.x*2 : bounds.height-bounds.y*2;
-				
-				var primaryFit1=0; var primaryFit2=0; var primaryFit3=0; 
-				var secondaryFit1=0; var secondaryFit2=0; var secondaryFit3=0;
-				var scale1=0; var scale2=0; var scale3=0;							
-							
-				// check obj1 meets min1 (primary) when set to max1 (secondary)
-				// check obj3 meets min3 (primary) when set to max3 (secondary)
-				
-				primaryPos = 0; // do not care about x and y right now
-				secondaryPos = 0;
+				if (backgroundColor!="") backing.graphics.f(backgroundColor).r(0,0,bounds.width,bounds.height);
+					
+				for (var i=0; i<regions.length; i++) {
+					r = regions[i];
+					r.maxGiven = 0;	
+					r.marginGiven = 0;
+				}		
+				// all the primaries are applied 
+				// but some objects might not need the primary because they have maxed out on maxSecondary
+				// we need to give this extra primary back to the pool 
+				// and keep doing it until there are no more maxed objects
 				
-				if (obj1) {					
-					primaryLen = min1Start*primary/100;	// mins, maxes and margins are percent so convert to pixels
-					secondaryLen = max1*secondary/100;	
-					setFit(1,primaryPos,secondaryPos,primaryLen,secondaryLen);	
-					if (primaryFit1 < min1Start*primary/100) {						
-						min1 = primaryFit1*100/primary;
-						if (Math.floor(min1) != Math.floor(min1Last) && Math.floor(min1) != Math.floor(min1Start)) {
-							if (zon) zog("zimbuild.js Layout(): region 1 min "+min1Start+"% cannot be met and will be set to "+Math.floor(min1)+"%");	
-							min1Last = min1;
+				var keepGoing = true; var allCheck; var giveBack; 
+				var p; var s; var boundsP; var boundsS; var maxGiven;
+				var leftOverPrimary2 = leftOverPrimary;
+				while (keepGoing) {
+					// check for objects maxed in width
+					giveBack = 0;
+					keepGoing = false; allCheck = true;
+					// we want to keep going unless all objects are maxed
+					// or none of the objects are maxed
+					for (var i=0; i<regions.length; i++) {
+						r = regions[i];				
+						if (r.given > 0 && r.maxGiven == 0) {					
+							p = r.object.getBounds()[primary];
+							s = r.object.getBounds()[secondary];
+							boundsP =  r.given * bounds[primary]/100;
+							boundsS =  r[maxSecondary] * bounds[secondary]/100; // convert to pixels
+							maxGiven = s/p*boundsP;
+							if (maxGiven > boundsS) {
+								// maxed out so give back height
+								keepGoing=true;
+								// store this as maxGiven property
+								// might have to take it away if later minHeights are not met
+								r.maxGiven = p/s*boundsS * 100/bounds[primary]; // convert back to percentage
+								giveBack += r.given - r.maxGiven;
+								leftOverPrimary2 -= r.maxGiven;
+							} else {
+								allCheck = false;
+							}
 						}
+					}
+					
+					if (!keepGoing) break;
+					if (allCheck) break;
+					
+					// redistribute the extra stuff too all that are not maxed out and not with primary values
+					// proportion based on primary dimension of objects in regions
+					// apply this primary to given (primary)
+					totalPrimaries = 0;
+					for (var i=0; i<regions.length; i++) {
+						r = regions[i];
+						if (r[primary] == 0 && r.maxGiven == 0) totalPrimaries += r.object.getBounds()[primary];
+					}
+					// now we know total raw heights of objects needing height applied
+					// loop back through and give these objects their proportion of what is left
+					for (var i=0; i<regions.length; i++) {
+						r = regions[i];
+						if (r[primary] == 0 && r.maxGiven == 0) r.given = r.object.getBounds()[primary] / totalPrimaries * leftOverPrimary2;
 					}			
-				}
+				}			
+	
+				// if end regions have not met their minPrimaries
+				// set those minPrimaries to primaries and resize again
+				// divide leftover primary to regions with no set primary
+				// maximize middle regions as this is usually content
+				// if the edge regions have minPrimaries set them to minPrimary
+				// if they do not have minPrimaries then proportion them equally with the rest
 				
-				if (obj3) {
-					primaryLen = min3Start*primary/100;								
-					secondaryLen = max3*secondary/100;	
-					setFit(3,primaryPos,secondaryPos,primaryLen,secondaryLen);	
-					if (primaryFit3 < min1Start*primary/100) {						
-						min3 = primaryFit3*100/primary;
-						if (Math.floor(min3) != Math.floor(min3Last) && Math.floor(min3) != Math.floor(min3Start)) {
-							if (zon) zog("zimbuild.js Layout(): region 3 min "+min3Start+"% cannot be met and will be set to "+Math.floor(min3)+"%");	
-							min3Last = min3;
-						}
-					}				
+				var scaleCheck = true;
+				r = regions[0];
+				if (r.maxGiven > 0) {
+					 if (r.maxGiven < r[minPrimary]) {r[primary] = r[minPrimary]; scaleCheck = false;}
+				} else if (r.given > 0) {
+					 if (r.given < r[minPrimary]) {r[primary] = r[minPrimary]; scaleCheck = false;}
 				}
-				
-				// get original primary lengths for later (height or width of object bounds)
-				var p1 = 0; var p3 = 0;
-				if (vertical) {
-					if (obj1) p1 = obj1.getBounds().height;
-					if (obj3) p3 = obj3.getBounds().height;
-				} else {
-					if (obj1) p1 = obj1.getBounds().width;
-					if (obj3) p3 = obj3.getBounds().width;
+				r = regions[regions.length-1];
+				if (r.maxGiven > 0) {
+					 if (r.maxGiven < r[minPrimary]) {r[primary] = r[minPrimary]; scaleCheck = false;}
+				} else if (r.given > 0) {
+					 if (r.given < r[minPrimary]) {r[primary] = r[minPrimary]; scaleCheck = false;}
 				}
-				
-				// determine the Flexive State based first on the middle region which floats between the outer regions
-				// unfortunately, these stages seem to have different requirements in terms of maximizing regions
-				// this makes the procedural code below fairly complex
-				// it probably would have been better to code the regions as independent object
-				// and let them work themselves out leading to any number of regions being added, etc.
-				// I did not quite expect the complexities so it was a fun two day puzzle			
-				
-				var leftover = (100-margins)*primary/100;
-				var x; var y; var w; var h; 
-				var primaryPos; var primaryLen; var secondaryPosition; var secondaryLen;
-				var newScale = 0; var f;			
-				
-				if (obj2) {
-					
-					// setFitPrimary(num, pos, length) is used a lot below
-					// you pass in which region (1, 2 or 3)
-					// and then a primary min position - this is y in vertical or x in horizontal
-					// and then a primary length - this is height in vertical or width in horizontal
-					// and then it automatically maximizes the secondary position and length
-					// these for a possible bounding rectangle in which to fit the object					
-					// the function takes these dimensions and uses setFit() to fit the object
-					// (sometimes setFit() is used directly if we only want dimensions and no final positioning 
-					// the setFit function uses zim.fit() which actually scales and positions the object
-					// it setFit also populates the following variables:
-					
-					// the resulting fit length in the primary (height for vertical, width for horizontal)
-					// primaryFit1, primaryFit2, primaryFit3
-					// the resulting fit length in the secondary (width for vertical, height for horizontal)
-					// primaryFit1, primaryFit2, primaryFit3
-					
-					// the setFitPrimary (and the other functions) also return an object as follows:
-					// {x:posX, y:posY, w:width, h:height, s:scale} of the fit object
-					// these are, on occassion, used for fitting the next object 
-					
-					// the setFitPrimary() also automatically handles aligning the object within the bounds					
-					
-					setFitPrimary(2, (margin1+min1+margin2)*primary/100, (100-(margins+min1+min3))*primary/100);
-														
-					if (Math.round(secondaryFit2) == Math.round(secondaryLen)) {
-						
-						// we are on stage 2 if the middle has maxed-out in the secondary
-						// we are on stage 3 if all the objects have maxed-out in the secondary						
-						// how much room is leftover for obj1 and obj2 in the primary
-						
-						leftover = (100-margins-primaryFit2*100/primary)*primary/100;
+				if (!scaleCheck) {
+					// recalculate leftOverPrimary
+					totalAbsolute = 0;
+					for (var i=0; i<regions.length; i++) {
+						r = regions[i];
+						totalAbsolute += r[primary] + r[marginPrimary];	
+					}
+					totalAbsolute += lastMargin;
+					if (totalAbsolute > 100) {zog("zim build - Layout(): cannot fit regions into 100% bounds"); return;}
 					
-						// can obj1 and obj2 go to max in secondary
-						// and fit in the leftover in the primary?	
-						// do not need to check for x and y - just want the lengths
-						
-						primaryPos = 0; secondaryPos = 0; primaryLen = 10000; // unlimited
-						if (obj1) setFit(1,primaryPos,secondaryPos,primaryLen,max1*secondary/100);	
-						if (obj3) setFit(3,primaryPos,secondaryPos,primaryLen,max3*secondary/100);
-												
-						if (primaryFit1 + primaryFit3 > leftover) {
-							state2();
-						} else {
-							state3();	
-						}						
-					} else { // the middle has not maxed-out in the secondary
-						state1();
-					}					
-				} else {
-					state3(); // check on this... 
+					leftOverPrimary = 100-totalAbsolute;
+					distribute();
+					that.resize();
+					return;
 				}
 				
 			
-				// STATE 1 - STATIONARY
-				// the middle object (obj2) has not maxed-out in the secondary direction
-				// outer objects (obj1 and obj3) are set to min1 and min3 in the primary direction
-				function state1() {
-					
-					// if logging is turned on we log the Flexive state we are on
-					if (logStates) {state=1; if (state!=lastState) {zog("Flexive State "+state); lastState=state;}};	
-										
-					if (obj1) setFitPrimary(1, margin1*primary/100, min1*primary/100);					
-					if (obj3) setFitPrimary(3, primary-min3*primary/100-margin4*primary/100, min3*primary/100);										
-				}
-				
-				
-				// STATE 2 - SQUEEZE
-				// middle is being squeezed in the secondary so its primary length shortens proportionally
-				// giving the outer objects room to grow in the primary until they too reach max in the secondary			
-				function state2() {
-					
-					if (logStates) {state=2; if (state!=lastState) {zog("Flexive State "+state); lastState=state;}};
-										
-					// the expanding outer objects may change the positioning of the middle object					
-					if (regionShape) regionShape.graphics.clear();
-					backing.graphics.clear();			
-					if (backgroundColor!=-1) backing.graphics.f(backgroundColor).r(0,0,bounds.width,bounds.height);
-															
-					// if scale of obj1 at max is greater than scale of obj3 at max					
-					primaryPos = 0; secondaryPos = 0;
-					secondaryLen = 10000; // unlimited
-												
-					if (scale1 >= scale3) { // obj1 hits first
-						if (obj3) { // leftover is in pixels							
-							var leftover1 = leftover - primaryFit3;
-							if (leftover1 >= p1*scale3) { // rescale obj1 to leftover1	
-								if (obj2) setFit(1,primaryPos,secondaryPos,leftover1,secondaryLen);	
-							} else { // equal scale equation								
-								newScale = leftover/(p1+p3);								
-							}								
-						} else { // rescale obj1 to leftover1
-							if (obj2) setFit(1,primaryPos,secondaryPos,leftover,secondaryLen);								
+				// if specified all primaries or all maxed in secondary
+				// then distribute based on inner margins
+				// watch out - may need to revert to original margins if page is resized
+				// so introduce a new marginGiven property
+			
+				var allHeights = true; var marginTotal = 0; var primaryTotal = 0;
+				for (var i=0; i<regions.length; i++) {
+					r = regions[i];
+					marginTotal += r[marginPrimary];
+					if (r[primary] > 0) primaryTotal += r[primary];
+					else if (r.maxGiven > 0) primaryTotal += r.maxGiven;
+					else if (r.given > 0) primaryTotal += r.given;
+					if (r[primary] == 0) {
+						allHeights = false;
+					}
+				}			
+				if (allHeights || allCheck) {
+					marginTotal += lastMargin;
+					var extra = 100-primaryTotal-marginTotal;
+					// remove two outer margins
+					marginTotal -= (lastMargin + regions[0][marginPrimary]);
+					if (extra != 0 && marginTotal != 0) { // divide up extra margin space
+						for (var i=0; i<regions.length; i++) {
+							if (i==0) continue;
+							r = regions[i];
+							r.marginGiven = r[marginPrimary]/marginTotal*(marginTotal+extra);
 						}
-					} else { // obj3 hits first
-						if (obj1) {								
-							var leftover3 = leftover - primaryFit1;
-							if (leftover3 >= p3*scale1) { // rescale obj3 to leftover3								
-								if (obj2) setFit(3,primaryPos,secondaryPos,leftover3,secondaryLen);	
-							} else { // equal scale equation									
-								newScale = leftover/(p1+p3);								
-							}								
-						} else { // rescale obj3 to leftover3								
-							if (obj2) setFit(3,primaryPos,secondaryPos,leftover,secondaryLen);
-						}						
-					}	
-									
-					if (newScale != 0) {
-						// scale obj1 and obj3 to new scale (scale them proportionally)
-						if (obj1) setFit(1,primaryPos,secondaryPos,p1*newScale,secondaryLen);
-						if (obj3) setFit(3,primaryPos,secondaryPos,p3*newScale,secondaryLen);
 					}
-					
-					if (obj1) setFitPrimary(1, margin1*primary/100, primaryFit1);															
-					if (obj3) setFitPrimary(3, (margin1+margin2+margin3)*primary/100 + primaryFit1 + primaryFit2, primaryFit3);					
-					if (obj2) setFitPrimary(2, (margin1+margin2)*primary/100+primaryFit1, (100-margins)*primary/100-primaryFit1-primaryFit3);									
-				}
-				
+				}					
+			
+				// ready to fit objects into regions, align and draw any bounds and background colors
+				var pPos=0; // primary position (x for horizontal, y for vertical)
+				var sPos=0; // secondary position			
+				var p;  	// primary dimension (width for horizontal, height for vertical)
+				var s;		// secondary dimension
+				var f; 		// fit variable will receive a handy object with new data and original region bounds data
+							// {x:obj.x, y:obj.y, width:newW, height:newH, scale:scale, bX:left, bY:top, bWidth:width, bHeight:height}
 				
-				// STATE 3 - SPREAD
-				// all objects are maxed-out in the secondary direction
-				// the outer objects anchor to the outsides and the middle object centers
-				function state3() {
+				var addedW; var addedH;	// just a little offscreen coloring to help page transitions		
+				if (regionShape && regionShape.graphics) {
+					var g = regionShape.graphics;				
+					g.c();
+				}
+				for (var i=0; i<regions.length; i++) {
+					r = regions[i];
 					
-					if (logStates) {state=3; if (state!=lastState) {zog("Flexive State "+state); lastState=state;}};
+					// calculate primary data
+					if (r.marginGiven > 0) pPos += r.marginGiven * bounds[primary]/100; // convert to pixels
+					else pPos += r[marginPrimary] * bounds[primary]/100;				
+					if (r[primary] > 0) {p = r[primary];}
+					else if (r.maxGiven > 0) {p = r.maxGiven;}
+					else if (r.given > 0) {p = r.given;}
+					else {p = 0;}
+					p = p * bounds[primary]/100;
 					
-					if (regionShape) regionShape.graphics.clear();
-					backing.graphics.clear();
-					if (backgroundColor!=-1) backing.graphics.f(backgroundColor).r(0,0,bounds.width,bounds.height);
-										
-					if (obj1 && !obj2 && ! obj3) {							
-						setFitPrimary(1, margin1*primary/100, primary-(margin1+margin4)*primary/100);																					
-					}
-					if (obj2 && !obj1 && ! obj3) {
-						setFitPrimary(2, margin2*primary/100, primary-(margin2+margin4)*primary/100);						
-					}	
-					if (obj3 && !obj1 && ! obj2) {						
-						setFitPrimary(3, margin3*primary/100, primary-(margin3+margin4)*primary/100);						
-					}
-					if (obj1 && obj3 && !obj2) {						
-						// match scales						
-						newScale = (100-margin1-margin4-margin3)*primary/100/(p1+p3);												
-						f = setFitPrimary(1, margin1*primary/100, p1*newScale);	
-						setFitPrimary(3, (margin1+margin3)*primary/100 + ((vertical) ? f.h : f.w), p3*newScale);					
-					}	
-					if (obj1 && obj2 && !obj3) {						
-						// match scales						
-						newScale = (100-margin1-margin4-margin2)*primary/100/(primaryFit1+primaryFit2);												
-						f = setFitPrimary(1, margin1*primary/100, primaryFit1*newScale);	
-						setFitPrimary(2, (margin1+margin2)*primary/100 + ((vertical) ? f.h : f.w), primaryFit2*newScale);					
-					}	
-					if (obj2 && obj3 && !obj1) {						
-						// match scales						
-						newScale = (100-margin3-margin4-margin2)*primary/100/(primaryFit3+primaryFit2);												
-						f = setFitPrimary(2, margin2*primary/100, primaryFit2*newScale);	
-						setFitPrimary(3, (margin2+margin3)*primary/100 + ((vertical) ? f.h : f.w), primaryFit3*newScale);					
+					// calculate secondary data
+					s = r[maxSecondary] * bounds[secondary]/100;
+					sPos = (bounds[secondary]-s)/2;
+					
+					// fit the objects into the region, align and draw any regionShape
+					// this is slightly different for different orientations
+					if (vertical) f = zim.fit(r.object,sPos,pPos,s,p);
+					else f = zim.fit(r.object,pPos,sPos,p,s);
+					
+					// handle alignment
+					if (r.valign == "top") r.object.y = f.bY;	
+					else if (r.valign == "bottom") r.object.y = f.bY+f.bHeight-f.height;	
+					if (r.align == "left") r.object.x = f.bX;	
+					else if (r.align == "right") r.object.x = f.bX+f.bWidth-f.width;
+					if (regionShape && regionShape.graphics) {
+						g.s("white").ss(2).r(f.bX,f.bY,f.bWidth,f.bHeight);
+						g.s("#ff8203").ss(2).drawDashedRect(f.bX,f.bY,f.bWidth,f.bHeight,20);
 					}	
-					if (obj1 && obj2 && obj3) {																	
-						// only gets here if all three are maxed in secondary
-						// so proportion what is left after margins to the maxed-out heights of objects
-						// dimensions (primaryFit, secondaryFit) come in correctly but not positions
-						// find new heights						
-						leftover = (100-margins)*primary/100;							
-						f = setFitPrimary(1, margin1*primary/100, primaryFit1*leftover/(primaryFit1+primaryFit2+primaryFit3));	
-						f = setFitPrimary(2, (margin1+margin2)*primary/100+ ((vertical) ? f.h : f.w), primaryFit2*leftover/(primaryFit1+primaryFit2+primaryFit3));																				
-						primaryLen = primaryFit3*leftover/(primaryFit1+primaryFit2+primaryFit3);
-						primaryPos = primary-margin4*primary/100-primaryLen; // note, uses primaryLen in primaryPos	
-						f = setFitPrimary(3, primaryPos, primaryLen);						
-					}											
-				}	
+						
+					// draw any backing colors for region
+					// transitions in ZIM Pages need a little extra overlap on page edges
+					addedH = addedW = 0;
+					if (pPos == 0 || (pPos+p) == bounds[primary]) if (vertical) {addedH=1} else {addedW=1};						
+					if (s == bounds[secondary]) if (vertical) {addedW=1} else {addedH=1};
+					if (r.backgroundColor != "") backing.graphics.f(r.backgroundColor).r(f.bX, f.bY, f.bWidth+addedW, f.bHeight+addedH);
 				
-				function setFit(num,primaryPos,secondaryPos,primaryLen,secondaryLen) {										
-					x = (vertical) ? secondaryPos : primaryPos;
-					y = (vertical) ? primaryPos : secondaryPos;
-					w = (vertical) ? secondaryLen : primaryLen;
-					h = (vertical) ? primaryLen : secondaryLen;									
-					eval('fit'+num+' = zim.fit(obj'+num+',x,y,w,h);');
-					eval('primaryFit'+num+' = (vertical) ? fit'+num+'.height : fit'+num+'.width;');
-					eval('secondaryFit'+num+' = (vertical) ? fit'+num+'.width : fit'+num+'.height;');
-					eval('scale'+num+' = fit'+num+'.scale;');					
-					return {x:x, y:y, w:w, h:h};				
+					// increase our primary position
+					pPos += p;				
 				}
-				
-				function setFitPrimary(num, primaryPos, primaryLen) {				
-					var colors = [null,"red","blue","green"];
-					eval('secondaryPos = (100-max'+num+')/2*secondary/100;');
-					eval('secondaryLen = max'+num+'*secondary/100;');
-					eval('f = setFit('+num+',primaryPos,secondaryPos,primaryLen,secondaryLen);');	
-					var addedW=0; var addedH=0; // transitions need a little extra overlap on page edges
-					if (primaryPos == 0 || (primaryPos+primaryLen) == primary) if (vertical) {addedH=1} else {addedW=1};						
-					if (secondaryLen == secondary) if (vertical) {addedW=1} else {addedH=1};												
-					eval('if (bg'+num+' != "") backing.graphics.f(bg'+num+').r(f.x, f.y, f.w+addedW, f.h+addedH);');
-					eval('if (regionShape) regionShape.graphics.s("'+colors[num]+'").ss(2).dr(f.x, f.y, f.w, f.h);');
-					eval('if (valign'+num+'=="top") obj'+num+'.y = f.y;');
-					eval('if (valign'+num+'=="bottom") obj'+num+'.y = f.y+f.h-((vertical)?primaryFit'+num+':secondaryFit'+num+');');
-					eval('if (align'+num+'=="left") obj'+num+'.x = f.x - bounds.x;');
-					eval('if (align'+num+'=="right") obj'+num+'.x = f.x-bounds.x+f.w-((vertical)?secondaryFit'+num+':primaryFit'+num+');');										 
-					return f;
-				}				
-									
-				if (!stage) {
-					for (var i=1; i<=3; i++) eval ('if (obj'+i+' && obj'+i+'.getStage()) stage = obj'+i+'.getStage();');
-				} 
-				if (stage) stage.update();
 			}
-						
-			function assignVariables(i,vertical) {
-				if (vertical) {
-					if (eval('region'+i)) {
-						eval('obj'+i+'=region'+i+'.object;');
-						eval('margin'+i+'=(region'+i+'.marginTop)?region'+i+'.marginTop:0;');
-						eval('max'+i+'=(region'+i+'.maxWidth)?region'+i+'.maxWidth:100;');
-						if (i!=2) {
-							eval('min'+i+'=(region'+i+'.minHeight)?region'+i+'.minHeight:0;');
-							eval('minAbs'+i+'=(region'+i+'.height)?region'+i+'.height:0;');
-						}
-						eval('if (region'+i+'.align) align'+i+'=region'+i+'.align;');
-						eval('if (region'+i+'.valign) valign'+i+'=region'+i+'.valign;');
-						eval('bg'+i+'=(region'+i+'.backgroundColor)?region'+i+'.backgroundColor:"";');						
-					}
-				} else {
-					if (eval('region'+i)) {						
-						eval('obj'+i+'=region'+i+'.object;');					
-						eval('margin'+i+'=(region'+i+'.marginLeft)?region'+i+'.marginLeft:0;');
-						eval('max'+i+'=(region'+i+'.maxHeight)?region'+i+'.maxHeight:100;');
-						if (i!=2) {
-							eval('min'+i+'=(region'+i+'.minWidth)?region'+i+'.minWidth:0;');
-							eval('minAbs'+i+'=(region'+i+'.width)?region'+i+'.width:0;');
-						}
-						eval('if (region'+i+'.align) align'+i+'=region'+i+'.align;');
-						eval('if (region'+i+'.valign) valign'+i+'=region'+i+'.valign;');
-						eval('bg'+i+'=(region'+i+'.backgroundColor)?region'+i+'.backgroundColor:"";');
-					}
-				}					
-				eval ('if (obj'+i+' && obj'+i+'.getStage()) stage = obj'+i+'.getStage();');
-				eval ('if (obj'+i+' && obj'+i+'.getStage()) stage = obj'+i+'.getStage();');
-				
-			}	
 			
+			this.resize();
+			
+			// add regionShape if there is one and backing shape
 			if (regionShape) holder.addChild(regionShape);						
 			holder.addChildAt(backing,0);			
-			
-			this.resize = function() {
-				if (!that.active) return;
-				bounds = scalingObject.getBounds();
-				holder.setBounds(0,0,bounds.width,bounds.height);
-				calculate();	
-			}
-			
+				
+			// key listener and other methods:
+				
 			// add key listener to hide and show the bounds				
 			window.addEventListener("keydown", keyEvent);			
 			function keyEvent(e) {				
 				if (!e) e=event; 								
-				if (regionShape) {
-					if (e.keyCode == 66) { // B
+				if (regionShape) {					
+					if (String.fromCharCode(e.keyCode) == hideKey.toUpperCase()) { // B
 						regionShape.visible = !regionShape.visible;	
 						if (regionShape.getStage()) regionShape.getStage().update();
 					}
@@ -3318,13 +3982,9 @@ var zim = function(zim) {
 			this.enable = function() {	
 				that.active = true;			
 				window.addEventListener("keydown", keyEvent);
-				that.resize = function() {
-					bounds = scalingObject.getBounds();
-					calculate();	
-				}		
+				that.resize();
 				if (regionShape) regionShape.alpha = 1;				
-			}
-						
+			}					
 			
 			this.removeShape = function() { // use for final app				
 				if (regionShape) {
@@ -3339,7 +3999,6 @@ var zim = function(zim) {
 			this.addShape = function(shape, target) { 			
 				that.removeShape();
 				regionShape = shape;
-				regionTarget = target;
 				window.addEventListener("keydown", keyEvent);				
 				holder.addChild(regionShape);				
 				that.resize();
@@ -3351,7 +4010,8 @@ var zim = function(zim) {
 				// which gets removed when we removeShape below
 				that.removeShape();
 			}				
-	
+				
+			
 		}
 		// note the actual class is wrapped in a function
 		// because createjs might not have existed at load time	
@@ -3360,25 +4020,30 @@ var zim = function(zim) {
 		return new makeLayout();
 	}	
 	
-	// LayoutManager class
-	// add Zim Layout objects and update them all at once
-	// also can remove all layout region bound shapes at once
-	// as well as remove the B key to show the region bound shapes
-	// for a final project, call the removeShapes()
-	// this will remove all shapes and key events
-	// the layouts will remain in place to handle multiple screen sizes
-	
-	// METHODS 
-	// add(layout) - registers a layout with the LayoutManager
-	// resize() - resizes all the layouts in the LayoutManager
-	// disable() - disables all the layouts in the LayoutManager (shapes and sizing)
-	// enable() - enables all the layouts in the LayoutManager (shapes and sizing)
-	// dispose() - only removes bounds shapes and keyboard events (does not really dispose)
-	
-	// note: to just hide bounds, you use the B key
-	
+
+/*--
+zim.LayoutManager = function()
+
+LayoutManager class
+
+add Zim Layout objects and update them all at once
+also can remove all layout region bound shapes at once
+as well as remove the B key to show the region bound shapes
+for a final project, call the removeShapes()
+this will remove all shapes and key events
+the layouts will remain in place to handle multiple screen sizes
+
+METHODS 
+add(layout) - registers a layout with the LayoutManager
+resize() - resizes all the layouts in the LayoutManager
+disable() - disables all the layouts in the LayoutManager (shapes and sizing)
+enable() - enables all the layouts in the LayoutManager (shapes and sizing)
+dispose() - only removes bounds shapes and keyboard events (does not really dispose)
+
+note: to just hide bounds, you use the B key
+--*/	
 	zim.LayoutManager = function() {		
-		if (zon) zog("zimbuild.js: LayoutManager");
+		if (zon) zog("zim pages - LayoutManager");
 		var that = this;
 		this.layouts = [];
 		this.add = function(layout) {
@@ -3405,8 +4070,7 @@ var zim = function(zim) {
 				that.layouts[i].removeShape(); // also removes key events
 			}
 		}		
-	}		
+	}	
 	
-
 	return zim;
 } (zim || {});
\ No newline at end of file
diff --git a/zim.min.js b/zim.min.js
index 54a4397..a690222 100644
--- a/zim.min.js
+++ b/zim.min.js
@@ -1,5 +1,6 @@
+
 // ZIM js Interactive Media modules by Dan Zen http://danzen.com (c) 2014
 // zim.js includes all the basic zim coding modules http://zimjs.com
 // free to use - donations welcome of course! http://zimjs.com/donate
 
-function zid(e){return document.getElementById(e)}function zss(e){return document.getElementById(e).style}function zgo(e,t,n){if(zot(t)&&t!=""&&t!="_self"){window.location.href=e}else{if(zot(n)){window.open(e,"_blank")}else{window.open(e,"_blank","modal=yes,alwaysRaised=yes")}}}function zum(e){return Number(e.replace(/[^\d\.\-]/g,""))}function zot(e){if(e===null)return true;return typeof e==="undefined"}function zop(e){if(e.keyCode&&e.keyCode>=32&&e.keyCode<=40)e.preventDefault();if(e.stopImmediatePropagation)e.stopImmediatePropagation();if(window.event)window.event.cancelBubble=true}if(typeof zon==="undefined")zon=false;var zog=console.log.bind(console);if(zon)zog("ZIM WRAP - zog, zid, zss, zgo, zum, zot, zop");var zim=function(e){if(zon)zog("ZIM CODE Module");e.shuffle=function(e){var t=e.length,n,r;if(t==0)return e;while(--t){n=Math.floor(Math.random()*(t+1));r=e[t];e[t]=e[n];e[n]=r}return e};e.rand=function(e,t,n){if(zot(n))n=true;if(zot(t))t=0;if(zot(e))e=0;if(e>t){e++}else if(t>e){t++}var r;if(e==0&&t==0){return Math.random()}else if(t==0){r=Math.random()*e}else{r=Math.min(e,t)+Math.random()*(Math.max(e,t)-Math.min(e,t))}if(n){return Math.floor(r)}else{return r}};e.copy=function(t){if(t==null||typeof t!="object")return;if(t instanceof Array){return t.slice(0)}if(t instanceof Object){copy={};for(var n in t){if(t.hasOwnProperty(n))copy[n]=e.copy(t[n])}return copy}};e.arraysEqual=function(t,n,r){if(zot(t)||zot(n))return false;if(zot(r))r=true;if(t.length!=n.length)return false;for(var i=0;i<t.length;i++){if(t[i]instanceof Array&&n[i]instanceof Array){if(!e.arraysEqual(t[i],n[i],r))return false}else if(r&&t[i]!=n[i]){return false}else if(!r){return e.arraysEqual(t.sort(),n.sort(),true)}}return true};e.decimals=function(e,t){if(zot(e)||e==0)return 0;if(zot(t))t=1;return Math.round(e*Math.pow(10,t))/Math.pow(10,t)};e.Damp=function(e,t){if(zon)zog("zimcode.js: Damp");this.lastValue=zot(e)?0:e;this.damp=zot(t)?.1:t};e.Damp.prototype.convert=function(e){return this.lastValue=this.lastValue+(e-this.lastValue)*this.damp};e.Proportion=function(e,t,n,r,i,s){if(zon)zog("zimcode.js: Proportion");if(zot(n))n=0;if(zot(r))r=1;if(zot(i))i=1;if(zot(s))s=false;var o;var u;var a;o=e;this.convert=function(o){if(isNaN(o)){return}o=Math.max(o,e);o=Math.min(o,t);u=(o-e)/(t-e);if(i>0){a=n+(r-n)*u}else{a=r-(r-n)*u}if(s){a=Math.round(a)}return a}};e.ProportionDamp=function(e,t,n,r,i,s,o){function m(){if(isNaN(a)){return}a=Math.max(a,e);a=Math.min(a,t);f=(a-e)/(t-e);l=r-n;if(s>0){c=n+l*f}else{c=r-l*f}p=c;h=p-d;d+=h*u.damp;if(o){d=Math.round(d)}}if(zon)zog("zimcode.js: ProportionDamp");if(zot(n))n=0;if(zot(r))r=1;if(zot(i))i=.1;if(zot(s))s=1;if(zot(o))o=false;this.damp=i;var u=this;var a;var f;var l;var c;var h;var p=0;var d=0;a=e;d=n;var v=setInterval(m,20);this.immediate=function(e){this.convert(e);m();d=c;if(o){d=Math.round(d)}};this.convert=function(e){a=e;return d};this.dispose=function(){clearInterval(v)}};e.scrollY=function(){var e=0;var t=navigator.appName;var n=navigator.userAgent.indexOf("Safari");if(n!=-1||t=="Safari"){var e=1}if(!e&&document.compatMode=="CSS1Compat"){return document.documentElement.scrollTop}else{return document.body.scrollTop}};e.windowWidth=function(){return isNaN(window.innerWidth)?window.clientWidth:window.innerWidth};e.windowHeight=function(){return isNaN(window.innerHeight)?window.clientHeight:window.innerHeight};e.urlEncode=function(e){var e=(e+"").toString();return encodeURIComponent(e).replace(/!/g,"%21").replace(/'/g,"%27").replace(/\(/g,"%28").replace(/\)/g,"%29").replace(/\*/g,"%2A").replace(/%20/g,"+")};e.urlDecode=function(e){return decodeURIComponent((e+"").replace(/\+/g,"%20"))};e.setCookie=function(e,t,n){if(n){var r=new Date;r.setTime(r.getTime()+n*24*60*60*1e3);var i="; expires="+r.toGMTString()}else{var i=""}document.cookie=e+"="+escape(t)+i+"; path=/"};e.getCookie=function(e){var t=document.cookie.split(/;\s*/);var n=new Array;var r;for(i=0;i<t.length;i++){r=t[i].split("=");n[r[0]]=r[1]}return unescape(n[e])};e.deleteCookie=function(t){e.setCookie(t,"",-1)};return e}(zim||{});var zim=function(e){if(zon)zog("ZIM CREATE Module");e.drag=function(e,t,n,r,i,s){function f(){o=0;u=0;a=e.parent.localToGlobal(e.x,e.y);l(e,a.x,a.y)}function l(t,n,r){if(!e.parent)return;var i=t.parent.globalToLocal(n,r);var s=c(i.x-o,i.y-u);t.x=s.x;t.y=s.y;t.getStage().update()}function c(n,r){if(t){var i=e.parent.localToGlobal(n,r);n=Math.max(t.x,Math.min(t.x+t.width,i.x));r=Math.max(t.y,Math.min(t.y+t.height,i.y));i=e.parent.globalToLocal(n,r);n=i.x;r=i.y}return{x:n,y:r}}e.cursor=zot(n)?"pointer":n;if(zot(i))i=false;if(zot(s))s=false;var o;var u;var a;e.zimAdded=e.on("added",f,null,true);if(e.parent){f()}e.zimDown=e.on("mousedown",function(t){var n=i?t.currentTarget:t.target;var a=n.parent.globalToLocal(t.stageX,t.stageY);o=a.x-t.target.x;u=a.y-t.target.y;e.cursor=zot(r)?"move":r;if(!s)t.stopImmediatePropagation()},true);e.zimMove=e.on("pressmove",function(e){var t=i?e.currentTarget:e.target;l(t,e.stageX,e.stageY)},true);e.zimUp=e.on("pressup",function(t){e.cursor=zot(n)?"pointer":n},true)};e.noDrag=function(e){e.cursor="default";e.off("added",e.zimAdded);e.off("mousedown",e.zimDown);e.off("pressmove",e.zimMove);e.off("pressup",e.zimUp)};e.hitTestPoint=function(e,t,n){var r=e.globalToLocal(t,n);return e.hitTest(r.x,r.y)};e.hitTestReg=function(e,t){var n=t.localToLocal(t.regX,t.regY,e);return e.hitTest(n.x,n.y)};e.hitTestRect=function(e,t,n){if(zot(n))n=0;var r=t.getBounds();if(!r){zog("zimcreate.js hitTestRect():\n please setBounds() on param b object");return}var i,s,o;for(var u=0;u<=n;u++){i=r.width*(u+1)/(n+1);s=r.height*(u+1)/(n+1);o=t.localToLocal(r.x+i,r.y,e);if(e.hitTest(o.x,o.y))return true;o=t.localToLocal(r.x+r.width,r.y+s,e);if(e.hitTest(o.x,o.y))return true;o=t.localToLocal(r.x+r.width-i,r.y+r.height,e);if(e.hitTest(o.x,o.y))return true;o=t.localToLocal(r.x,r.y+r.height-s,e);if(e.hitTest(o.x,o.y))return true}};e.hitTestCircle=function(e,t,n){if(zot(n))n=8;var r=t.getBounds();if(!r){zog("zimcreate.js hitTestCircle():\n please setBounds() on param b object");return}var i=r.x+r.width/2;var s=r.y+r.height/2;var o=(r.width+r.height)/2/2;var u,a,f,l;for(var c=0;c<n;c++){u=c/n*2*Math.PI;a=i+o*Math.cos(u);f=s+o*Math.sin(u);l=t.localToLocal(a,f,e);if(e.hitTest(l.x,l.y))return true}};e.hitTestBounds=function(t,n,r){function l(e,t){if(e.x>=t.x+t.width||e.x+e.width<=t.x||e.y>=t.y+t.height||e.y+e.height<=t.y){return false}else{return true}}var i=false;if(r&&r.graphics)i=true;var s=t.getBounds();var o=n.getBounds();if(!s||!o){zog("zimcreate.js hitTestBounds():\n please setBounds() on both objects");return}var u=e.boundsToGlobal(t);var a=e.boundsToGlobal(n);if(i){var f=r.graphics;f.clear();f.setStrokeStyle(1).beginStroke("blue");f.drawRect(u.x,u.y,u.width,u.height);f.beginStroke("green");f.drawRect(a.x,a.y,a.width,a.height);r.getStage().update()}return l(u,a)};e.boundsToGlobal=function(e){var t=e.getBounds();if(!t){zog("zimcreate.js boundsToGlobal():\n please setBounds() on both objects");return}var n=e.localToGlobal(t.x,t.y);var r=e.localToGlobal(t.x+t.width,t.y);var i=e.localToGlobal(t.x+t.width,t.y+t.height);var s=e.localToGlobal(t.x,t.y+t.height);var o=Math.min(n.x,r.x,i.x,s.x);var u=Math.min(n.y,r.y,i.y,s.y);var a=Math.max(n.x,r.x,i.x,s.x);var f=Math.max(n.y,r.y,i.y,s.y);return new createjs.Rectangle(o,u,a-o,f-u)};e.scale=function(e,t){if(zot(e))return;if(zot(t))t=1;e.scaleX=e.scaleY=t};e.move=function(e,t,n,r,i){function o(){createjs.Ticker.off("tick",s)}if(zot(i))i="quadInOut";createjs.Tween.get(e,{override:true}).to({x:t,y:n},r,createjs.Ease[i]).call(o);var s=createjs.Ticker.on("tick",stage)};e.animate=function(e,t,n,r,i,s,o){function a(){if(i){i(s)}createjs.Ticker.off("tick",u)}if(zot(r))r="quadInOut";if(zot(o))o=0;createjs.Tween.get(e).wait(o).to(t,n,createjs.Ease[r]).call(a);var u=createjs.Ticker.on("tick",stage)};e.fit=function(e,t,n,r,i,s){if(zot(e))return;if(!e.getBounds()){zog("zimcreate.js fit(): please setBounds() on object");return}if(zot(t)){if(!e.getStage()){zog("zimcreate.js fit(): please add boundary dimensions or add obj to stage first");return}if(!e.getStage().getBounds()){zog("zimcreate.js fit(): please add boundary dimensions or add obj with bounds to stage first");return}var o=e.getStage().getBounds().width;var u=e.getStage().getBounds().height;t=0;n=0;r=o;i=u}if(zot(s))s=true;e.scaleX=e.scaleY=1;var a=r;var f=i;var l=e.getBounds().width;var c=e.getBounds().height;var h;if(s){if(a/f>=l/c){h=f/c}else{h=a/l}}else{if(a/f>=l/c){h=a/l}else{h=f/c}}e.scaleX=e.scaleY=h;var p=l*h;var d=c*h;e.x=t+(a-p)/2;e.y=n+(f-d)/2;return{x:e.x,y:e.y,width:p,height:d,scale:h}};e.outline=function(e,t,n){if(zot(e)){zog("zimcreate.js outline(): please provide object and shape");return}if(!e.getBounds()){zog("zimcreate.js outline(): please setBounds() on object");return}if(!e.parent){zog("zimcreate.js outline(): object should be on stage first");return}if(zot(t))t="brown";if(zot(n))n=2;var r=e.getBounds();var i=new createjs.Shape;var s=e.parent;var o=e.localToLocal(r.x,r.y,s);var u=e.localToLocal(r.x+r.width,r.y,s);var a=e.localToLocal(r.x+r.width,r.y+r.height,s);var f=e.localToLocal(r.x,r.y+r.height,s);var l=i.graphics;l.s(t).ss(n).r(o.x,o.y,u.x-o.x,a.y-u.y);zero={x:o.x-r.x*e.scaleX,y:o.y-r.y*e.scaleY};var c=10;var h=c+1;l.s("white").ss(n+2);l.mt(zero.x-h,zero.y+0).lt(zero.x+h,zero.y+0);l.mt(zero.x+0,zero.y-h).lt(zero.x+0,zero.y+h);l.s(t).ss(n);l.mt(zero.x-c,zero.y+0).lt(zero.x+c,zero.y+0);l.mt(zero.x+0,zero.y-c).lt(zero.x+0,zero.y+c);l.s("white").ss(n+2).dc(e.x,e.y,c+6);l.s(t).ss(n).dc(e.x,e.y,c+6);e.parent.addChild(i);if(e.getStage())e.getStage().update()};return e}(zim||{});var zim=function(e){if(zon)zog("ZIM BUILD Module");e.Triangle=function(t,n,r,i,s,o,u,a){function f(){if(zot(t))t=100;if(zot(n))n=t;if(zot(r))r=t;if(zot(i))i="black";if(zot(u))u=true;if(zot(a))a=0;var e=[t,n,r];e.sort(function(e,t){return t-e});aa=e[0];bb=e[1];cc=e[2];if(aa>bb+cc){zog("zimbuild.js Triangle(): invalid triangle lengths");return}var f=new createjs.Shape;var l=f.graphics;l.f(i);if(!zot(s)){l.s(s);if(zot(o))o=1;l.ss(o)}l.mt(0,0);l.lt(t,0);var h=Math.acos((Math.pow(bb,2)+Math.pow(cc,2)-Math.pow(aa,2))/(2*bb*cc))*180/Math.PI;var p=Math.asin(bb*Math.sin(h*Math.PI/180)/aa)*180/Math.PI;var d=180-h-p;var v;if(r==aa){v=h}else if(r==bb){v=p}else{v=d}var m=Math.cos(v*Math.PI/180)*n;var g=Math.sin(v*Math.PI/180)*n;f.width=Math.max(t,t-m);f.height=g;f.setBounds(0,0,f.width,-f.height);l.lt(t-m,0-g);l.lt(0,0);if(u){f.regX=f.width/2;f.regY=-f.height/2+a}return f}f.prototype=new createjs.Shape;f.constructor=e.Triangle;return new f};e.Label=function(t,n,r,i,s,o,u){function a(){if(zot(t))t="LABEL";if(t=="")t=" ";if(zot(n))n=36;if(zot(r))r="arial";if(zot(i))i="black";if(zot(s))s=i;if(zot(o))o=null;if(zot(u))u=16;var a=this;this.mouseChildren=false;var f=this.label=new createjs.Text(String(t),n+"px "+r,i);f.textBaseline="alphabetic";f.textAlign="left";if(o&&u>0)f.shadow=new createjs.Shadow(o,3,3,u);this.addChild(f);var l=new createjs.Shape;l.graphics.f("rgba(0,255,255,.01)").r(0,0,this.getBounds().width,this.getBounds().height);this.addChildAt(l,0);this.setBounds(0,0,this.getBounds().width,this.getBounds().height);f.y=n-n/6;Object.defineProperty(a,"text",{get:function(){var e=f.text==" "?"":f.text;return e},set:function(e){f.text=e}});this.showRollColor=function(e){if(zot(e))e=true;if(e){f.color=s}else{f.color=i}if(a.getStage())a.getStage().update()};this.on("mouseover",function(e){a.showRollColor()});this.on("mouseout",function(e){a.showRollColor(false)});this.clone=function(){return new e.Label(a.text,n,r,i,s,o,u)};this.dispose=function(){a.removeAllEventListeners()}}a.prototype=new createjs.Container;a.constructor=e.Label;return new a};e.Button=function(t,n,r,i,s,o,u,a,f,l){function c(){function d(e){p.on("mouseout",v);var r=c.graphics;r.clear();r.f(s);if(o)r.s(o).ss(u);r.rr(0,0,t,n,a);p.label.showRollColor();if(p.getStage())p.getStage().update()}function v(e){p.off("mouseout",v);var r=c.graphics;r.clear();r.f(i);if(o)r.s(o).ss(u);r.rr(0,0,t,n,a);p.label.showRollColor(false);if(p.getStage())p.getStage().update()}if(zot(t))t=200;if(zot(n))n=60;if(zot(i))i="#C60";if(zot(s))s="#F93";if(zot(o))o=null;if(zot(u))u=1;if(zot(a))a=20;if(zot(f))f="#666";if(zot(l))l=16;if(zot(r))r="PRESS";if(typeof r==="string"||typeof r==="number")r=new e.Label(r,36,"arial","white");this.mouseChildren=false;this.cursor="pointer";var c=new createjs.Shape;var h=c.graphics;h.f(i);if(o)h.s(o).ss(u);h.rr(0,0,t,n,a);this.addChild(c);this.backing=c;if(l>0)c.shadow=new createjs.Shadow(f,3,3,l);this.setBounds(0,0,t,n);this.width=t;this.height=n;r.x=(t-r.getBounds().width)/2+1;r.y=(n-r.getBounds().height)/2+2;this.addChild(r);this.label=r;this.on("mouseover",d);var p=this;this.dispose=function(){p.removeAllEventListeners();p.removeChild(c);p.removeChild(buttonLabel);c=null;buttonLabel=null}}c.prototype=new createjs.Container;c.constructor=e.Button;return new c};e.CheckBox=function(t,n,r,i,s){function o(){function d(e){o=!o;u.setChecked(o);u.dispatchEvent("change")}if(zot(t))t=60;if(zot(n))n=null;if(typeof n==="string"||typeof n==="number")n=new e.Label(n,t*5/6,"arial",i);var o=zot(r)?false:r;if(zot(i))i="black";if(zot(s))s=10;this.setBounds(-s,-s,t+s*2,t+s*2);var u=this;this.cursor="pointer";var a=new createjs.Shape;var f=a.graphics;f.f("rgba(0,0,0,.01)").r(this.getBounds().x,this.getBounds().y,this.getBounds().width,this.getBounds().height);f.f("rgba(255,255,255,.5)").r(0,0,t,t);f.s(i).ss(t/10).r(t/7,t/7,t-t/7*2,t-t/7*2);this.addChild(a);if(n){this.addChild(n);n.x=this.getBounds().width;n.y=t/8;this.label=n}var l=new createjs.Shape;var c=l.graphics;c.f(i).p("AnQAdICBiaIEEDZIF8nfICfB4In/KPg");var h=95;l.setBounds(-h/2,-h/2,h,h);var p=t/(h+66);l.scaleX=l.scaleY=p;l.x=t/2;l.y=t/2;if(o)this.addChild(l);this.on("click",d);Object.defineProperty(u,"checked",{get:function(){return o},set:function(e){u.setChecked(e)}});this.setChecked=function(e){if(zot(e))e=true;o=e;if(o){u.addChild(l)}else{u.removeChild(l)}if(u.getStage())u.getStage().update()};this.dispose=function(){u.removeAllEventListeners()}}o.prototype=new createjs.Container;o.constructor=e.CheckBox;return new o};e.RadioButtons=function(t,n,r,i,s,o){function u(){function l(e){u.setSelected(f.getChildIndex(e.target));u.dispatchEvent("change")}function h(){var o;var l=false;for(var c=n.length-1;c>=0;c--){o=n[c];if(o.selected&&o.selected===true){if(!l){l=true}else{o.selected="false"}}}f.removeAllChildren();var h;var d=0;for(var c=0;c<n.length;c++){o=n[c];if(typeof o==="string"||typeof o==="number"){var v={selected:false,label:new e.Label(o,t*5/6,"arial",i)};o=v}if(o.label&&typeof o.label==="string"||typeof o.label==="number"){o.label=new e.Label(o.label,t*5/6,"arial",i)}u.labels.push(o.label);o.index=c;h=p(o.selected,o.label);h.obj=o;if(o.selected)a=h.obj;f.addChild(h);if(r){h.y=d;d+=h.getBounds().height+s}else{h.x=d;d+=h.getBounds().width+s}}}function p(e,n){var r=new createjs.Container;r.mouseChildren=false;r.setBounds(-o,-o,t+o*2,t+o*2);var s=new createjs.Shape;var a=s.graphics;a.f("rgba(0,0,0,.01)").r(r.getBounds().x,r.getBounds().y,r.getBounds().width,r.getBounds().height);a.f("rgba(255,255,255,.5)").dc(t/2,t/2,t/1.85);a.s(i).ss(t/9).dc(t/2,t/2,t/2-t/2/5);r.addChild(s);var f=r.check=new createjs.Shape;f.mouseEnabled=false;f.alpha=.95;var l=f.graphics;l.f(i).dc(t/2,t/2,t/5.2);if(n){r.addChild(n);n.x=r.getBounds().width;n.y=t/8;u.label=n;r.setBounds(-o,-o,t+o*2+n.getBounds().width,Math.max(t+o*2,n.getBounds().height))}if(e)r.addChild(f);return r}if(zot(t))t=60;if(zot(n))return;if(zot(r))r=true;if(zot(i))i="black";if(zot(s))s=r?t*.2:t;if(zot(o))o=t/5;var u=this;this.cursor="pointer";this.labels=[];var a;var f=this.buttons=new createjs.Container;this.addChild(f);f.on("click",l);h();var c;this.setBounds(0,0,this.getBounds().width+o,this.getBounds().height+o);this.setSelected=function(e){function i(){}if(zot(e))e=-1;if(e!=-1&&!f.getChildAt(e))return;var t;for(var n=0;n<f.getNumChildren();n++){t=f.getChildAt(n);t.removeChild(t.check)}if(e>=0){t=f.getChildAt(e);var r=-2;if(a)r=a.index;a=t.obj}if(e==-1||r==a.index){a=null;u.id=null;u.label=null;u.text=""}else{t.addChild(t.check);u.id=a.id;u.label=a.label;if(u.label)u.text=u.label.text}if(u.getStage())u.getStage().update()};Object.defineProperty(u,"selected",{get:function(){return a},set:function(e){selectedIndex=e}});Object.defineProperty(u,"selectedIndex",{get:function(){return a?a.index:-1},set:function(e){this.setSelected(e)}});this.dispose=function(){u.removeAllEventListeners()}}u.prototype=new createjs.Container;u.constructor=e.RadioButtons;return new u};e.Pane=function(t,n,r,i,s,o,u,a,f,l,c,h){function p(){function b(e,i){e=Math.max(n/2,Math.min(t.getBounds().width-n/2,e));i=Math.max(r/2,Math.min(t.getBounds().height-r/2,i));return{x:e,y:i}}if(zot(t)){zog("zimbuild.js Pane(): Please pass in a reference to the stage with bounds set as first parameter");return}if(!t.getBounds()){zog("zimbuild.js Pane(): Please give the stage bounds using setBounds()");return}if(zot(n))n=200;if(zot(r))r=200;if(zot(i))i=null;if(typeof i==="string"||typeof i==="number")i=new e.Label(i,40,"arial","black");if(zot(s))s="white";if(zot(o))o=false;if(zot(u))u=false;if(zot(a))a=true;if(zot(f))f=20;if(zot(l))l=.14;if(zot(c))c="#333";if(zot(h))h=20;var p=this.backing=new createjs.Shape;var d=p.graphics;d.beginFill("black");d.drawRect(-5e3,-5e3,1e4,1e4);this.setBounds(-n/2,-r/2,n,r);p.alpha=l;var v=this;p.on("click",function(e){v.hide();v.dispatchEvent("close");e.stopImmediatePropagation()});p.on("mousedown",function(e){e.stopImmediatePropagation()});if(a)this.addChild(p);var m=this.display=new createjs.Shape;m.setBounds(0,0,n,r);m.regX=n/2;m.regY=r/2;d=m.graphics;d.beginFill(s);d.drawRoundRect(0,0,n,r,f);if(h>0)m.shadow=new createjs.Shadow(c,8,8,h);m.on("click",function(e){e.stopImmediatePropagation()});this.resetX;this.resetY;if(o){m.cursor="pointer";var g,y;m.on("mousedown",function(e){if(isNaN(v.resetX))v.resetX=v.x;if(isNaN(v.resetY))v.resetY=v.y;g=e.stageX-v.x;y=e.stageY-v.y;m.cursor="move"});m.on("pressmove",function(e){var n=b(e.stageX-g,e.stageY-y);v.x=n.x;v.y=n.y;t.update()});this.on("pressup",function(e){m.cursor="pointer"})}this.addChild(m);if(i){i.x=-i.getBounds().width/2;i.y=-i.getBounds().height/2;this.addChild(i);this.label=i;this.text=i.text}t.update();this.hide=function(){t.removeChild(v);t.update();if(u){if(!isNaN(v.resetX))v.x=v.resetX;if(!isNaN(v.resetY))v.y=v.resetY}};this.show=function(){v.x=t.getBounds().width/2;v.y=t.getBounds().height/2;t.addChild(v);t.update()};this.dispose=function(){m.removeAllEventListeners();v.removeChild(m);m=null}}p.prototype=new createjs.Container;p.constructor=e.Pane;return new p};e.Parallax=function(t,n,r){function l(e){var n;var r;var i;var s;for(var o=0;o<u.length;o++){n=u[o];s=n.parent.localToGlobal(n.zimsX,n.zimsY);r=s.x;i=s.y;if(n.zimX!=0){r=r-n.zimX/2+n.zimpX.convert(t.mouseX)}if(n.zimY!=0){i=i-n.zimY/2+n.zimpY.convert(t.mouseY)}s=n.parent.globalToLocal(r,i);n.x=s.x;n.y=s.y}t.update()}if(zon)zog("zimbuild.js: Parallax");if(zot(t)){zog("zimbuild.js: Parallax(): please pass in the stage with bounds as first parameter");return}if(!t.getBounds()){zog("zimbuild.js Pane(): Please give the stage bounds using setBounds()");return}var i=t.getBounds().width;var s=t.getBounds().height;var o=this;this.damp=zot(n)?.1:n;this.addLayer=function(t,n,r){if(zot(t))return;t.zimX=zot(n)?0:n;t.zimY=zot(r)?0:r;if(t.zimX!=0){t.zimpX=new e.ProportionDamp(0,i,0,t.zimX,o.damp)}if(t.zimY!=0){t.zimpY=new e.ProportionDamp(0,s,0,t.zimY,o.damp)}t.zimsX=t.x;t.zimsY=t.y;u.push(t)};this.dispose=function(){u=null;createjs.Ticker.off("tick",f)};r=zot(r)?[]:r;var u=[];for(var a=0;a<r.length;a++){this.addLayer(r[a][0],r[a][1],r[a][2])}var f=createjs.Ticker.on("tick",l);createjs.Ticker.setFPS(60)};e.Scroller=function(e,t,n,r,i,s){function l(n){if(!e.getStage())return;if(!e.getStage().getBounds()){zog("zimbuild.js: Scroller(): please setBounds() on stage");return}if(!u){u=e.getStage().getBounds().width;a=e.getStage().getBounds().height}if(o.speed==0||o.direction==0){return}if(i){e.x-=o.speed*o.direction;t.x-=o.speed*o.direction;if(o.direction*o.speed>0){if(t.x<0&&e.x<t.x){e.x=t.getBounds().width-o.gapFix}else if(e.x<0&&t.x<e.x){t.x=e.getBounds().width-o.gapFix}}else{if(t.x>u&&t.x>e.x){t.x=e.x-e.getBounds().width+o.gapFix}else if(e.x>u&&e.x>t.x){e.x=t.x-t.getBounds().width+o.gapFix}}}else{e.y-=o.speed*o.direction;t.y-=o.speed*o.direction;if(o.direction*o.speed>0){if(t.y<0&&e.y<t.y){e.y=t.getBounds().height-o.gapFix}else if(e.y<0&&t.y<e.y){t.y=e.getBounds().height-o.gapFix}}else{if(t.y>a&&t.y>e.y){t.y=e.y-e.getBounds().height+o.gapFix}else if(e.y>a&&e.y>t.y){e.y=t.y-t.getBounds().height+o.gapFix}}}e.getStage().update()}if(zon)zog("zimbuild.js: Scroller");var o=this;this.speed=zot(n)?1:n;this.direction=zot(r)?1:r;this.gapFix=zot(s)?0:s;if(!e.getBounds()||!t.getBounds()){zog("zimbuild.js: Scroller(): please setBounds() on backing objects");return}if(!e.getStage()){zog("zimbuild.js: Scroller(): please add backing objects to stage to start");return}var u;var a;if(i){t.x=e.getBounds().width}else{t.y=e.getBounds().height}var f=createjs.Ticker.on("tick",l);createjs.Ticker.setFPS(60);this.dispose=function(){if(zon)zog("bye from Scroller");createjs.Ticker.off("tick",f)}};return e}(zim||{});var zim=function(zim){if(zon)zog("ZIM PAGES Module");zim.Swipe=function(e,t,n){function r(){if(zot(e)){zog("zimcreate.js Swipe():\nPlease pass in object");return}if(zot(t))t=100;if(zot(n))n=200;var r;var i;var s;var o;var u;var a;var f=this;e.on("mousedown",function(l){f.obj=l.target;r=l.stageX;i=l.stageY;u=true;clearTimeout(a);a=setTimeout(function(){if(u){if(Math.abs(s-r)>Math.abs(o-i)){if(s-r>t){f.direction="right";f.dispatchEvent("swipe");u=false}if(r-s>t){f.direction="left";f.dispatchEvent("swipe");u=false}}else{if(o-i>t){f.direction="down";f.dispatchEvent("swipe");u=false}if(i-o>t){f.direction="up";f.dispatchEvent("swipe");u=false}}}},n);e.on("pressmove",function(e){s=e.stageX;o=e.stageY});e.on("pressup",function(e){if(u){f.direction="none";f.dispatchEvent("swipe")}u=false;clearTimeout(a)})})}r.prototype=new createjs.EventDispatcher;r.prototype.constructor=zim.Swipe;return new r};zim.Pages=function(e,t,n,r,i){function s(){function c(){f=new createjs.Shape;f.graphics.f("black").r(0,0,o,u+1);l=new createjs.Shape;l.graphics.f("white").r(0,0,o,u+1)}if(!e.getBounds()){zog("zimbuild.js Pages():\nobject must have bounds set");return}if(zot(t))t=[];if(zot(n))n="none";if(zot(r))r=200;if(zot(i))i=[];this.transitionTable=i;this.speed=r;this.active=true;var s=this;var o=e.getBounds().width;var u=e.getBounds().height;var a=this.page=t[0]?t[0].page:null;var f;var l;if(n!="none"||i!=[])c();var h=["left","right","up","down"];var p;var d;for(var v=0;v<t.length;v++){p=t[v];p.page.zimSwipeArray=p.swipe?p.swipe:[]}this.addChild(a);var m=new zim.Swipe(e);var g;var y=false;var b=m.on("swipe",function(e){if(!s.active)return;var t=e.currentTarget.direction;if(t=="none")return;var n="";if(t=="left")n="right";else if(t=="right")n="left";else if(t=="up")n="down";else if(t=="down")n="up";t=n;var r=h.indexOf(t);d=a.zimSwipeArray[r];g=[d,t,null,null,true];s.page=a;s.nextPage=d;s.direction=t;s.dispatchEvent("swipe");setTimeout(function(){if(!y){s.go(d,t,null,null,true)}},100)});this.addPage=function(e,t){if(zot(t))t=[];var n={page:e,swipe:t};n.page.zimSwipeArray=n.swipe?n.swipe:[];if(!a){a=s.page=n.page;s.addChild(a)}};this.removePage=function(t){if(s.currentPage==t){s.removeChild(t);if(e.getStage())e.getStage().update()}t.zimSwipeArray=null};this.setSwipe=function(e,t){if(zot(t))t=[];var n={page:e,swipe:t};n.page.zimSwipeArray=n.swipe?n.swipe:[]};this.pause=function(){y=true};this.unpause=function(){if(y)s.go(g[0],g[1],g[2],g[3],g[4])};this.go=function(t,i,c,p,d){setTimeout(function(){y=false},200);var v=[{x:o},{x:-o},{y:u},{y:-u}];var m=[{x:0},{x:0},{y:0},{y:0}];var g=[{x:o/2,alpha:0},{x:-o/2,alpha:0},{y:u/2,alpha:0},{y:-u/2,alpha:0}];var b=n;var w=r;for(var E=0;E<s.transitionTable.length;E++){if(s.transitionTable[E][0]==a&&s.transitionTable[E][1]==t){b=s.transitionTable[E][2];w=s.transitionTable[E][3];break}}if(zot(c))c=b;if(zot(p))p=w;s.speed=p;s.direction=i;if(t==""||t==null){s.page=a;s.dispatchEvent("nothing")}else if(typeof t==="string"){s.page=a;s.dispatchEvent(t)}else{if(t==a)return;if(zot(i))i="right";var S=h.indexOf(i);function x(e){e[0].uncache();e[1].uncache();s.dispatchEvent("pageTransitioned");s.removeChild(s.lastPage);s.removeChild(f);s.removeChild(l)}function T(e){s.removeChild(s.lastPage);zim.animate(e.unshift(),{alpha:0},s.speed/2,null,x,e)}t.x=0;t.y=0;t.alpha=1;if(c=="slide"){t.x=-(v[S].x|0);t.y=-(v[S].y|0);t.cache(0,0,o+1,u+1);a.cache(0,0,o+1,u+1);s.addChild(t);s.addChild(a);zim.animate(a,v[S],s.speed,null,x,[a,t]);zim.animate(t,m[S],s.speed)}else if(c=="reveal"){t.cache(0,0,o+1,u+1);a.cache(0,0,o+1,u+1);s.addChild(t);s.addChild(a);zim.animate(a,g[S],s.speed,null,x,[a,t])}else if(c=="fade"){t.cache(0,0,o+1,u+1);a.cache(0,0,o+1,u+1);t.alpha=1;s.addChild(t);s.addChild(a);zim.animate(a,{alpha:0},s.speed,null,x,[a,t])}else if(c=="black"){t.cache(0,0,o+1,u+1);a.cache(0,0,o+1,u+1);t.alpha=1;s.addChild(t);s.addChild(a);f.alpha=0;s.addChild(f);zim.animate(f,{alpha:1},s.speed/2,null,T,[f,a,t])}else if(c=="white"){t.cache(0,0,o+1,u+1);a.cache(0,0,o+1,u+1);t.alpha=1;s.addChild(t);s.addChild(a);l.alpha=0;s.addChild(l);zim.animate(l,{alpha:1},s.speed/2,null,T,[l,a,t])}else{s.addChild(t);s.removeChild(a)}s.lastPage=a;s.page=t;if(zot(d))d=false;s.fromSwipe=d;s.dispatchEvent("page");a=t;if(e.getStage())e.getStage().update()}};this.resize=function(){o=e.getBounds().width;u=e.getBounds().height;if(n!="none"||i!=[])c()};this.puff=function(e){for(var n=0;n<t.length;n++){s.addChild(t[n].page)}s.addChild(a);if(e>0){setTimeout(function(){s.settle()},e)}};this.settle=function(){s.removeAllChildren();s.addChild(a);s.dispatchEvent("puffed")};this.disable=function(){s.active=false};this.enable=function(){s.active=true};this.dispose=function(){m.off("swipe",b);s.removeAllChildren();t=null}}s.prototype=new createjs.Container;s.prototype.constructor=zim.Pages;return new s};zim.HotSpots=function(e,t,n){function r(){function a(e){var r=null;if(!Array.isArray(e.rect)){r=e.rect;if(!r){zog("ZIM Build() :: HotSpot "+e.page+" "+e.rect+" button does not exist");return}if(!r.getBounds()){zog("ZIM Build() :: HotSpots button needs bounds");return}e.rect=[r.x,r.y,r.getBounds().width,r.getBounds().height]}s=new zim.HotSpot(e.page,e.rect[0],e.rect[1],e.rect[2],e.rect[3],e.call,t);s.zimHSpage=e.page;s.button=r;o.push(s);s.on("click",f);if(r){s.spot.mouseEnabled=false;s.spot.mouseChildren=false;r.zimHScall=e.call;r.zimHSEvent=r.on("click",f);if(!n){r.zimHSMDEvent=r.on("mousedown",function(e){e.stopImmediatePropagation()})}r.cursor="pointer"}}function f(e){if(typeof e.currentTarget.zimHScall=="function"){e.currentTarget.zimHScall()}}if(zot(t))t=true;if(zot(n))n=false;var r=this;var i;var s;var o=[];for(var u=0;u<e.length;u++){a(e[u])}this.addHotSpot=function(t,n,r){i={page:t,rect:n,call:r};e.push(i);a(i)};this.show=function(){for(var e=0;e<o.length;e++){s=o[e];if(!s.button)s.show()}};this.hide=function(){for(var e=0;e<o.length;e++){s=o[e];s.hide()}};this.removeHotSpots=function(t,n){for(var r=e.length-1;r>=0;r--){i=e[r];s=o[r];if(n&&!Array.isArray(n)){n=[n.x,n.y,n.getBounds().width,n.getBounds().height]}if(zot(t)&&zot(n)||zot(n)&&t==i.page||zot(t)&&zim.arraysEqual(n,i.rect)||t==i.page&&zim.arraysEqual(n,i.rect)){e.splice(r,1);if(s.button){s.button.off("click",s.button.zimHSEvent);s.button.zimHSEvent=null}s.off("click",f);s.dispose();o.splice(r,1)}}};this.dispose=function(){for(var e=0;e<o.length;e++){s=o[e];if(s.button){s.button.off("click",s.button.zimHSEvent);s.button.zimHSCall=null;s.button.zimHSEvent=null}s.off("click",f);s.dispose()}}}r.prototype=new createjs.Container;r.prototype.constructor=zim.HotSpots;return new r};zim.HotSpot=function(e,t,n,r,i,s,o){function u(){if(zot(e)){zog("zimbuild.js HotSpot():\nPlease pass in object");return}if(e instanceof createjs.Container==false)zog("zimbuild.js HotSpot():\nObjects passed in should be Containers");if(zot(o))o=true;var u=this;var a=new createjs.Shape;this.spot=a;if(!o){var f=e.globalToLocal(t,n);var l=e.globalToLocal(t+r,n+i);var c=l.x-f.x;var p=l.y-f.y;a.graphics.f("#999999").dr(f.x,f.y,c,p)}else{a.graphics.f("#999999").dr(t,n,r,i)}a.alpha=.01;a.cursor="pointer";var d=a.on("click",function(){if(typeof s=="function"){s()}});e.addChild(a);this.show=function(){a.alpha=.5};this.hide=function(){a.alpha=.01};this.dispose=function(){a.off("click",d);e.removeChild(a);delete a}}u.prototype=new createjs.Container;u.prototype.constructor=zim.HotSpot;return new u};zim.Grid=function(e,t,n){function r(){function E(){clearInterval(b);if(e=="stage"){i=r.getStage();e=i}else{i=e.getStage()}if(!w){k();e.addChild(r)}i.off("stagemousemove",o);o=i.on("stagemousemove",x);i.update()}function x(t){var r;if(t){r=e.globalToLocal(t.rawX,t.rawY);S=r}else{r={x:S.x,y:S.y}}if(!n){c.text="x:"+Math.max(0,Math.min(Math.round(r.x),Math.round(T)));f.x=Math.max(v,Math.min(r.x,g));d.text="y:"+Math.max(0,Math.min(Math.round(r.y),Math.round(N)));h.y=Math.max(m,Math.min(r.y,y))}else{c.text="x:"+Math.max(0,Math.min(Math.round(r.x/T*100),100))+"%";f.x=Math.max(v,Math.min(r.x,g));d.text="y:"+Math.max(0,Math.min(Math.round(r.y/N*100),100))+"%";h.y=Math.max(m,Math.min(r.y,y))}if(i)i.update()}function k(){w=true;T=e.getBounds().width;N=e.getBounds().height;i.mouseMoveOutside=true;i.enableMouseOver(10);g=T-u*2/3;y=N-a;C=new createjs.Container;r.addChild(C);var o=new createjs.Shape;C.addChild(o);var l=o.graphics;l.s(t).ss(1);var c=new createjs.Shape;C.addChild(c);if(!n){for(var p=0;p<T/s;p++){l.mt(p*s,0).lt(p*s,N)}for(var p=0;p<N/s;p++){l.mt(0,p*s).lt(T,p*s)}o.alpha=.3;l=c.graphics;l.s(t).ss(1);for(var p=0;p<T/(s*10);p++){l.mt(p*s*10,0).lt(p*s*10,N)}for(var p=0;p<N/(s*10);p++){l.mt(0,p*s*10).lt(T,p*s*10)}}else{for(var p=1;p<20+2;p++){l.mt(p*T/20,0).lt(p*T/20,N)}for(var p=1;p<20;p++){l.mt(0,p*N/20).lt(T,p*N/20)}o.alpha=.3;l=c.graphics;l.s(t).ss(1);for(var p=1;p<10;p++){l.mt(p*T/10,0).lt(p*T/10,N)}for(var p=1;p<10;p++){l.mt(0,p*N/10).lt(T,p*N/10)}}var d=80;l.s("#FFFFFF").ss(8);l.mt(T/2,N/2-d/2).lt(T/2,N/2+d/2);l.mt(T/2-d/2,N/2).lt(T/2+d/2,N/2);l.s("#000000").ss(4);l.mt(T/2,N/2-d/2).lt(T/2,N/2+d/2);l.mt(T/2-d/2,N/2).lt(T/2+d/2,N/2);l.s(t).ss(3);l.dr(0,0,T,N);c.alpha=.5;C.cache(0,0,T,N);r.addChild(f);r.addChild(h);i.update()}function L(e){if(!e)e=event;if(!i)return;if(e.keyCode==71){r.visible=!r.visible;i.off("stagemousemove",o);if(r.visible){o=i.on("stagemousemove",x,r)}i.update()}if(e.keyCode==80){r.removeChild(C);C=null;r.pixels=!r.pixels}}if(zot(e))e="stage";if(zot(t))t="black";if(e!="stage"&&!e.getBounds()){zog("zimbuild.js Grid(): Please provide bounds for the object (setBounds())");return}if(zot(n))n=true;var r=this;var i;var s=10;var o;this.mouseChildren=false;this.mouseEnabled=false;var u=80;var a=26;var f=new createjs.Container;var l=new createjs.Shape;l.graphics.s(t).ss(1).f("#dddddd").r(0,0,u,a);l.regX=u/2;l.regY=-a/4;l.alpha=.9;f.addChild(l);var c=new createjs.Text("10","16px verdana","#333333");c.textAlign="center";c.textBaseline="middle";c.y=a*3/4;f.addChild(c);var h=new createjs.Container;var p=new createjs.Shape;p.graphics.s(t).ss(1).f("#dddddd").r(0,0,u,a);p.regX=-u/6;p.regY=a/2;p.alpha=.9;h.addChild(p);var d=new createjs.Text("10","16px verdana","#333333");d.textAlign="center";d.textBaseline="middle";d.x=u/2+u/6;h.addChild(d);var v=u/6+u/2;var m=a*2;var g;var y;f.x=v;h.y=m;c.text="x:0";d.text="y:0";var b=setInterval(function(){if(e=="stage"){if(r&&r.getStage()){E()}}else{if(e&&e.getStage()){E()}}},100);var w=false;var S={x:0,y:0};var T;var N;var C;Object.defineProperty(this,"pixels",{get:function(){return!n},set:function(e){n=!e;r.resize()}});window.addEventListener("keydown",L);this.resize=function(){r.removeChild(C);C=null;if(i){k();x();setTimeout(function(){r.removeChild(C);C=null;k()},200)}};this.dispose=function(){clearInterval(b);r.removeAllChildren();if(r.parent)r.parent.removeChild(r);r=null;window.removeEventListener("keydown",L)}}r.prototype=new createjs.Container;r.prototype.constructor=zim.Grid;return new r};zim.GridManager=function(){if(zon)zog("zimbuild.js: GridManager");var e=this;this.grids=[];this.add=function(t){e.grids.push(t)};this.resize=function(){if(!e)return;for(var t=0;t<e.grids.length;t++){e.grids[t].resize()}};this.dispose=function(){for(var t=0;t<e.grids.length;t++){e.grids[t].dispose()}if(zon)zog("zimbuild.js: GridManager - grids disposed");e=null}};zim.Layout=function(holder,region1,region2,region3,lastMargin,backgroundColor,vertical,regionShape,scalingObject){function makeLayout(){function calculate(){function state1(){if(logStates){state=1;if(state!=lastState){zog("Flexive State "+state);lastState=state}}if(obj1)setFitPrimary(1,margin1*primary/100,min1*primary/100);if(obj3)setFitPrimary(3,primary-min3*primary/100-margin4*primary/100,min3*primary/100)}function state2(){if(logStates){state=2;if(state!=lastState){zog("Flexive State "+state);lastState=state}}if(regionShape)regionShape.graphics.clear();backing.graphics.clear();if(backgroundColor!=-1)backing.graphics.f(backgroundColor).r(0,0,bounds.width,bounds.height);primaryPos=0;secondaryPos=0;secondaryLen=1e4;if(scale1>=scale3){if(obj3){var e=leftover-primaryFit3;if(e>=p1*scale3){if(obj2)setFit(1,primaryPos,secondaryPos,e,secondaryLen)}else{newScale=leftover/(p1+p3)}}else{if(obj2)setFit(1,primaryPos,secondaryPos,leftover,secondaryLen)}}else{if(obj1){var t=leftover-primaryFit1;if(t>=p3*scale1){if(obj2)setFit(3,primaryPos,secondaryPos,t,secondaryLen)}else{newScale=leftover/(p1+p3)}}else{if(obj2)setFit(3,primaryPos,secondaryPos,leftover,secondaryLen)}}if(newScale!=0){if(obj1)setFit(1,primaryPos,secondaryPos,p1*newScale,secondaryLen);if(obj3)setFit(3,primaryPos,secondaryPos,p3*newScale,secondaryLen)}if(obj1)setFitPrimary(1,margin1*primary/100,primaryFit1);if(obj3)setFitPrimary(3,(margin1+margin2+margin3)*primary/100+primaryFit1+primaryFit2,primaryFit3);if(obj2)setFitPrimary(2,(margin1+margin2)*primary/100+primaryFit1,(100-margins)*primary/100-primaryFit1-primaryFit3)}function state3(){if(logStates){state=3;if(state!=lastState){zog("Flexive State "+state);lastState=state}}if(regionShape)regionShape.graphics.clear();backing.graphics.clear();if(backgroundColor!=-1)backing.graphics.f(backgroundColor).r(0,0,bounds.width,bounds.height);if(obj1&&!obj2&&!obj3){setFitPrimary(1,margin1*primary/100,primary-(margin1+margin4)*primary/100)}if(obj2&&!obj1&&!obj3){setFitPrimary(2,margin2*primary/100,primary-(margin2+margin4)*primary/100)}if(obj3&&!obj1&&!obj2){setFitPrimary(3,margin3*primary/100,primary-(margin3+margin4)*primary/100)}if(obj1&&obj3&&!obj2){newScale=(100-margin1-margin4-margin3)*primary/100/(p1+p3);f=setFitPrimary(1,margin1*primary/100,p1*newScale);setFitPrimary(3,(margin1+margin3)*primary/100+(vertical?f.h:f.w),p3*newScale)}if(obj1&&obj2&&!obj3){newScale=(100-margin1-margin4-margin2)*primary/100/(primaryFit1+primaryFit2);f=setFitPrimary(1,margin1*primary/100,primaryFit1*newScale);setFitPrimary(2,(margin1+margin2)*primary/100+(vertical?f.h:f.w),primaryFit2*newScale)}if(obj2&&obj3&&!obj1){newScale=(100-margin3-margin4-margin2)*primary/100/(primaryFit3+primaryFit2);f=setFitPrimary(2,margin2*primary/100,primaryFit2*newScale);setFitPrimary(3,(margin2+margin3)*primary/100+(vertical?f.h:f.w),primaryFit3*newScale)}if(obj1&&obj2&&obj3){leftover=(100-margins)*primary/100;f=setFitPrimary(1,margin1*primary/100,primaryFit1*leftover/(primaryFit1+primaryFit2+primaryFit3));f=setFitPrimary(2,(margin1+margin2)*primary/100+(vertical?f.h:f.w),primaryFit2*leftover/(primaryFit1+primaryFit2+primaryFit3));primaryLen=primaryFit3*leftover/(primaryFit1+primaryFit2+primaryFit3);primaryPos=primary-margin4*primary/100-primaryLen;f=setFitPrimary(3,primaryPos,primaryLen)}}function setFit(num,primaryPos,secondaryPos,primaryLen,secondaryLen){x=vertical?secondaryPos:primaryPos;y=vertical?primaryPos:secondaryPos;w=vertical?secondaryLen:primaryLen;h=vertical?primaryLen:secondaryLen;eval("fit"+num+" = zim.fit(obj"+num+",x,y,w,h);");eval("primaryFit"+num+" = (vertical) ? fit"+num+".height : fit"+num+".width;");eval("secondaryFit"+num+" = (vertical) ? fit"+num+".width : fit"+num+".height;");eval("scale"+num+" = fit"+num+".scale;");return{x:x,y:y,w:w,h:h}}function setFitPrimary(num,primaryPos,primaryLen){var colors=[null,"red","blue","green"];eval("secondaryPos = (100-max"+num+")/2*secondary/100;");eval("secondaryLen = max"+num+"*secondary/100;");eval("f = setFit("+num+",primaryPos,secondaryPos,primaryLen,secondaryLen);");var addedW=0;var addedH=0;if(primaryPos==0||primaryPos+primaryLen==primary)if(vertical){addedH=1}else{addedW=1}if(secondaryLen==secondary)if(vertical){addedW=1}else{addedH=1}eval("if (bg"+num+' != "") backing.graphics.f(bg'+num+").r(f.x, f.y, f.w+addedW, f.h+addedH);");eval('if (regionShape) regionShape.graphics.s("'+colors[num]+'").ss(2).dr(f.x, f.y, f.w, f.h);');eval("if (valign"+num+'=="top") obj'+num+".y = f.y;");eval("if (valign"+num+'=="bottom") obj'+num+".y = f.y+f.h-((vertical)?primaryFit"+num+":secondaryFit"+num+");");eval("if (align"+num+'=="left") obj'+num+".x = f.x - bounds.x;");eval("if (align"+num+'=="right") obj'+num+".x = f.x-bounds.x+f.w-((vertical)?secondaryFit"+num+":primaryFit"+num+");");return f}if(regionShape)regionShape.graphics.clear();backing.graphics.clear();if(backgroundColor!=-1)backing.graphics.f(backgroundColor).r(0,0,bounds.width,bounds.height);primary=vertical?bounds.height:bounds.width;secondary=vertical?bounds.width-bounds.x*2:bounds.height-bounds.y*2;var primaryFit1=0;var primaryFit2=0;var primaryFit3=0;var secondaryFit1=0;var secondaryFit2=0;var secondaryFit3=0;var scale1=0;var scale2=0;var scale3=0;primaryPos=0;secondaryPos=0;if(obj1){primaryLen=min1Start*primary/100;secondaryLen=max1*secondary/100;setFit(1,primaryPos,secondaryPos,primaryLen,secondaryLen);if(primaryFit1<min1Start*primary/100){min1=primaryFit1*100/primary;if(Math.floor(min1)!=Math.floor(min1Last)&&Math.floor(min1)!=Math.floor(min1Start)){if(zon)zog("zimbuild.js Layout(): region 1 min "+min1Start+"% cannot be met and will be set to "+Math.floor(min1)+"%");min1Last=min1}}}if(obj3){primaryLen=min3Start*primary/100;secondaryLen=max3*secondary/100;setFit(3,primaryPos,secondaryPos,primaryLen,secondaryLen);if(primaryFit3<min1Start*primary/100){min3=primaryFit3*100/primary;if(Math.floor(min3)!=Math.floor(min3Last)&&Math.floor(min3)!=Math.floor(min3Start)){if(zon)zog("zimbuild.js Layout(): region 3 min "+min3Start+"% cannot be met and will be set to "+Math.floor(min3)+"%");min3Last=min3}}}var p1=0;var p3=0;if(vertical){if(obj1)p1=obj1.getBounds().height;if(obj3)p3=obj3.getBounds().height}else{if(obj1)p1=obj1.getBounds().width;if(obj3)p3=obj3.getBounds().width}var leftover=(100-margins)*primary/100;var x;var y;var w;var h;var primaryPos;var primaryLen;var secondaryPosition;var secondaryLen;var newScale=0;var f;if(obj2){setFitPrimary(2,(margin1+min1+margin2)*primary/100,(100-(margins+min1+min3))*primary/100);if(Math.round(secondaryFit2)==Math.round(secondaryLen)){leftover=(100-margins-primaryFit2*100/primary)*primary/100;primaryPos=0;secondaryPos=0;primaryLen=1e4;if(obj1)setFit(1,primaryPos,secondaryPos,primaryLen,max1*secondary/100);if(obj3)setFit(3,primaryPos,secondaryPos,primaryLen,max3*secondary/100);if(primaryFit1+primaryFit3>leftover){state2()}else{state3()}}else{state1()}}else{state3()}if(!stage){for(var i=1;i<=3;i++)eval("if (obj"+i+" && obj"+i+".getStage()) stage = obj"+i+".getStage();")}if(stage)stage.update()}function assignVariables(i,vertical){if(vertical){if(eval("region"+i)){eval("obj"+i+"=region"+i+".object;");eval("margin"+i+"=(region"+i+".marginTop)?region"+i+".marginTop:0;");eval("max"+i+"=(region"+i+".maxWidth)?region"+i+".maxWidth:100;");if(i!=2){eval("min"+i+"=(region"+i+".minHeight)?region"+i+".minHeight:0;");eval("minAbs"+i+"=(region"+i+".height)?region"+i+".height:0;")}eval("if (region"+i+".align) align"+i+"=region"+i+".align;");eval("if (region"+i+".valign) valign"+i+"=region"+i+".valign;");eval("bg"+i+"=(region"+i+".backgroundColor)?region"+i+'.backgroundColor:"";')}}else{if(eval("region"+i)){eval("obj"+i+"=region"+i+".object;");eval("margin"+i+"=(region"+i+".marginLeft)?region"+i+".marginLeft:0;");eval("max"+i+"=(region"+i+".maxHeight)?region"+i+".maxHeight:100;");if(i!=2){eval("min"+i+"=(region"+i+".minWidth)?region"+i+".minWidth:0;");eval("minAbs"+i+"=(region"+i+".width)?region"+i+".width:0;")}eval("if (region"+i+".align) align"+i+"=region"+i+".align;");eval("if (region"+i+".valign) valign"+i+"=region"+i+".valign;");eval("bg"+i+"=(region"+i+".backgroundColor)?region"+i+'.backgroundColor:"";')}}eval("if (obj"+i+" && obj"+i+".getStage()) stage = obj"+i+".getStage();");eval("if (obj"+i+" && obj"+i+".getStage()) stage = obj"+i+".getStage();")}function keyEvent(e){if(!e)e=event;if(regionShape){if(e.keyCode==66){regionShape.visible=!regionShape.visible;if(regionShape.getStage())regionShape.getStage().update()}}}if(zot(holder)){zog("zimbuild.js Layout(): please provide an object with bounds set that holds the objects being laid out");return}scalingObject=zot(scalingObject)?holder:scalingObject;if(!scalingObject.getBounds()){zog("zimbuild.js Layout(): holder must have bounds set or provide a scalingObject with bounds");return}var bounds=scalingObject.getBounds();holder.setBounds(0,0,bounds.width,bounds.height);if(zot(lastMargin))lastMargin=0;if(zot(vertical))vertical=true;if(zot(backgroundColor))backgroundColor=-1;that=this;this.active=true;var logStates=false;var backing=new createjs.Shape;var obj1;var obj2;var obj3;var stage;var margin1=0;var margin2=0;var margin3=0;var margin4=zot(lastMargin)?0:lastMargin;var max1=0;var max2=0;var max3=0;var min1=0;var min3=0;var align1;var align2;var align3;var valign1;var valign2;var valign3;var bg1;var bg2;var bg3;var minAbs1;var minAbs3;var fit1={x:0,y:0,width:0,height:0,scale:0};var fit2={x:0,y:0,width:0,height:0,scale:0};var fit3={x:0,y:0,width:0,height:0,scale:0};var primary;var secondary;if(vertical){align1=align2=align3="middle";valign1="top";valign2="middle";valign3="bottom"}else{align1="left";align2="middle";align3="right";valign1=valign2=valign3="top"}for(var i=1;i<=3;i++)assignVariables(i,vertical);var margins=margin1+margin2+margin3+margin4;var min1Start=min1;var min3Start=min3;var min1Last=min1;var min3Last=min3;var state=0;var lastState=0;calculate();if(regionShape)holder.addChild(regionShape);holder.addChildAt(backing,0);this.resize=function(){if(!that.active)return;bounds=scalingObject.getBounds();holder.setBounds(0,0,bounds.width,bounds.height);calculate()};window.addEventListener("keydown",keyEvent);this.disable=function(){that.active=false;window.removeEventListener("keydown",keyEvent);if(regionShape)regionShape.alpha=0};this.enable=function(){that.active=true;window.addEventListener("keydown",keyEvent);that.resize=function(){bounds=scalingObject.getBounds();calculate()};if(regionShape)regionShape.alpha=1};this.removeShape=function(){if(regionShape){regionShape.graphics.clear();holder.removeChild(regionShape);regionShape=null;regionShape=false}window.removeEventListener("keydown",keyEvent)};this.addShape=function(e,t){that.removeShape();regionShape=e;regionTarget=t;window.addEventListener("keydown",keyEvent);holder.addChild(regionShape);that.resize()};this.dispose=function(){that.removeShape()}}makeLayout.prototype=new createjs.EventDispatcher;makeLayout.prototype.constructor=zim.Layout;return new makeLayout};zim.LayoutManager=function(){if(zon)zog("zimbuild.js: LayoutManager");var e=this;this.layouts=[];this.add=function(t){e.layouts.push(t)};this.resize=function(){for(var t=0;t<e.layouts.length;t++){e.layouts[t].resize()}};this.disable=function(){for(var t=0;t<e.layouts.length;t++){e.layouts[t].disable()}};this.enable=function(){for(var t=0;t<e.layouts.length;t++){e.layouts[t].enable()}};this.dispose=function(){for(var t=0;t<e.layouts.length;t++){e.layouts[t].removeShape()}}};return zim}(zim||{})
\ No newline at end of file
+function zid(e){return document.getElementById(e)}function zss(e){if(document.getElementById(e)){return document.getElementById(e).style}else if(zon)zog("zim wrap - zss(): id not found")}function zgo(e,t,n){if(zot(t)&&t!=""&&t!="_self"){window.location.href=e}else{if(zot(n)){window.open(e,"_blank")}else{window.open(e,"_blank","modal=yes,alwaysRaised=yes")}}}function zum(e){if(zot(e))return;return Number(String(e).replace(/[^\d\.\-]/g,""))}function zot(e){if(e===null)return true;return typeof e==="undefined"}function zop(e){if(zot(e))return;if(e.stopImmediatePropagation)e.stopImmediatePropagation();if(window.event)window.event.cancelBubble=true}function zil(){var e=function(e){if(!e)e=event;if(e.keyCode&&e.keyCode>=32&&e.keyCode<=40)e.preventDefault()};var t=function(e){if(!e)e=event;e.preventDefault()};var n=t;window.addEventListener("keydown",e);window.addEventListener("mousewheel",t);window.addEventListener("DOMMouseScroll",n);return[e,t,n]}if(typeof zon==="undefined")zon=false;var zog=console.log.bind(console);if(zon)zog("ZIM WRAP - zog zid zss zgo zum zot zop zil");var zim=function(e){if(zon)zog("ZIM CODE Module");e.shuffle=function(e){if(zot(e))return;var t=e.length,n,r;if(t==0)return e;while(--t){n=Math.floor(Math.random()*(t+1));r=e[t];e[t]=e[n];e[n]=r}return e};e.rand=function(e,t,n){if(zot(n))n=true;if(zot(t))t=0;if(zot(e))e=0;if(e>t){e++}else if(t>e){t++}var r;if(e==0&&t==0){return Math.random()}else if(t==0){r=Math.random()*e}else{r=Math.min(e,t)+Math.random()*(Math.max(e,t)-Math.min(e,t))}if(n){return Math.floor(r)}else{return r}};e.copy=function(t){if(t==null||typeof t!="object")return;if(t instanceof Array){return t.slice(0)}if(t instanceof Object){copy={};for(var n in t){if(t.hasOwnProperty(n))copy[n]=e.copy(t[n])}return copy}};e.arraysEqual=function(t,n,r){if(zot(t)||zot(n))return false;if(zot(r))r=true;if(t.length!=n.length)return false;for(var i=0;i<t.length;i++){if(t[i]instanceof Array&&n[i]instanceof Array){if(!e.arraysEqual(t[i],n[i],r))return false}else if(r&&t[i]!=n[i]){return false}else if(!r){return e.arraysEqual(t.sort(),n.sort(),true)}}return true};e.decimals=function(e,t){if(zot(e)||e==0)return 0;if(zot(t))t=1;return Math.round(e*Math.pow(10,t))/Math.pow(10,t)};e.Damp=function(e,t){if(zon)zog("zim code - Damp");this.lastValue=zot(e)?0:e;this.damp=zot(t)?.1:t};e.Damp.prototype.convert=function(e){return this.lastValue=this.lastValue+(e-this.lastValue)*this.damp};e.Proportion=function(e,t,n,r,i,s){if(zon)zog("zim code - Proportion");if(zot(n))n=0;if(zot(r))r=1;if(zot(i))i=1;if(zot(s))s=false;var o;var u;var a;o=e;this.convert=function(o){if(isNaN(o)){return}o=Math.max(o,e);o=Math.min(o,t);u=(o-e)/(t-e);if(i>0){a=n+(r-n)*u}else{a=r-(r-n)*u}if(s){a=Math.round(a)}return a}};e.ProportionDamp=function(e,t,n,r,i,s,o){function m(){if(isNaN(a)){return}a=Math.max(a,e);a=Math.min(a,t);f=(a-e)/(t-e);l=r-n;if(s>0){c=n+l*f}else{c=r-l*f}p=c;h=p-d;d+=h*u.damp;if(o){d=Math.round(d)}}if(zon)zog("zim code - ProportionDamp");if(zot(n))n=0;if(zot(r))r=1;if(zot(i))i=.1;if(zot(s))s=1;if(zot(o))o=false;this.damp=i;var u=this;var a;var f;var l;var c;var h;var p=0;var d=0;a=e;d=n;var v=setInterval(m,20);this.immediate=function(e){this.convert(e);m();d=c;if(o){d=Math.round(d)}};this.convert=function(e){a=e;return d};this.dispose=function(){clearInterval(v)}};e.scrollY=function(){var e=0;var t=navigator.appName;var n=navigator.userAgent.indexOf("Safari");if(n!=-1||t=="Safari"){var e=1}if(!e&&document.compatMode=="CSS1Compat"){return document.documentElement.scrollTop}else{return document.body.scrollTop}};e.windowWidth=function(){return isNaN(window.innerWidth)?window.clientWidth:window.innerWidth};e.windowHeight=function(){return isNaN(window.innerHeight)?window.clientHeight:window.innerHeight};e.urlEncode=function(e){var e=(e+"").toString();return encodeURIComponent(e).replace(/!/g,"%21").replace(/'/g,"%27").replace(/\(/g,"%28").replace(/\)/g,"%29").replace(/\*/g,"%2A").replace(/%20/g,"+")};e.urlDecode=function(e){return decodeURIComponent((e+"").replace(/\+/g,"%20"))};e.setCookie=function(e,t,n){if(n){var r=new Date;r.setTime(r.getTime()+n*24*60*60*1e3);var i="; expires="+r.toGMTString()}else{var i=""}document.cookie=e+"="+escape(t)+i+"; path=/"};e.getCookie=function(e){var t=document.cookie.split(/;\s*/);var n=new Array;var r;for(i=0;i<t.length;i++){r=t[i].split("=");n[r[0]]=r[1]}return unescape(n[e])};e.deleteCookie=function(t){e.setCookie(t,"",-1)};return e}(zim||{});var zim=function(e){if(zon)zog("ZIM CREATE Module");e.drag=function(t,n,r,i,s,o,u){function c(){a=0;f=0;if(u){n=e.boundsToGlobal(t.parent,n)}l=t.parent.localToGlobal(t.x,t.y);h(t,l.x,l.y)}function h(e,t,n){if(!e.parent)return;if(!e.getStage())return;var r=e.parent.globalToLocal(t,n);var i=p(r.x-a,r.y-f);e.x=i.x;e.y=i.y;e.getStage().update()}function p(e,r){if(n){var i=t.parent.localToGlobal(e,r);e=Math.max(n.x,Math.min(n.x+n.width,i.x));r=Math.max(n.y,Math.min(n.y+n.height,i.y));i=t.parent.globalToLocal(e,r);e=i.x;r=i.y}return{x:e,y:r}}if(zot(t)||!t.on)return;t.cursor=zot(r)?"pointer":r;if(zot(n))u=false;if(zot(s))s=false;if(zot(o))o=false;if(zot(u))u=false;var a;var f;var l;t.zimAdded=t.on("added",c,null,true);if(t.parent)c();t.zimDown=t.on("mousedown",function(e){var n=s?e.currentTarget:e.target;var r=n.parent.globalToLocal(e.stageX,e.stageY);a=r.x-e.target.x;f=r.y-e.target.y;t.cursor=zot(i)?"move":i;if(!o)e.stopImmediatePropagation()},true);t.zimMove=t.on("pressmove",function(e){var t=s?e.currentTarget:e.target;h(t,e.stageX,e.stageY)},true);t.zimUp=t.on("pressup",function(e){t.cursor=zot(r)?"pointer":r},true);return t};e.noDrag=function(e){if(zot(e)||!e.on)return;e.cursor="default";e.off("added",e.zimAdded);e.off("mousedown",e.zimDown);e.off("pressmove",e.zimMove);e.off("pressup",e.zimUp);return e};e.hitTestPoint=function(e,t,n){if(zot(e)||!e.globalToLocal)return;var r=e.globalToLocal(t,n);return e.hitTest(r.x,r.y)};e.hitTestReg=function(e,t){if(zot(e)||zot(t)||!e.localToLocal||!t.localToLocal)return;var n=t.localToLocal(t.regX,t.regY,e);return e.hitTest(n.x,n.y)};e.hitTestRect=function(e,t,n){if(zot(e)||zot(t)||!e.hitTest||!t.getBounds)return;if(zot(n))n=0;var r=t.getBounds();if(!r){zog("zim create - hitTestRect():\n please setBounds() on param b object");return}var i,s,o;for(var u=0;u<=n;u++){i=r.width*(u+1)/(n+1);s=r.height*(u+1)/(n+1);o=t.localToLocal(r.x+i,r.y,e);if(e.hitTest(o.x,o.y))return true;o=t.localToLocal(r.x+r.width,r.y+s,e);if(e.hitTest(o.x,o.y))return true;o=t.localToLocal(r.x+r.width-i,r.y+r.height,e);if(e.hitTest(o.x,o.y))return true;o=t.localToLocal(r.x,r.y+r.height-s,e);if(e.hitTest(o.x,o.y))return true}};e.hitTestCircle=function(e,t,n){if(zot(e)||zot(t)||!e.hitTest||!t.getBounds)return;if(zot(n))n=8;var r=t.getBounds();if(!r){zog("zim create - hitTestCircle():\n please setBounds() on param b object");return}var i=r.x+r.width/2;var s=r.y+r.height/2;var o=(r.width+r.height)/2/2;var u,a,f,l;for(var c=0;c<n;c++){u=c/n*2*Math.PI;a=i+o*Math.cos(u);f=s+o*Math.sin(u);l=t.localToLocal(a,f,e);if(e.hitTest(l.x,l.y))return true}};e.hitTestBounds=function(t,n,r){function l(e,t){if(e.x>=t.x+t.width||e.x+e.width<=t.x||e.y>=t.y+t.height||e.y+e.height<=t.y){return false}else{return true}}if(zot(t)||zot(n)||!t.getBounds||!n.getBounds)return;var i=false;if(r&&r.graphics)i=true;var s=t.getBounds();var o=n.getBounds();if(!s||!o){zog("zim create - hitTestBounds():\n please setBounds() on both objects");return}var u=e.boundsToGlobal(t);var a=e.boundsToGlobal(n);if(i){var f=r.graphics;f.clear();f.setStrokeStyle(1).beginStroke("blue");f.drawRect(u.x,u.y,u.width,u.height);f.beginStroke("green");f.drawRect(a.x,a.y,a.width,a.height);r.getStage().update()}return l(u,a)};e.boundsToGlobal=function(e,t){if(zot(e)||!e.getBounds)return;var n=e.getBounds();if(!n&&zot(t)){zog("zim create - boundsToGlobal():\n please setBounds() on object (or a rectangle)");return}if(t)n=t;var r=e.localToGlobal(n.x,n.y);var i=e.localToGlobal(n.x+n.width,n.y);var s=e.localToGlobal(n.x+n.width,n.y+n.height);var o=e.localToGlobal(n.x,n.y+n.height);var u=Math.min(r.x,i.x,s.x,o.x);var a=Math.min(r.y,i.y,s.y,o.y);var f=Math.max(r.x,i.x,s.x,o.x);var l=Math.max(r.y,i.y,s.y,o.y);return new createjs.Rectangle(u,a,f-u,l-a)};e.scale=function(e,t){if(zot(e)||!e.scaleX)return;if(zot(t))t=1;e.scaleX=e.scaleY=t;return e};e.scaleTo=function(t,n,r,i){if(zot(t)||!t.getBounds||!t.getBounds()){zog("zim create - scaleTo(): please provide an object (with setBounds) to scale");return}if(zot(n)||!n.getBounds||!n.getBounds()){zog("zim create - scaleTo(): please provide a boundObject (with setBounds) to scale to");return}if(zot(r))r=100;if(zot(i))i=100;var s=n.getBounds().width*r/100;var o=n.getBounds().height*i/100;var u=Math.min(s/t.getBounds().width,o/t.getBounds().height);e.scale(t,u);return t};e.move=function(e,t,n,r,i,s,o,u){function f(){if(s&&typeof s==="function"){s(o)}createjs.Ticker.off("tick",a)}if(zot(e))return;if(zot(i))i="quadInOut";if(zot(u))u=0;createjs.Tween.get(e,{override:true}).wait(u).to({x:t,y:n},r,createjs.Ease[i]).call(f);var a=createjs.Ticker.on("tick",stage);return e};e.animate=function(e,t,n,r,i,s,o){function a(){if(i&&typeof i==="function"){i(s)}createjs.Ticker.off("tick",u)}if(zot(e)||!e.on||zot(t))return;if(zot(r))r="quadInOut";if(zot(o))o=0;createjs.Tween.get(e).wait(o).to(t,n,createjs.Ease[r]).call(a);var u=createjs.Ticker.on("tick",stage);return e};e.fit=function(e,t,n,r,i,s){if(zot(e)||!e.getBounds)return;if(!e.getBounds()){zog("zim create - fit(): please setBounds() on object");return}if(zot(t)){if(!e.getStage()){zog("zim create - fit(): please add boundary dimensions or add obj to stage first");return}if(!e.getStage().getBounds()){zog("zim create - fit(): please add boundary dimensions or add obj with bounds to stage first");return}var o=e.getStage().getBounds().width;var u=e.getStage().getBounds().height;t=0;n=0;r=o;i=u}if(zot(s))s=true;e.scaleX=e.scaleY=1;var a=r;var f=i;var l=e.getBounds().width;var c=e.getBounds().height;var h;if(s){if(a/f>=l/c){h=f/c}else{h=a/l}}else{if(a/f>=l/c){h=a/l}else{h=f/c}}e.scaleX=e.scaleY=h;var p=l*h;var d=c*h;e.x=t+(a-p)/2;e.y=n+(f-d)/2;return{x:e.x,y:e.y,width:p,height:d,scale:h,bX:t,bY:n,bWidth:r,bHeight:i}};e.outline=function(e,t,n){if(zot(e)||!e.getBounds){zog("zim create - outline(): please provide object and shape");return}if(!e.getBounds()){zog("zim create - outline(): please setBounds() on object");return}if(!e.parent){zog("zim create - outline(): object should be on stage first");return}if(zot(t))t="brown";if(zot(n))n=2;var r=e.getBounds();var i=new createjs.Shape;var s=e.parent;var o=e.localToLocal(r.x,r.y,s);var u=e.localToLocal(r.x+r.width,r.y,s);var a=e.localToLocal(r.x+r.width,r.y+r.height,s);var f=e.localToLocal(r.x,r.y+r.height,s);var l=i.graphics;l.s(t).ss(n).r(o.x,o.y,u.x-o.x,a.y-u.y);zero={x:o.x-r.x*e.scaleX,y:o.y-r.y*e.scaleY};var c=10;var h=c+1;l.s("white").ss(n+2);l.mt(zero.x-h,zero.y+0).lt(zero.x+h,zero.y+0);l.mt(zero.x+0,zero.y-h).lt(zero.x+0,zero.y+h);l.s(t).ss(n);l.mt(zero.x-c,zero.y+0).lt(zero.x+c,zero.y+0);l.mt(zero.x+0,zero.y-c).lt(zero.x+0,zero.y+c);l.s("white").ss(n+2).dc(e.x,e.y,c+6);l.s(t).ss(n).dc(e.x,e.y,c+6);e.parent.addChild(i);if(e.getStage())e.getStage().update();return e};return e}(zim||{});var zim=function(e){if(zon)zog("ZIM BUILD Module");e.Triangle=function(t,n,r,i,s,o,u,a){function f(){if(zot(t))t=100;if(zot(n))n=t;if(zot(r))r=t;if(zot(i))i="black";if(zot(u))u=true;if(zot(a))a=0;var e=[t,n,r];e.sort(function(e,t){return t-e});aa=e[0];bb=e[1];cc=e[2];if(aa>bb+cc){zog("zim build - Triangle(): invalid triangle lengths");return}var f=new createjs.Shape;var l=f.graphics;l.f(i);if(!zot(s)){l.s(s);if(zot(o))o=1;l.ss(o)}l.mt(0,0);l.lt(t,0);var h=Math.acos((Math.pow(bb,2)+Math.pow(cc,2)-Math.pow(aa,2))/(2*bb*cc))*180/Math.PI;var p=Math.asin(bb*Math.sin(h*Math.PI/180)/aa)*180/Math.PI;var d=180-h-p;var v;if(r==aa){v=h}else if(r==bb){v=p}else{v=d}var m=Math.cos(v*Math.PI/180)*n;var g=Math.sin(v*Math.PI/180)*n;f.width=Math.max(t,t-m);f.height=g;f.setBounds(0,0,f.width,-f.height);l.lt(t-m,0-g);l.lt(0,0);if(u){f.regX=f.width/2;f.regY=-f.height/2+a}return f}f.prototype=new createjs.Shape;f.constructor=e.Triangle;return new f};e.Label=function(t,n,r,i,s,o,u){function a(){if(zot(t))t="LABEL";if(t=="")t=" ";if(zot(n))n=36;if(zot(r))r="arial";if(zot(i))i="black";if(zot(s))s=i;if(zot(o))o=null;if(zot(u))u=16;var a=this;this.mouseChildren=false;var f=this.label=new createjs.Text(String(t),n+"px "+r,i);f.textBaseline="alphabetic";f.textAlign="left";if(o&&u>0)f.shadow=new createjs.Shadow(o,3,3,u);this.addChild(f);var l=new createjs.Shape;l.graphics.f("rgba(0,255,255,.01)").r(0,0,this.getBounds().width,this.getBounds().height);this.addChildAt(l,0);this.setBounds(0,0,this.getBounds().width,this.getBounds().height);f.y=n-n/6;Object.defineProperty(a,"text",{get:function(){var e=f.text==" "?"":f.text;return e},set:function(e){f.text=e}});this.showRollColor=function(e){if(zot(e))e=true;if(e){f.color=s}else{f.color=i}if(a.getStage())a.getStage().update()};this.on("mouseover",function(e){a.showRollColor()});this.on("mouseout",function(e){a.showRollColor(false)});this.clone=function(){return new e.Label(a.text,n,r,i,s,o,u)};this.dispose=function(){a.removeAllEventListeners()}}a.prototype=new createjs.Container;a.constructor=e.Label;return new a};e.Button=function(t,n,r,i,s,o,u,a,f,l){function c(){function d(e){p.on("mouseout",v);var r=c.graphics;r.clear();r.f(s);if(o)r.s(o).ss(u);r.rr(0,0,t,n,a);p.label.showRollColor();if(p.getStage())p.getStage().update()}function v(e){p.off("mouseout",v);var r=c.graphics;r.clear();r.f(i);if(o)r.s(o).ss(u);r.rr(0,0,t,n,a);p.label.showRollColor(false);if(p.getStage())p.getStage().update()}if(zot(t))t=200;if(zot(n))n=60;if(zot(i))i="#C60";if(zot(s))s="#F93";if(zot(o))o=null;if(zot(u))u=1;if(zot(a))a=20;if(zot(f))f="#666";if(zot(l))l=16;if(zot(r))r="PRESS";if(typeof r==="string"||typeof r==="number")r=new e.Label(r,36,"arial","white");this.mouseChildren=false;this.cursor="pointer";var c=new createjs.Shape;var h=c.graphics;h.f(i);if(o)h.s(o).ss(u);h.rr(0,0,t,n,a);this.addChild(c);this.backing=c;if(l>0)c.shadow=new createjs.Shadow(f,3,3,l);this.setBounds(0,0,t,n);this.width=t;this.height=n;r.x=(t-r.getBounds().width)/2+1;r.y=(n-r.getBounds().height)/2+2;this.addChild(r);this.label=r;this.on("mouseover",d);var p=this;this.dispose=function(){p.removeAllEventListeners();p.removeChild(c);p.removeChild(buttonLabel);c=null;buttonLabel=null}}c.prototype=new createjs.Container;c.constructor=e.Button;return new c};e.CheckBox=function(t,n,r,i,s){function o(){function d(e){o=!o;u.setChecked(o);u.dispatchEvent("change")}if(zot(t))t=60;if(zot(n))n=null;if(typeof n==="string"||typeof n==="number")n=new e.Label(n,t*5/6,"arial",i);var o=zot(r)?false:r;if(zot(i))i="black";if(zot(s))s=10;this.setBounds(-s,-s,t+s*2,t+s*2);var u=this;this.cursor="pointer";var a=new createjs.Shape;var f=a.graphics;f.f("rgba(0,0,0,.01)").r(this.getBounds().x,this.getBounds().y,this.getBounds().width,this.getBounds().height);f.f("rgba(255,255,255,.5)").r(0,0,t,t);f.s(i).ss(t/10).r(t/7,t/7,t-t/7*2,t-t/7*2);this.addChild(a);if(n){this.addChild(n);n.x=this.getBounds().width;n.y=t/8;this.label=n}var l=new createjs.Shape;var c=l.graphics;c.f(i).p("AnQAdICBiaIEEDZIF8nfICfB4In/KPg");var h=95;l.setBounds(-h/2,-h/2,h,h);var p=t/(h+66);l.scaleX=l.scaleY=p;l.x=t/2;l.y=t/2;if(o)this.addChild(l);this.on("click",d);Object.defineProperty(u,"checked",{get:function(){return o},set:function(e){u.setChecked(e)}});this.setChecked=function(e){if(zot(e))e=true;o=e;if(o){u.addChild(l)}else{u.removeChild(l)}if(u.getStage())u.getStage().update()};this.dispose=function(){u.removeAllEventListeners()}}o.prototype=new createjs.Container;o.constructor=e.CheckBox;return new o};e.RadioButtons=function(t,n,r,i,s,o){function u(){function l(e){u.setSelected(f.getChildIndex(e.target));u.dispatchEvent("change")}function h(){var o;var l=false;for(var c=n.length-1;c>=0;c--){o=n[c];if(o.selected&&o.selected===true){if(!l){l=true}else{o.selected="false"}}}f.removeAllChildren();var h;var d=0;for(var c=0;c<n.length;c++){o=n[c];if(typeof o==="string"||typeof o==="number"){var v={selected:false,label:new e.Label(o,t*5/6,"arial",i)};o=v}if(o.label&&typeof o.label==="string"||typeof o.label==="number"){o.label=new e.Label(o.label,t*5/6,"arial",i)}u.labels.push(o.label);o.index=c;h=p(o.selected,o.label);h.obj=o;if(o.selected)a=h.obj;f.addChild(h);if(r){h.y=d;d+=h.getBounds().height+s}else{h.x=d;d+=h.getBounds().width+s}}}function p(e,n){var r=new createjs.Container;r.mouseChildren=false;r.setBounds(-o,-o,t+o*2,t+o*2);var s=new createjs.Shape;var a=s.graphics;a.f("rgba(0,0,0,.01)").r(r.getBounds().x,r.getBounds().y,r.getBounds().width,r.getBounds().height);a.f("rgba(255,255,255,.5)").dc(t/2,t/2,t/1.85);a.s(i).ss(t/9).dc(t/2,t/2,t/2-t/2/5);r.addChild(s);var f=r.check=new createjs.Shape;f.mouseEnabled=false;f.alpha=.95;var l=f.graphics;l.f(i).dc(t/2,t/2,t/5.2);if(n){r.addChild(n);n.x=r.getBounds().width;n.y=t/8;u.label=n;r.setBounds(-o,-o,t+o*2+n.getBounds().width,Math.max(t+o*2,n.getBounds().height))}if(e)r.addChild(f);return r}if(zot(t))t=60;t=Math.max(5,t);if(zot(n))return;if(zot(r))r=true;if(zot(i))i="black";if(zot(s))s=r?t*.2:t;if(zot(o))o=t/5;var u=this;this.cursor="pointer";this.labels=[];var a;var f=this.buttons=new createjs.Container;this.addChild(f);f.on("click",l);h();var c;if(!this.getBounds())this.setBounds(0,0,t,t);this.setBounds(0,0,this.getBounds().width+o,this.getBounds().height+o);this.setSelected=function(e){function i(){}if(zot(e))e=-1;if(e!=-1&&!f.getChildAt(e))return;var t;for(var n=0;n<f.getNumChildren();n++){t=f.getChildAt(n);t.removeChild(t.check)}if(e>=0){t=f.getChildAt(e);var r=-2;if(a)r=a.index;a=t.obj}if(e==-1||r==a.index){a=null;u.id=null;u.label=null;u.text=""}else{t.addChild(t.check);u.id=a.id;u.label=a.label;if(u.label)u.text=u.label.text}if(u.getStage())u.getStage().update()};Object.defineProperty(u,"selected",{get:function(){return a},set:function(e){selectedIndex=e}});Object.defineProperty(u,"selectedIndex",{get:function(){return a?a.index:-1},set:function(e){this.setSelected(e)}});this.dispose=function(){u.removeAllEventListeners()}}u.prototype=new createjs.Container;u.constructor=e.RadioButtons;return new u};e.Pane=function(t,n,r,i,s,o,u,a,f,l,c,h){function p(){function b(e,i){e=Math.max(n/2,Math.min(t.getBounds().width-n/2,e));i=Math.max(r/2,Math.min(t.getBounds().height-r/2,i));return{x:e,y:i}}if(zot(t)||!t.getBounds){zog("zim build - Pane(): Please pass in a reference to the stage with bounds set as first parameter");return}if(!t.getBounds()){zog("zim build - Pane(): Please give the stage bounds using setBounds()");return}if(zot(n))n=200;if(zot(r))r=200;if(zot(i))i=null;if(typeof i==="string"||typeof i==="number")i=new e.Label(i,40,"arial","black");if(zot(s))s="white";if(zot(o))o=false;if(zot(u))u=false;if(zot(a))a=true;if(zot(f))f=20;if(zot(l))l=.14;if(zot(c))c="#333";if(zot(h))h=20;var p=this.backing=new createjs.Shape;var d=p.graphics;d.beginFill("black");d.drawRect(-5e3,-5e3,1e4,1e4);this.setBounds(-n/2,-r/2,n,r);p.alpha=l;var v=this;p.on("click",function(e){v.hide();v.dispatchEvent("close");e.stopImmediatePropagation()});p.on("mousedown",function(e){e.stopImmediatePropagation()});if(a)this.addChild(p);var m=this.display=new createjs.Shape;m.setBounds(0,0,n,r);m.regX=n/2;m.regY=r/2;d=m.graphics;d.beginFill(s);d.drawRoundRect(0,0,n,r,f);if(h>0)m.shadow=new createjs.Shadow(c,8,8,h);m.on("click",function(e){e.stopImmediatePropagation()});this.resetX;this.resetY;if(o){m.cursor="pointer";var g,y;m.on("mousedown",function(e){if(isNaN(v.resetX))v.resetX=v.x;if(isNaN(v.resetY))v.resetY=v.y;g=e.stageX-v.x;y=e.stageY-v.y;m.cursor="move"});m.on("pressmove",function(e){var n=b(e.stageX-g,e.stageY-y);v.x=n.x;v.y=n.y;t.update()});this.on("pressup",function(e){m.cursor="pointer"})}this.addChild(m);if(i){i.x=-i.getBounds().width/2;i.y=-i.getBounds().height/2;this.addChild(i);this.label=i;this.text=i.text}t.update();this.hide=function(){t.removeChild(v);t.update();if(u){if(!isNaN(v.resetX))v.x=v.resetX;if(!isNaN(v.resetY))v.y=v.resetY}};this.show=function(){v.x=t.getBounds().width/2;v.y=t.getBounds().height/2;t.addChild(v);t.update()};this.dispose=function(){m.removeAllEventListeners();v.removeChild(m);m=null}}p.prototype=new createjs.Container;p.constructor=e.Pane;return new p};e.Waiter=function(t,n,r,i,s,o,u){function a(){if(zot(t)||!t.getBounds){zog("zim build - Waiter(): Please pass in a reference to the stage with bounds set as first parameter");return}if(!t.getBounds()){zog("zim build - Waiter(): Please give the stage bounds using setBounds()");return}if(zot(n))n=600;if(zot(r))r="orange";if(zot(i))i="white";if(zot(s))s=16;if(zot(o))o="#444";if(zot(u))u=14;var e=40;var a=3;var f=e*.6/2;var l=(e-f*2)/2;var c=a*(f*2+l)+l;this.setBounds(-c/2,-e/2,c,e);var h=this;var p=this.display=new createjs.Shape;this.addChild(p);p.setBounds(0,0,c,e);p.regX=c/2;p.regY=e/2;g=p.graphics;g.beginFill(r);g.drawRoundRect(0,0,c,e,s);if(u>0)p.shadow=new createjs.Shadow(o,3,3,u);p.on("click",function(e){e.stopImmediatePropagation()});var d=new createjs.Container;this.addChild(d);var v;for(var m=0;m<a;m++){v=new createjs.Shape;v.graphics.f(i).dc(0,0,f);v.x=(m-(a-1)/2)*(f*2+l);d.addChild(v);v.cache(-f,-f,f*2,f*2);v.alpha=0}t.update();this.hide=function(){createjs.Tween.get(h,{override:true}).to({alpha:0},300).call(function(){createjs.Ticker.off("tick",h.ticker);t.removeChild(h);t.update()})};this.show=function(){var e;var r=0;for(var i=0;i<d.getNumChildren();i++){h.alpha=0;createjs.Tween.get(h,{override:true}).to({alpha:1},300);setTimeout(function(){e=d.getChildAt(r);createjs.Tween.get(e,{loop:true}).to({alpha:1},n/a/2).wait(n/a).to({alpha:0},n/a).wait(n-n/a-n/a/2);r++},i*n/a)}h.ticker=createjs.Ticker.on("tick",t);h.x=t.getBounds().width/2;h.y=t.getBounds().height/2;t.addChild(h);t.update()};this.dispose=function(){p.removeAllEventListeners();h.removeChild(p);h.removeChild(d);p=null;d=null}}a.prototype=new createjs.Container;a.constructor=e.Waiter;return new a};e.Parallax=function(t,n,r){function l(e){var n;var r;var i;var s;for(var o=0;o<u.length;o++){n=u[o];s=n.parent.localToGlobal(n.zimsX,n.zimsY);r=s.x;i=s.y;if(n.zimX!=0){r=r-n.zimX/2+n.zimpX.convert(t.mouseX)}if(n.zimY!=0){i=i-n.zimY/2+n.zimpY.convert(t.mouseY)}s=n.parent.globalToLocal(r,i);n.x=s.x;n.y=s.y}t.update()}if(zon)zog("zim build - Parallax");if(zot(t)||!t.getBounds){zog("zim build - Parallax(): please pass in the stage with bounds as first parameter");return}if(!t.getBounds()){zog("zim build - Pane(): Please give the stage bounds using setBounds()");return}var i=t.getBounds().width;var s=t.getBounds().height;var o=this;this.damp=zot(n)?.1:n;this.addLayer=function(t,n,r){if(zot(t))return;t.zimX=zot(n)?0:n;t.zimY=zot(r)?0:r;if(t.zimX!=0){t.zimpX=new e.ProportionDamp(0,i,0,t.zimX,o.damp)}if(t.zimY!=0){t.zimpY=new e.ProportionDamp(0,s,0,t.zimY,o.damp)}t.zimsX=t.x;t.zimsY=t.y;u.push(t)};this.dispose=function(){u=null;createjs.Ticker.off("tick",f)};r=zot(r)?[]:r;var u=[];for(var a=0;a<r.length;a++){this.addLayer(r[a][0],r[a][1],r[a][2])}var f=createjs.Ticker.on("tick",l);createjs.Ticker.setFPS(60)};e.Scroller=function(e,t,n,r,i,s){function l(n){if(!e.getStage())return;if(!e.getStage().getBounds()){zog("zim build - Scroller(): please setBounds() on stage");return}if(!u){u=e.getStage().getBounds().width;a=e.getStage().getBounds().height}if(o.speed==0||o.direction==0){return}if(i){e.x-=o.speed*o.direction;t.x-=o.speed*o.direction;if(o.direction*o.speed>0){if(t.x<0&&e.x<t.x){e.x=t.getBounds().width-o.gapFix}else if(e.x<0&&t.x<e.x){t.x=e.getBounds().width-o.gapFix}}else{if(t.x>u&&t.x>e.x){t.x=e.x-e.getBounds().width+o.gapFix}else if(e.x>u&&e.x>t.x){e.x=t.x-t.getBounds().width+o.gapFix}}}else{e.y-=o.speed*o.direction;t.y-=o.speed*o.direction;if(o.direction*o.speed>0){if(t.y<0&&e.y<t.y){e.y=t.getBounds().height-o.gapFix}else if(e.y<0&&t.y<e.y){t.y=e.getBounds().height-o.gapFix}}else{if(t.y>a&&t.y>e.y){t.y=e.y-e.getBounds().height+o.gapFix}else if(e.y>a&&e.y>t.y){e.y=t.y-t.getBounds().height+o.gapFix}}}e.getStage().update()}if(zon)zog("zim build - Scroller");if(zot(e)||!e.getBounds||zot(t)||!t.getBounds)return;if(zot(i))i=true;var o=this;this.speed=zot(n)?1:n;this.direction=zot(r)?1:r;this.gapFix=zot(s)?0:s;if(!e.getBounds()||!t.getBounds()){zog("zim build - Scroller(): please setBounds() on backing objects");return}if(!e.getStage()){zog("zim build - Scroller(): please add backing objects to stage to start");return}var u;var a;if(i){t.x=e.getBounds().width}else{t.y=e.getBounds().height}var f=createjs.Ticker.on("tick",l);createjs.Ticker.setFPS(60);this.dispose=function(){if(zon)zog("bye from Scroller");createjs.Ticker.off("tick",f)}};return e}(zim||{});var zim=function(e){if(zon)zog("ZIM PAGES Module");e.Swipe=function(t,n,r){function i(){if(zot(t)||!t.on){zog("zim pages - Swipe():\nPlease pass in object");return}if(zot(n))n=100;if(zot(r))r=200;this.active=true;var e;var i;var s;var o;var u;var a;var f=this;t.on("mousedown",function(l){if(!f.active)return;f.obj=l.target;e=l.stageX;i=l.stageY;u=true;clearTimeout(a);a=setTimeout(function(){if(u){if(Math.abs(s-e)>Math.abs(o-i)){if(s-e>n){f.direction="right";f.dispatchEvent("swipe");u=false}if(e-s>n){f.direction="left";f.dispatchEvent("swipe");u=false}}else{if(o-i>n){f.direction="down";f.dispatchEvent("swipe");u=false}if(i-o>n){f.direction="up";f.dispatchEvent("swipe");u=false}}}},r);t.on("pressmove",function(e){s=e.stageX;o=e.stageY});t.on("pressup",function(e){if(u){f.direction="none";f.dispatchEvent("swipe")}u=false;clearTimeout(a)})});this.disable=function(){f.active=false};this.enable=function(){f.active=true}}i.prototype=new createjs.EventDispatcher;i.prototype.constructor=e.Swipe;return new i};e.Pages=function(t,n,r,i,s){function o(){function h(){l=new createjs.Shape;l.graphics.f("black").r(0,0,u,a+1);c=new createjs.Shape;c.graphics.f("white").r(0,0,u,a+1)}if(zot(t)||!t.getBounds||!t.getBounds()){zog("zim pages - Pages():\nobject must have bounds set");return}if(zot(n))n=[];if(zot(r))r="none";if(zot(i))i=200;if(zot(s))s=[];this.transitionTable=s;this.speed=i;this.active=true;var o=this;var u=t.getBounds().width;var a=t.getBounds().height;var f=this.page=n[0]?n[0].page:null;var l;var c;if(r!="none"||s!=[])h();var p=["left","right","up","down"];var d;var v;for(var m=0;m<n.length;m++){d=n[m];d.page.zimSwipeArray=d.swipe?d.swipe:[]}this.addChild(f);var g=new e.Swipe(t);var y;var b=false;var w=g.on("swipe",function(e){if(!o.active)return;var t=e.currentTarget.direction;if(t=="none")return;var n="";if(t=="left")n="right";else if(t=="right")n="left";else if(t=="up")n="down";else if(t=="down")n="up";t=n;var r=p.indexOf(t);v=f.zimSwipeArray[r];y=[v,t,null,null,true];o.page=f;o.nextPage=v;o.direction=t;o.dispatchEvent("swipe");setTimeout(function(){if(!b){o.go(v,t,null,null,true)}},100)});this.addPage=function(e,t){if(zot(t))t=[];var n={page:e,swipe:t};n.page.zimSwipeArray=n.swipe?n.swipe:[];if(!f){f=o.page=n.page;o.addChild(f)}};this.removePage=function(e){if(o.currentPage==e){o.removeChild(e);if(t.getStage())t.getStage().update()}e.zimSwipeArray=null};this.setSwipe=function(e,t){if(zot(t))t=[];var n={page:e,swipe:t};n.page.zimSwipeArray=n.swipe?n.swipe:[]};this.pause=function(){b=true};this.unpause=function(){if(b)o.go(y[0],y[1],y[2],y[3],y[4])};this.go=function(n,s,h,d,v){setTimeout(function(){b=false},200);var m=[{x:u},{x:-u},{y:a},{y:-a}];var g=[{x:0},{x:0},{y:0},{y:0}];var y=[{x:u/2,alpha:0},{x:-u/2,alpha:0},{y:a/2,alpha:0},{y:-a/2,alpha:0}];var w=r;var E=i;for(var S=0;S<o.transitionTable.length;S++){if(o.transitionTable[S][0]==f&&o.transitionTable[S][1]==n){w=o.transitionTable[S][2];E=o.transitionTable[S][3];break}}if(zot(h))h=w;if(zot(d))d=E;o.speed=d;o.direction=s;if(n==""||n==null){o.page=f;o.dispatchEvent("nothing")}else if(typeof n==="string"){o.page=f;o.dispatchEvent(n)}else{if(n==f)return;if(zot(s))s="right";var x=p.indexOf(s);function T(e){e[0].uncache();e[1].uncache();o.dispatchEvent("pageTransitioned");o.removeChild(o.lastPage);o.removeChild(l);o.removeChild(c)}function N(t){o.removeChild(o.lastPage);e.animate(t.unshift(),{alpha:0},o.speed/2,null,T,t)}n.x=0;n.y=0;n.alpha=1;if(h=="slide"){n.x=-(m[x].x|0);n.y=-(m[x].y|0);n.cache(0,0,u+1,a+1);f.cache(0,0,u+1,a+1);o.addChild(n);o.addChild(f);e.animate(f,m[x],o.speed,null,T,[f,n]);e.animate(n,g[x],o.speed)}else if(h=="reveal"){n.cache(0,0,u+1,a+1);f.cache(0,0,u+1,a+1);o.addChild(n);o.addChild(f);e.animate(f,y[x],o.speed,null,T,[f,n])}else if(h=="fade"){n.cache(0,0,u+1,a+1);f.cache(0,0,u+1,a+1);n.alpha=1;o.addChild(n);o.addChild(f);e.animate(f,{alpha:0},o.speed,null,T,[f,n])}else if(h=="black"){n.cache(0,0,u+1,a+1);f.cache(0,0,u+1,a+1);n.alpha=1;o.addChild(n);o.addChild(f);l.alpha=0;o.addChild(l);e.animate(l,{alpha:1},o.speed/2,null,N,[l,f,n])}else if(h=="white"){n.cache(0,0,u+1,a+1);f.cache(0,0,u+1,a+1);n.alpha=1;o.addChild(n);o.addChild(f);c.alpha=0;o.addChild(c);e.animate(c,{alpha:1},o.speed/2,null,N,[c,f,n])}else{o.addChild(n);o.removeChild(f)}o.lastPage=f;o.page=n;if(zot(v))v=false;o.fromSwipe=v;o.dispatchEvent("page");f=n;if(t.getStage())t.getStage().update()}};this.resize=function(){u=t.getBounds().width;a=t.getBounds().height;if(r!="none"||s!=[])h()};this.puff=function(e){for(var t=0;t<n.length;t++){o.addChild(n[t].page)}o.addChild(f);if(e>0){setTimeout(function(){o.settle()},e)}};this.settle=function(){o.removeAllChildren();o.addChild(f);o.dispatchEvent("puffed")};this.disable=function(){o.active=false};this.enable=function(){o.active=true};this.dispose=function(){g.off("swipe",w);o.removeAllChildren();n=null}}o.prototype=new createjs.Container;o.prototype.constructor=e.Pages;return new o};e.HotSpots=function(t,n,r){function i(){function f(t){var i=null;if(!Array.isArray(t.rect)){i=t.rect;if(!i){zog("zim pages - HotSpots(): HotSpot "+t.page+" "+t.rect+" button does not exist");return}if(!i.getBounds()){zog("zim pages - HotSpots(): HotSpots button needs bounds");return}t.rect=[i.x,i.y,i.getBounds().width,i.getBounds().height]}o=new e.HotSpot(t.page,t.rect[0],t.rect[1],t.rect[2],t.rect[3],t.call,n);o.zimHSpage=t.page;o.button=i;u.push(o);o.on("click",l);if(i){o.spot.mouseEnabled=false;o.spot.mouseChildren=false;i.zimHScall=t.call;i.zimHSEvent=i.on("click",l);if(!r){i.zimHSMDEvent=i.on("mousedown",function(e){e.stopImmediatePropagation()})}i.cursor="pointer"}}function l(e){if(typeof e.currentTarget.zimHScall=="function"){e.currentTarget.zimHScall()}}if(zot(t)||!Array.isArray(t)){zog("zim pages - HotSpots():\nplease provide an array of HotSpot data");return}if(zot(n))n=true;if(zot(r))r=false;var i=this;var s;var o;var u=[];for(var a=0;a<t.length;a++){f(t[a])}this.addHotSpot=function(e,n,r){s={page:e,rect:n,call:r};t.push(s);f(s)};this.show=function(){for(var e=0;e<u.length;e++){o=u[e];if(!o.button)o.show()}};this.hide=function(){for(var e=0;e<u.length;e++){o=u[e];o.hide()}};this.removeHotSpots=function(n,r){for(var i=t.length-1;i>=0;i--){s=t[i];o=u[i];if(r&&!Array.isArray(r)){r=[r.x,r.y,r.getBounds().width,r.getBounds().height]}if(zot(n)&&zot(r)||zot(r)&&n==s.page||zot(n)&&e.arraysEqual(r,s.rect)||n==s.page&&e.arraysEqual(r,s.rect)){t.splice(i,1);if(o.button){o.button.off("click",o.button.zimHSEvent);o.button.zimHSEvent=null}o.off("click",l);o.dispose();u.splice(i,1)}}};this.dispose=function(){for(var e=0;e<u.length;e++){o=u[e];if(o.button){o.button.off("click",o.button.zimHSEvent);o.button.zimHSCall=null;o.button.zimHSEvent=null}o.off("click",l);o.dispose()}}}i.prototype=new createjs.Container;i.prototype.constructor=e.HotSpots;return new i};e.HotSpot=function(t,n,r,i,s,o,u){function a(){if(zot(t)||!t.addChild){zog("zim pages - HotSpot():\nPlease pass in container object for obj");return}if(t instanceof createjs.Container==false)zog("zim build - HotSpot():\nObjects passed in should be Containers");if(zot(u))u=true;var e=this;var a=new createjs.Shape;this.spot=a;if(!u){var f=t.globalToLocal(n,r);var l=t.globalToLocal(n+i,r+s);var c=l.x-f.x;var p=l.y-f.y;a.graphics.f("#999999").dr(f.x,f.y,c,p)}else{a.graphics.f("#999999").dr(n,r,i,s)}a.alpha=.01;a.cursor="pointer";var d=a.on("click",function(){if(typeof o=="function"){o()}});t.addChild(a);this.show=function(){a.alpha=.5};this.hide=function(){a.alpha=.01};this.dispose=function(){a.off("click",d);t.removeChild(a);delete a}}a.prototype=new createjs.Container;a.prototype.constructor=e.HotSpot;return new a};e.dashedLinesOn=function(){if(e.dashed)return;e.dashed=true;createjs.Graphics.prototype.dashedLineTo=function(e,t,n,r,i){this.moveTo(e,t);var s=n-e;var o=r-t;var u=Math.floor(Math.sqrt(s*s+o*o)/i);var a=s/u;var f=o/u;var l=0;while(l++<u){e+=a;t+=f;this[l%2==0?"moveTo":"lineTo"](e,t)}this[l%2==0?"moveTo":"lineTo"](n,r);return this};createjs.Graphics.prototype.drawDashedRect=function(e,t,n,r,i){this.moveTo(e,t);var s=e+n;var o=t+r;this.dashedLineTo(e,t,s,t,i);this.dashedLineTo(s,t,s,o,i);this.dashedLineTo(s,o,e,o,i);this.dashedLineTo(e,o,e,t,i);return this}};e.Manager=function(e){if(zon&&e)zog("zim pages - "+e);var t=this;this.items=[];this.add=function(e){t.items.push(e)};this.resize=function(){if(!t)return;for(var e=0;e<t.items.length;e++){if(!t.items[e].resize())t.items.splice(e)}};this.dispose=function(){for(var n=0;n<t.items.length;n++){t.items[n].dispose()}t.items=[];if(zon)zog("zim pages - "+e+" - all disposed");t=null}};e.Guide=function(t,n,r,i,s){function o(){function m(e,t,n){var r=new createjs.Container;r.shape=new createjs.Shape;r.shape.graphics.s(t).ss(1).f(e).r(0,0,f,l);r.shape.alpha=.9;r.addChild(r.shape);r.label=new createjs.Text("10","16px verdana",n);r.label.textAlign="center";r.label.textBaseline="middle";r.addChild(r.label);r.mouseChildren=false;r.mouseEnabled=false;return r}function x(){clearInterval(g);if(t=="stage"){u=o.getStage();t=u}else{u=t.getStage()}b=t.getBounds().width;w=t.getBounds().height;if(n){v.y=w/2;v.label.text="y:"+(o.pixels?Math.round(b*70/100):"70%")}else{v.x=b/2;v.label.text="x:"+(o.pixels?Math.round(w*70/100):"70%")}E=new createjs.Shape;o.addChild(E);n?E.x=b*.7:E.y=w*.7;if(!y){t.addChild(o);C()}u.off("stagemousemove",a);a=u.on("stagemousemove",N);u.update()}function N(e){var i;var s;if(e){i=t.globalToLocal(e.rawX,e.rawY);T=i}else{i={x:T.x,y:T.y}}if(!r){if(n){s=Math.round(Math.abs(i.x-E.x));v.label.text="x:"+Math.max(0,Math.min(s,Math.round(b)));v.y=Math.max(h,Math.min(i.y,d))}else{s=Math.round(Math.abs(i.y-E.y));v.label.text="y:"+Math.max(0,Math.min(s,Math.round(w)));v.x=Math.max(c,Math.min(i.x,p))}}else{if(n){s=Math.round(Math.abs(i.x-E.x)/b*100);v.label.text="x:"+Math.max(0,Math.min(s,100))+"%";v.y=Math.max(h,Math.min(i.y,d))}else{s=Math.round(Math.abs(i.y-E.y)/w*100);v.label.text="y:"+Math.max(0,Math.min(s,100))+"%";v.x=Math.max(c,Math.min(i.x,p))}}if(u)u.update()}function C(){y=true;b=t.getBounds().width;w=t.getBounds().height;var r;if(n){r="ew-resize";S=new createjs.Rectangle(0,0,b,0)}else{r="ns-resize";S=new createjs.Rectangle(0,0,0,w)}e.noDrag(E);setTimeout(function(){e.drag(E,S,r,r,null,null,true)},500);u.mouseMoveOutside=true;u.enableMouseOver(10);p=b-f*2/3;d=w-l-l;E.uncache();var i=E.graphics;if(n){i.c().s("rgba(0,255,255,.1)").ss(20).mt(0,0).lt(0,w);i.f().s("white").ss(2).mt(0,0).lt(0,w);i.s("#00c5af").ss(2).dashedLineTo(0,0,0,w,20);E.cache(-10,0,20,w)}else{i.c().s("rgba(255,0,255,.1)").ss(20).mt(0,0).lt(b,0);i.f().s("white").ss(2).mt(0,0).lt(b,0);i.s("#d61fa0").ss(2).dashedLineTo(0,0,b,0,20);E.cache(0,-10,b,20)}n?v.x=b:v.y=w;o.addChild(v)}function k(e){if(!e)e=event;if(!u)return;if(String.fromCharCode(e.keyCode)==i.toUpperCase()){o.visible=!o.visible;u.off("stagemousemove",a);if(o.visible){a=u.on("stagemousemove",N,o)}u.update()}if(String.fromCharCode(e.keyCode)==s.toUpperCase()){o.pixels=!o.pixels}}if(zot(t))t="stage";if(zot(n))n=true;if(t!="stage"&&(!t.getBounds||!t.getBounds())){zog("zim pages - Guide(): Please provide bounds for the obj (setBounds())");return}if(zot(r))r=true;if(zot(i))i="G";if(zot(s))s="P";var o=this;var u;var a;e.dashedLinesOn();var f=80;var l=26;var c=f/6+f/2;var h=l*2;var p;var d;var v;if(n){v=m("#00c5af","white","white");v.shape.regX=f+f/6;v.shape.regY=l/2;v.label.x=-f/2-f/6}else{v=m("#d61fa0","white","white");v.shape.regX=f/2;v.shape.regY=l+l/4;v.label.y=-l*3/4}var g=setInterval(function(){if(t=="stage"){if(o&&o.getStage()){x()}}else{if(t&&t.getStage()){x()}}},100);var y=false;var b;var w;var E;var S;var T={x:0,y:0};Object.defineProperty(this,"pixels",{get:function(){return!r},set:function(e){r=!e;o.resize()}});window.addEventListener("keydown",k);this.resize=function(){if(!o)return false;if(u){C();N()}return true};this.dispose=function(){if(!o)return false;e.noDrag(E);clearInterval(g);o.removeAllChildren();window.removeEventListener("keydown",k);if(o.parent)o.parent.removeChild(o);o=null;return true}}o.prototype=new createjs.Container;o.prototype.constructor=e.Guide;return new o};e.GuideManager=function(){e.Manager.call(this,"GuideManager")};e.GuideManager.prototype=new e.Manager;e.GuideManager.constructor=e.GuideManager;e.Grid=function(t,n,r,i,s){function o(){function p(e,t,n){var r=new createjs.Container;r.shape=new createjs.Shape;r.shape.graphics.s(t).ss(1).f(e).r(0,0,f,l);r.shape.alpha=.9;r.addChild(r.shape);r.label=new createjs.Text("10","16px verdana",n);r.label.textAlign="center";r.label.textBaseline="middle";r.addChild(r.label);r.mouseChildren=false;r.mouseEnabled=false;return r}function w(){clearInterval(y);if(t=="stage"){o=e.getStage();t=o}else{o=t.getStage()}if(!b){C();t.addChild(e)}o.off("stagemousemove",a);a=o.on("stagemousemove",S);o.update()}function S(e){var n;if(e){n=t.globalToLocal(e.rawX,e.rawY);E=n}else{n={x:E.x,y:E.y}}if(!r){c.label.text="x:"+Math.max(0,Math.min(Math.round(n.x),Math.round(x)));c.x=Math.max(d,Math.min(n.x,m));h.label.text="y:"+Math.max(0,Math.min(Math.round(n.y),Math.round(T)));h.y=Math.max(v,Math.min(n.y,g))}else{c.label.text="x:"+Math.max(0,Math.min(Math.round(n.x/x*100),100))+"%";c.x=Math.max(d,Math.min(n.x,m));h.label.text="y:"+Math.max(0,Math.min(Math.round(n.y/T*100),100))+"%";h.y=Math.max(v,Math.min(n.y,g))}if(o)o.update()}function C(){b=true;x=t.getBounds().width;T=t.getBounds().height;o.mouseMoveOutside=true;o.enableMouseOver(10);m=x-f*2/3;g=T-l-l;N=new createjs.Container;e.addChild(N);var i=new createjs.Shape;N.addChild(i);var s=i.graphics;s.s(n).ss(1);var a=new createjs.Shape;N.addChild(a);if(!r){for(var p=0;p<x/u;p++){s.mt(p*u,0).lt(p*u,T)}for(var p=0;p<T/u;p++){s.mt(0,p*u).lt(x,p*u)}i.alpha=.3;s=a.graphics;s.s(n).ss(1);for(var p=0;p<x/(u*10);p++){s.mt(p*u*10,0).lt(p*u*10,T)}for(var p=0;p<T/(u*10);p++){s.mt(0,p*u*10).lt(x,p*u*10)}}else{for(var p=1;p<20+2;p++){s.mt(p*x/20,0).lt(p*x/20,T)}for(var p=1;p<20;p++){s.mt(0,p*T/20).lt(x,p*T/20)}i.alpha=.3;s=a.graphics;s.s(n).ss(1);for(var p=1;p<10;p++){s.mt(p*x/10,0).lt(p*x/10,T)}for(var p=1;p<10;p++){s.mt(0,p*T/10).lt(x,p*T/10)}}var d=80;s.s("#FFFFFF").ss(8);s.mt(x/2,T/2-d/2).lt(x/2,T/2+d/2);s.mt(x/2-d/2,T/2).lt(x/2+d/2,T/2);s.s("#000000").ss(4);s.mt(x/2,T/2-d/2).lt(x/2,T/2+d/2);s.mt(x/2-d/2,T/2).lt(x/2+d/2,T/2);s.s(n).ss(3);s.dr(0,0,x,T);a.alpha=.5;N.cache(0,0,x,T);e.addChild(c);e.addChild(h);o.update()}function k(t){if(!t)t=event;if(!o)return;if(String.fromCharCode(t.keyCode)==i.toUpperCase()){e.visible=!e.visible;o.off("stagemousemove",a);if(e.visible){a=o.on("stagemousemove",S,e)}o.update()}if(String.fromCharCode(t.keyCode)==s.toUpperCase()){e.removeChild(N);N=null;e.pixels=!e.pixels}}if(zot(t))t="stage";if(zot(n))n="black";if(t!="stage"&&(!t.getBounds||!t.getBounds())){zog("zim pages - Grid(): Please provide bounds for the obj (setBounds())");return}if(zot(r))r=true;if(zot(i))i="G";if(zot(s))s="P";var e=this;var o;var u=10;var a;this.mouseChildren=false;this.mouseEnabled=false;var f=80;var l=26;var c=p("#dddddd",n,"#333333");c.shape.regX=f/2;c.shape.regY=-l/4;c.label.y=l*3/4;var h=p("#dddddd",n,"#333333");h.shape.regX=-f/6;h.shape.regY=l/2;h.label.x=f/2+f/6;var d=f/6+f/2;var v=l*2;var m;var g;c.x=d;h.y=v;c.label.text="x:0";h.label.text="y:0";var y=setInterval(function(){if(t=="stage"){if(e&&e.getStage()){w()}}else{if(t&&t.getStage()){w()}}},100);var b=false;var E={x:0,y:0};var x;var T;var N;Object.defineProperty(this,"pixels",{get:function(){return!r},set:function(t){r=!t;e.resize()}});window.addEventListener("keydown",k);this.resize=function(){e.removeChild(N);N=null;if(o){C();S();setTimeout(function(){e.removeChild(N);N=null;C()},200)}};this.dispose=function(){clearInterval(y);e.removeAllChildren();window.removeEventListener("keydown",k);if(e.parent)e.parent.removeChild(e);e=null}}o.prototype=new createjs.Container;o.prototype.constructor=e.Grid;return new o};e.GridManager=function(){e.Manager.call(this,"GridManager")};e.GridManager.prototype=new e.Manager;e.GridManager.constructor=e.GridManager;e.Layout=function(t,n,r,i,s,o,u,a){function f(){function x(){var e=0;for(var t=0;t<n.length;t++){h=n[t];h.given=0;if(h[v]==0)e+=h.object.getBounds()[v]}for(var t=0;t<n.length;t++){h=n[t];if(h[v]==0)h.given=h.object.getBounds()[v]/e*S}}function T(e){if(!e)e=event;if(o){if(String.fromCharCode(e.keyCode)==a.toUpperCase()){o.visible=!o.visible;if(o.getStage())o.getStage().update()}}}if(zot(t)||!t.getBounds){zog("zim pages - Layout(): please provide an object with bounds set that holds the objects being laid out");return}u=zot(u)?t:u;if(!u.getBounds||!u.getBounds()){zog("zim pages - Layout(): holder must have bounds set or provide a scalingObject with bounds");return}var f=u.getBounds();t.setBounds(0,0,f.width,f.height);if(zot(r))r=0;if(zot(s))s=true;if(zot(i))i="";if(zot(a))a="B";e.dashedLinesOn();var l=new createjs.Shape;var c=this;this.active=true;var h;var p=0;var d="minWidth";var v="width";var m="height";var g="marginLeft";var y="maxHeight";var b="x";var w="y";if(s){d="minHeight";v="height";m="width";g="marginTop";y="maxWidth";b="y";w="x"}for(var E=0;E<n.length;E++){h=n[E];if(!h.object||!h.object.getBounds()){zog("zim pages - Layout(): each region object must have an object with setBounds() set");return}if(!h[d])h[d]=0;if(!h[v])h[v]=0;if(!h.backgroundColor)h.backgroundColor="";h.given=0;h.maxGiven=0;if(!h[g])h[g]=0;if(!h[y])h[y]=100;if(s){if(!h.align)h.align="middle";if(!h.valign){if(E==0){h.valign="top"}else if(E==n.length-1){h.valign="bottom"}else{h.valign="middle"}if(n.length==1){h.valign="middle"}}}else{if(!h.valign)h.valign="top";if(!h.align){if(E==0){h.align="left"}else if(E==n.length-1){h.align="right"}else{h.align="middle"}if(n.length==1){h.align="middle"}}}if(h[v])h[d]=0;p+=h[v]+h[g]}p+=r;if(p>100){zog("zim pages - Layout(): cannot fit regions into 100% bounds");return}var S=100-p;x();this.resize=function(){if(!c.active)return;f=u.getBounds();t.setBounds(0,0,f.width,f.height);l.graphics.clear();if(i!="")l.graphics.f(i).r(0,0,f.width,f.height);for(var a=0;a<n.length;a++){h=n[a];h.maxGiven=0;h.marginGiven=0}var b=true;var w;var E;var T;var N;var C;var k;var L;var A=S;while(b){E=0;b=false;w=true;for(var a=0;a<n.length;a++){h=n[a];if(h.given>0&&h.maxGiven==0){T=h.object.getBounds()[v];N=h.object.getBounds()[m];C=h.given*f[v]/100;k=h[y]*f[m]/100;L=N/T*C;if(L>k){b=true;h.maxGiven=T/N*k*100/f[v];E+=h.given-h.maxGiven;A-=h.maxGiven}else{w=false}}}if(!b)break;if(w)break;totalPrimaries=0;for(var a=0;a<n.length;a++){h=n[a];if(h[v]==0&&h.maxGiven==0)totalPrimaries+=h.object.getBounds()[v]}for(var a=0;a<n.length;a++){h=n[a];if(h[v]==0&&h.maxGiven==0)h.given=h.object.getBounds()[v]/totalPrimaries*A}}var O=true;h=n[0];if(h.maxGiven>0){if(h.maxGiven<h[d]){h[v]=h[d];O=false}}else if(h.given>0){if(h.given<h[d]){h[v]=h[d];O=false}}h=n[n.length-1];if(h.maxGiven>0){if(h.maxGiven<h[d]){h[v]=h[d];O=false}}else if(h.given>0){if(h.given<h[d]){h[v]=h[d];O=false}}if(!O){p=0;for(var a=0;a<n.length;a++){h=n[a];p+=h[v]+h[g]}p+=r;if(p>100){zog("zim build - Layout(): cannot fit regions into 100% bounds");return}S=100-p;x();c.resize();return}var M=true;var _=0;var D=0;for(var a=0;a<n.length;a++){h=n[a];_+=h[g];if(h[v]>0)D+=h[v];else if(h.maxGiven>0)D+=h.maxGiven;else if(h.given>0)D+=h.given;if(h[v]==0){M=false}}if(M||w){_+=r;var P=100-D-_;_-=r+n[0][g];if(P!=0&&_!=0){for(var a=0;a<n.length;a++){if(a==0)continue;h=n[a];h.marginGiven=h[g]/_*(_+P)}}}var H=0;var B=0;var T;var N;var j;var F;var I;if(o&&o.graphics){var q=o.graphics;q.c()}for(var a=0;a<n.length;a++){h=n[a];if(h.marginGiven>0)H+=h.marginGiven*f[v]/100;else H+=h[g]*f[v]/100;if(h[v]>0){T=h[v]}else if(h.maxGiven>0){T=h.maxGiven}else if(h.given>0){T=h.given}else{T=0}T=T*f[v]/100;N=h[y]*f[m]/100;B=(f[m]-N)/2;if(s)j=e.fit(h.object,B,H,N,T);else j=e.fit(h.object,H,B,T,N);if(h.valign=="top")h.object.y=j.bY;else if(h.valign=="bottom")h.object.y=j.bY+j.bHeight-j.height;if(h.align=="left")h.object.x=j.bX;else if(h.align=="right")h.object.x=j.bX+j.bWidth-j.width;if(o&&o.graphics){q.s("white").ss(2).r(j.bX,j.bY,j.bWidth,j.bHeight);q.s("#ff8203").ss(2).drawDashedRect(j.bX,j.bY,j.bWidth,j.bHeight,20)}I=F=0;if(H==0||H+T==f[v])if(s){I=1}else{F=1}if(N==f[m])if(s){F=1}else{I=1}if(h.backgroundColor!="")l.graphics.f(h.backgroundColor).r(j.bX,j.bY,j.bWidth+F,j.bHeight+I);H+=T}};this.resize();if(o)t.addChild(o);t.addChildAt(l,0);window.addEventListener("keydown",T);this.disable=function(){c.active=false;window.removeEventListener("keydown",T);if(o)o.alpha=0};this.enable=function(){c.active=true;window.addEventListener("keydown",T);c.resize();if(o)o.alpha=1};this.removeShape=function(){if(o){o.graphics.clear();t.removeChild(o);o=null;o=false}window.removeEventListener("keydown",T)};this.addShape=function(e,n){c.removeShape();o=e;window.addEventListener("keydown",T);t.addChild(o);c.resize()};this.dispose=function(){c.removeShape()}}f.prototype=new createjs.EventDispatcher;f.prototype.constructor=e.Layout;return new f};e.LayoutManager=function(){if(zon)zog("zim pages - LayoutManager");var e=this;this.layouts=[];this.add=function(t){e.layouts.push(t)};this.resize=function(){for(var t=0;t<e.layouts.length;t++){e.layouts[t].resize()}};this.disable=function(){for(var t=0;t<e.layouts.length;t++){e.layouts[t].disable()}};this.enable=function(){for(var t=0;t<e.layouts.length;t++){e.layouts[t].enable()}};this.dispose=function(){for(var t=0;t<e.layouts.length;t++){e.layouts[t].removeShape()}}};return e}(zim||{})
\ No newline at end of file
diff --git a/zimbuild.js b/zimbuild.js
index 83cdc71..483c817 100644
--- a/zimbuild.js
+++ b/zimbuild.js
@@ -4,33 +4,130 @@
 // free to use - donations welcome of course! http://zimjs.com/donate
 // classes in this module require createjs namespace to exist and in particular easel.js
 // available at http://createjs.com
-// (borrows zim.ProportionDamp from zimcode)
+// (borrows zim.ProportionDamp from ZIM code)
 
 if (typeof zog === "undefined") { // bootstrap zimwrap.js
-	document.write('<script src="http://d309knd7es5f10.cloudfront.net/zimwrap_1.2.js"><\/script>');
-	document.write('<script src="http://d309knd7es5f10.cloudfront.net/zimbuild_1.2.js"><\/script>');
+	document.write('<script src="http://d309knd7es5f10.cloudfront.net/zimwrap_1.3.js"><\/script>');
+	document.write('<script src="http://d309knd7es5f10.cloudfront.net/zimbuild_1.3.js"><\/script>');
 } else {
 
 var zim = function(zim) {
 	
 	if (zon) zog("ZIM BUILD Module");
 	
-	
-	// Triangle class
-	
-	// extends a createjs.Shape
-	// makes a triangle shape using three line lengths
-	// var tri = new zim.Triangle(parameters);
-	
-	// PARAMETERS
-	// a, b and c are the lengths of the sides
-	// a will run horizontally along the bottom
-	// b is upwards and c is back to the origin
-	// fill, stroke, strokeSize are optional
-	// center defaults to true and puts the registration point to the center
-	// the actual center is not really the weighted center 
-	// so can pass in an adjust which brings the center towards its vertical base
-	
+/*-- // borrowed from ZIM Code
+zim.ProportionDamp = function(baseMin, baseMax, targetMin, targetMax, damp, factor, targetRound)
+
+ProportionDamp Class
+
+converts an input value to an output value on a different scale with damping	
+works like Proportion Class but with a damping parameter
+var pd = new zim.ProportionDamp(parmeters);
+
+PARAMETERS
+put in desired damping with 1 being no damping and .1 being the default
+in your own interval or ticker event function call pd.convert(input)
+the object always starts by assuming baseMin as baseValue
+if you want to start or go to an immediate value without easing then
+call the pd.immediate(baseValue) method with your desired baseValue (not targetValue)	
+
+METHODS
+convert(input) - converts a base value to a target value
+immediate(input) - immediately sets the target value (no damping)
+
+PROPERTIES
+damp - can adjust this dynamically (usually just pass it in as a parameter to start)
+--*/
+	zim.ProportionDamp = function(baseMin, baseMax, targetMin, targetMax, damp, factor, targetRound) {
+		
+		if (zon) zog("zim code - ProportionDamp");
+		
+		// damp - can be changed via damp get/set method property	
+		// factor - set to 1 for increasing and -1 for decreasing
+		// round - true to round results to whole number 
+		// zot() is found in danzen.js (the z version of not)		
+		if (zot(targetMin)) targetMin = 0;
+		if (zot(targetMax)) targetMax = 1;
+		if (zot(damp)) damp = .1;
+		if (zot(factor)) factor = 1;
+		if (zot(targetRound)) targetRound = false;
+
+		this.damp = damp; // want to expose as a property we can change
+		var that = this;		
+							
+		// proportion
+		var baseAmount;
+		var proportion;
+		var targetDifference;	
+		var targetAmount;	
+		
+		// damping			
+		var differenceAmount;
+		var desiredAmount=0;
+		var lastAmount = 0;
+					
+		baseAmount = baseMin; // just start at the min otherwise call immediate(baseValue);
+		lastAmount = targetMin;					
+		
+		var interval = setInterval(calculate, 20);		
+				
+		function calculate() {	
+			if (isNaN(baseAmount)) {return;}
+							
+			baseAmount = Math.max(baseAmount, baseMin);
+			baseAmount = Math.min(baseAmount, baseMax);
+			
+			proportion = (baseAmount - baseMin) / (baseMax - baseMin);			
+			targetDifference = targetMax - targetMin;	
+			
+			if (factor > 0) {					
+				targetAmount = targetMin + targetDifference * proportion;						
+			} else {
+				targetAmount = targetMax - targetDifference * proportion;
+			}				
+			
+			desiredAmount = targetAmount;			
+			differenceAmount = desiredAmount - lastAmount;									
+			lastAmount += differenceAmount*that.damp;						
+			if (targetRound) {lastAmount = Math.round(lastAmount);}					
+		}		
+		
+		this.immediate = function(n) {
+			this.convert(n);
+			calculate();
+			lastAmount = targetAmount;
+			if (targetRound) {lastAmount = Math.round(lastAmount);}	
+		}
+		
+		this.convert = function(n) {
+			baseAmount = n;			
+			return lastAmount;
+		}
+		
+		this.dispose = function() {
+			clearInterval(interval);
+		}
+	}		
+
+
+/*--
+zim.Triangle = function(a, b, c, fill, stroke, strokeSize, center, adjust)
+
+Triangle class
+
+extends a createjs.Shape
+makes a triangle shape using three line lengths
+var tri = new zim.Triangle(parameters);
+
+PARAMETERS
+a, b and c are the lengths of the sides
+a will run horizontally along the bottom
+b is upwards and c is back to the origin
+fill, stroke, strokeSize are optional
+center defaults to true and puts the registration point to the center
+the actual center is not really the weighted center 
+so can pass in an adjust which brings the center towards its vertical base
+--*/		
 	zim.Triangle = function(a, b, c, fill, stroke, strokeSize, center, adjust) {
 						
 		function makeTriangle() {
@@ -49,7 +146,7 @@ var zim = function(zim) {
 			cc = lines[2];
 			
 			if (aa > bb+cc) {
-				zog("zimbuild.js Triangle(): invalid triangle lengths");
+				zog("zim build - Triangle(): invalid triangle lengths");
 				return;
 			}		
 					
@@ -109,32 +206,36 @@ var zim = function(zim) {
 		
 	}	
 	
-	
-	// Label Class
-	
-	// extends a createjs.Container	
-	// makes a label - wraps the createjs Text object
-	// can use with Button, CheckBox, RadioButtons and Pane 
-	// var label = new zim.Label(parameters);	
-	// Text seems to come in different sizes so we do our best
-	// Have tended to find that left and alphabetic are most consistent across browsers
-	
-	// PARAMETERS
-	// see the defaults in the code below 
-	
-	// METHODS
-	// showRollColor(boolean) - true to show roll color (used internally)
-	// clone() - returns a copy of the label and its properties
-	// dispose() - to get rid of the button and listeners
-	
-	// PROPERTIES
-	// label - references the text object of the label
-	// text - references the text property of the text object
-	
-	// EVENTS
-	// dispatches no events 
 		
-			
+/*--
+zim.Label = function(labelText, fontSize, font, textColor, textRollColor, shadowColor, shadowBlur)
+
+Label Class
+
+extends a createjs.Container	
+makes a label - wraps the createjs Text object
+can use with Button, CheckBox, RadioButtons and Pane 
+var label = new zim.Label(parameters);	
+Text seems to come in different sizes so we do our best
+Have tended to find that left and alphabetic are most consistent across browsers
+
+PARAMETERS (see the defaults in the code)
+labelText, 
+fontSize, font, textColor, textRollColor, 
+shadowColor, shadowBlur
+
+METHODS
+showRollColor(boolean) - true to show roll color (used internally)
+clone() - returns a copy of the label and its properties
+dispose() - to get rid of the button and listeners
+
+PROPERTIES
+label - references the text object of the label
+text - references the text property of the text object
+
+EVENTS
+dispatches no events 
+--*/	
 	zim.Label = function(labelText, fontSize, font, textColor, textRollColor, shadowColor, shadowBlur) {
 	
 		function makeLabel() {	
@@ -205,45 +306,43 @@ var zim = function(zim) {
 		return new makeLabel();
 		
 	}
-		
-		
-	
-	
-	// Button Class
-	
-	// extends a createjs.Container	
-	// makes a button with rollovers 
-	// var button = new zim.Button(parameters);
-	// you will need to stage.addChild(button); and position it
-	// you will need to add a click event button.on("click", function);
-	// the Button class handles the rollovers		
-	
-	// PARAMETERS
-	// see the defaults in the code below
-	// (label is a ZIM Label object or text for default label properties)
 	
-	// METHODS
-	// dispose() - to get rid of the button and listeners
-	
-	// PROPERTIES
-	// width and height - or use getBounds().width and getBounds().height
-	// text - references the text property of the Label object of the button
-	// label - gives access to the label including button.label.text
-	// backing - references the backing of the button
-	
-	// EVENTS
-	// dispatches no events - you make your own click event
 		
-			
-	zim.Button = function(
-		width, height, label, 
-		backingColor, backingRollColor, borderColor, borderThickness,
-		corner, shadowColor, shadowBlur
-	) {
+/*--
+zim.Button = function(width, height, label, backingColor, backingRollColor, borderColor, borderThickness, corner, shadowColor, shadowBlur)
+
+Button Class
+
+extends a createjs.Container	
+makes a button with rollovers 
+var button = new zim.Button(parameters);
+you will need to stage.addChild(button); and position it
+you will need to add a click event button.on("click", function);
+the Button class handles the rollovers		
+
+PARAMETERS (all with defaults - see code)
+width, height, 
+label, // ZIM Label or plain text for default settings
+backingColor, backingRollColor, borderColor, borderThickness, 
+corner, shadowColor, shadowBlur
+
+METHODS
+dispose() - to get rid of the button and listeners
+
+PROPERTIES
+width and height - or use getBounds().width and getBounds().height
+text - references the text property of the Label object of the button
+label - gives access to the label including button.label.text
+backing - references the backing of the button
+
+EVENTS
+dispatches no events - you make your own click event
+--*/		
+	zim.Button = function(width, height, label, backingColor, backingRollColor, borderColor, borderThickness, corner, shadowColor, shadowBlur) {
 	
 		function makeButton() {
 			
-			// if (zon) zog("zimbuild.js: Button");
+			// if (zon) zog("zim build - Button");
 			
 			if (zot(width)) width=200;
 			if (zot(height)) height=60;
@@ -319,35 +418,38 @@ var zim = function(zim) {
 		
 	}
 	
-	// CheckBox Class
-	
-	// extends createjs.Container
-	// a checkbox that when clicked toggles the check and a checked property
-	// var checkBox = new zim.CheckBox(parameters)
-	
-	// PARAMETERS
-	// size - in pixels (always square)
-	// label - ZIM Label object - or just some text to make a default label
-	// startChecked - an initial parameter to set checked if true - default is false
-	// color - the stroke and check color (default black) - background is set to a .5 alpha white
-	// margin - is on outside of box so clicking or pressing is easier
-	
-	// METHODS
-	// setChecked(Boolean) - defaults to true to set button checked (or use checked property)
-	
-	// PROPERTIES
-	// label - gives access to the label including checkBox.label.text
-	// checked - gets or sets the check of the box
-	
-	// EVENTS
-	// dispatches a "change" event when clicked on (or use a click event)
-	
 	
+/*--
+zim.CheckBox = function(size, label, startChecked, color, margin)
+
+CheckBox Class
+
+extends createjs.Container
+a checkbox that when clicked toggles the check and a checked property
+var checkBox = new zim.CheckBox(parameters)
+
+PARAMETERS
+size - in pixels (always square)
+label - ZIM Label object - or just some text to make a default label
+startChecked - an initial parameter to set checked if true - default is false
+color - the stroke and check color (default black) - background is set to a .5 alpha white
+margin - is on outside of box so clicking or pressing is easier
+
+METHODS
+setChecked(Boolean) - defaults to true to set button checked (or use checked property)
+
+PROPERTIES
+label - gives access to the label including checkBox.label.text
+checked - gets or sets the check of the box
+
+EVENTS
+dispatches a "change" event when clicked on (or use a click event)
+--*/
 	zim.CheckBox = function(size, label, startChecked, color, margin) {
 	
 		function makeCheckBox() {
 			
-			// if (zon) zog("zimbuild.js: CheckBox");
+			// if (zon) zog("zim build - CheckBox");
 				
 			if (zot(size)) size = 60;
 			if (zot(label)) label = null;			
@@ -435,47 +537,50 @@ var zim = function(zim) {
 		
 	}	
 
-	
-	// RadioButtons Class
-	
-	// extends createjs.Container
-	// a radio button set that lets you pick from choices
-	// var radioButton = new zim.RadioButton(parameters)
-	
-	// PARAMETERS
-	// size - in pixels (always square)
-	// buttonData - an array of button data objects as follows:	
-	// [{label:ZIM Label or text, id:optional id, selected:optional Boolean}, {etc...}]
-	// or just a list of labels for default labels ["hi", "bye", "what!"]
-	
-	// vertical - boolean that if true displays radio buttons vertically else horizontally
-	// color - the stroke and check color (default black) - background is set to a .5 alpha white
-	// spacing - the space between radio button objects
-	// margin - the space around the radio button itself
-	
-	// METHODS
-	// setSelected(num) - sets the selected index (or use selectedIndex) -1 is default (none)
-	
-	// PROPERTIES
-	// selected - gets the selected object - selected.label, selected.id, etc.
-	// selectedIndex - gets or sets the selected index of the buttons
-	// label - current selected label object
-	// text - current selected label text
-	// id - current selected id
-	// labels - an array of the ZIM Label objects. labels[0].text = "YUM"; labels[2].y -= 10;
-	
-	// EVENTS
-	// dispatches a "change" event when clicked on (or use a click event)
-	// then ask for the properties above for info
 
-	
+/*--
+zim.RadioButtons = function(size, buttonData, vertical, color, spacing, margin)
+
+RadioButtons Class
+
+extends createjs.Container
+a radio button set that lets you pick from choices
+var radioButton = new zim.RadioButton(parameters)
+
+PARAMETERS
+size - in pixels (always square)
+buttonData - an array of button data objects as follows:	
+[{label:ZIM Label or text, id:optional id, selected:optional Boolean}, {etc...}]
+or just a list of labels for default labels ["hi", "bye", "what!"]
+
+vertical - boolean that if true displays radio buttons vertically else horizontally
+color - the stroke and check color (default black) - background is set to a .5 alpha white
+spacing - the space between radio button objects
+margin - the space around the radio button itself
+
+METHODS
+setSelected(num) - sets the selected index (or use selectedIndex) -1 is default (none)
+
+PROPERTIES
+selected - gets the selected object - selected.label, selected.id, etc.
+selectedIndex - gets or sets the selected index of the buttons
+label - current selected label object
+text - current selected label text
+id - current selected id
+labels - an array of the ZIM Label objects. labels[0].text = "YUM"; labels[2].y -= 10;
+
+EVENTS
+dispatches a "change" event when clicked on (or use a click event)
+then ask for the properties above for info
+--*/
 	zim.RadioButtons = function(size, buttonData, vertical, color, spacing, margin) {
 	
 		function makeRadioButtons() {
 			
-			// if (zon) zog("zimbuild.js: RadioButtons");
+			// if (zon) zog("zim build - RadioButtons");
 			
 			if (zot(size)) size = 60;
+			size = Math.max(5, size);
 			if (zot(buttonData)) return;
 			if (zot(vertical)) vertical = true;
 			if (zot(color)) color = "black";
@@ -577,7 +682,7 @@ var zim = function(zim) {
 								
 				return(but);
 			}
-			
+			if (!this.getBounds()) this.setBounds(0,0,size,size);
 			this.setBounds(0,0,this.getBounds().width+margin,this.getBounds().height+margin);
 			
 			// the main function that sets a button selected (after the initial makeButton)
@@ -651,51 +756,52 @@ var zim = function(zim) {
 	}
 	
 	
+/*--
+zim.Pane = function(stage, width, height, label, color, drag, resets, modal, corner, backingAlpha, shadowColor, shadowBlur)
 
-	
-	// Pane Class
-	
-	// extends a createjs.Container
-	// adds a window for alerts, etc.
-	// var pane = new zim.Pane(parameters); 
-	// you need to call the pane.show() to show the pane and pane.hide() to hide it
-	// you do not need to add it to the stage - it adds itself centered
-	// you can change the x and y (with origin and registration point in middle)
-
-	// PARAMETERS
-	// see the defaults in the code below
-	// pass in the stage and the width and height of the pane
-	// pass in an optional ZIM Label (or text for default label properties)
-	// pass in a boolean for if you want to drag the pane (default false)
-	// pass in whether a dragging pane should open at first start position (defaults false)
-	// for reset, by default, Pane takes the first position and will continue to use that
-	// modal defaults to true and means the pane will close when user clicks off the pane
-	// corner is the corner radius default 20
-	// the backingAlpha is the darkness of the background that fills the stage
-	// value for shadow blur - 0 for no shadow
-	
-	// METHODS
-	// show() - shows the pane
-	// hide() - hides the pane
-	
-	// PROPERTIES
-	// display - reference to the pane box
-	// label - gives access to the label including pane.label.text
-	// backing - reference to the backing	that covers the stage
-	// resetX - if reset is true you can dynamically adjust the position if needed
-	// resetY 
-	
-	// EVENTS
-	// dispatches a "close" event when closed by clicking on backing
-		
+Pane Class
+
+extends a createjs.Container
+adds a window for alerts, etc.
+var pane = new zim.Pane(parameters); 
+you need to call the pane.show() to show the pane and pane.hide() to hide it
+you do not need to add it to the stage - it adds itself centered
+you can change the x and y (with origin and registration point in middle)
+
+PARAMETERS
+see the defaults in the code below
+pass in the stage and the width and height of the pane
+pass in an optional ZIM Label (or text for default label properties)
+pass in a boolean for if you want to drag the pane (default false)
+pass in whether a dragging pane should open at first start position (defaults false)
+for reset, by default, Pane takes the first position and will continue to use that
+modal defaults to true and means the pane will close when user clicks off the pane
+corner is the corner radius default 20
+the backingAlpha is the darkness of the background that fills the stage
+value for shadow blur - 0 for no shadow
+
+METHODS
+show() - shows the pane
+hide() - hides the pane
+
+PROPERTIES
+display - reference to the pane box
+label - gives access to the label including pane.label.text
+backing - reference to the backing	that covers the stage
+resetX - if reset is true you can dynamically adjust the position if needed
+resetY 
+
+EVENTS
+dispatches a "close" event when closed by clicking on backing
+--*/	
 	zim.Pane = function(stage, width, height, label, color, drag, resets, modal, corner, backingAlpha, shadowColor, shadowBlur) {
 		
 		function makePane() {
 			
-			// if (zon) zog("zimbuild.js: Pane");
+			// if (zon) zog("zim build - Pane");
 			
-			if (zot(stage)) {zog("zimbuild.js Pane(): Please pass in a reference to the stage with bounds set as first parameter");	return;}
-			if (!stage.getBounds()) {zog("zimbuild.js Pane(): Please give the stage bounds using setBounds()");	return;}
+			if (zot(stage) || !stage.getBounds) {zog("zim build - Pane(): Please pass in a reference to the stage with bounds set as first parameter");	return;}
+			if (!stage.getBounds()) {zog("zim build - Pane(): Please give the stage bounds using setBounds()");	return;}
 
 			if (zot(width)) width=200;
 			if (zot(height)) height=200;
@@ -744,8 +850,6 @@ var zim = function(zim) {
 				e.stopImmediatePropagation();
 			});
 			
-			
-			
 			this.resetX; this.resetY;
 			if (drag) {				
 				display.cursor = "pointer";
@@ -779,9 +883,7 @@ var zim = function(zim) {
 				this.label = label;
 				this.text = label.text;				
 			}
-															
-		
-					
+																
 			stage.update();			
 			
 			this.hide = function() {
@@ -819,132 +921,178 @@ var zim = function(zim) {
 		
 	}
 	
-	// ProportionDamp Class (borrowed from zimcode)
-	
-	// converts an input value to an output value on a different scale with damping	
-	// works like Proportion Class but with a damping parameter
-	// var pd = new zim.ProportionDamp(parmeters);
-	
-	// PARAMETERS
-	// put in desired damping with 1 being no damping and .1 being the default
-	// in your own interval or ticker event function call pd.convert(input)
-	// the object always starts by assuming baseMin as baseValue
-	// if you want to start or go to an immediate value without easing then
-	// call the pd.immediate(baseValue) method with your desired baseValue (not targetValue)	
 	
-	// METHODS
-	// convert(input) - converts a base value to a target value
-	// immediate(input) - immediately sets the target value (no damping)
-	
-	// PROPERTIES
-	// damp - can adjust this dynamically (usually just pass it in as a parameter to start)
-			
+/*--
+zim.Waiter = function(stage, speed, backingColor, circleColor, corner, shadowColor, shadowBlur)
 
+Waiter Class
 
-	zim.ProportionDamp = function(baseMin, baseMax, targetMin, targetMax, damp, factor, targetRound) {
-		
-		if (zon) zog("zimbuild.js: ProportionDamp");
-		
-		// damp - can be changed via damp get/set method property	
-		// factor - set to 1 for increasing and -1 for decreasing
-		// round - true to round results to whole number 
-		// zot() is found in danzen.js (the z version of not)		
-		if (zot(targetMin)) targetMin = 0;
-		if (zot(targetMax)) targetMax = 1;
-		if (zot(damp)) damp = .1;
-		if (zot(factor)) factor = 1;
-		if (zot(targetRound)) targetRound = false;
+extends a createjs.Container
+adds a little animated three dot wait widget
+var waiter = new zim.Waiter(parameters); 
+you need to call the waiter.show() to show the waiter and waiter.hide() to hide it
+you do not need to add it to the stage - it adds itself centered
+you can change the x and y (with origin and registration point in middle)
 
-		this.damp = damp; // want to expose as a property we can change
-		var that = this;		
-							
-		// proportion
-		var baseAmount;
-		var proportion;
-		var targetDifference;	
-		var targetAmount;	
+PARAMETERS
+pass in the stage and speed in ms for the cycle time (default 600ms)
+pass in backing color and dot color
+corner is the corner radius default 14
+color and value for shadow blur - 0 for no shadow
+
+METHODS
+show() - shows the waiter
+hide() - hides the waiter
+
+PROPERTIES
+display - reference to the waiter backing graphic
+
+EVENTS
+dispatches a "close" event when closed by clicking on backing
+--*/	
+	zim.Waiter = function(stage, speed, backingColor, circleColor, corner, shadowColor, shadowBlur) {
 		
-		// damping			
-		var differenceAmount;
-		var desiredAmount=0;
-		var lastAmount = 0;
+		function makeWaiter() {
+			
+			// if (zon) zog("zim build - Waiter");
+			
+			if (zot(stage) || !stage.getBounds) {zog("zim build - Waiter(): Please pass in a reference to the stage with bounds set as first parameter");	return;}
+			if (!stage.getBounds()) {zog("zim build - Waiter(): Please give the stage bounds using setBounds()");	return;}
+
+			if (zot(speed)) speed=600; // ms cycle time
+			if (zot(backingColor)) backingColor="orange";
+			if (zot(circleColor)) circleColor="white";
+			if (zot(corner)) corner=16;
+			if (zot(shadowColor)) shadowColor="#444";
+			if (zot(shadowBlur)) shadowBlur=14;		
+			
+			var height = 40;	
+			var numDots = 3;
+			var r = height*.6/2;
+			var s = (height-r*2)/2;			
+			var width = numDots*(r*2+s)+s;	
+						
+			this.setBounds(-width/2,-height/2, width, height);
+ 			
+			var that = this;
 					
-		baseAmount = baseMin; // just start at the min otherwise call immediate(baseValue);
-		lastAmount = targetMin;					
-		
-		var interval = setInterval(calculate, 20);		
-				
-		function calculate() {	
-			if (isNaN(baseAmount)) {return;}
-							
-			baseAmount = Math.max(baseAmount, baseMin);
-			baseAmount = Math.min(baseAmount, baseMax);
+			var display = this.display = new createjs.Shape();
+			this.addChild(display);
+			display.setBounds(0, 0, width, height);
+			display.regX = width/2;
+			display.regY = height/2;
+			g = display.graphics;
+			g.beginFill(backingColor);
+			g.drawRoundRect(0, 0, width, height, corner);
+			if (shadowBlur > 0) display.shadow = new createjs.Shadow(shadowColor, 3, 3, shadowBlur);		
+			display.on("click", function(e) {
+				// stops the click from going through the display to the background
+				e.stopImmediatePropagation();
+			});
 			
-			proportion = (baseAmount - baseMin) / (baseMax - baseMin);			
-			targetDifference = targetMax - targetMin;	
+			var circles = new createjs.Container();
+			this.addChild(circles);
 			
-			if (factor > 0) {					
-				targetAmount = targetMin + targetDifference * proportion;						
-			} else {
-				targetAmount = targetMax - targetDifference * proportion;
+			var dot; 
+			for (var i=0; i<numDots; i++) {
+				dot = new createjs.Shape();
+				dot.graphics.f(circleColor).dc(0,0,r);
+				dot.x = (i-(numDots-1)/2) * (r*2+s);
+				circles.addChild(dot);
+				dot.cache(-r,-r,r*2,r*2);
+				dot.alpha = 0;	
+			}
+															
+			stage.update();			
+			
+			this.hide = function() {
+				createjs.Tween.get(that,{override:true})											
+							.to({alpha:0}, 300).call(function() {
+								createjs.Ticker.off("tick", that.ticker);
+								stage.removeChild(that);
+								stage.update();	
+							});				
+			}			
+			this.show = function() {
+				var dot; var counter=0;
+				for (var i=0; i<circles.getNumChildren(); i++) {
+					that.alpha = 0;
+					createjs.Tween.get(that,{override:true})											
+							.to({alpha:1}, 300);					
+					setTimeout(function() {
+						dot = circles.getChildAt(counter);
+						createjs.Tween.get(dot,{loop:true})											
+							.to({alpha:1}, speed/numDots/2)
+							.wait(speed/numDots)
+							.to({alpha:0}, speed/numDots)
+							.wait(speed-speed/numDots-speed/numDots/2);
+						counter++;
+					}, i*speed/numDots);
+						
+				}
+				that.ticker = createjs.Ticker.on("tick", stage);
+				
+				that.x = (stage.getBounds().width) /2;
+				that.y = (stage.getBounds().height) /2;
+				stage.addChild(that);			
+				stage.update();	
 			}				
 			
-			desiredAmount = targetAmount;			
-			differenceAmount = desiredAmount - lastAmount;									
-			lastAmount += differenceAmount*that.damp;						
-			if (targetRound) {lastAmount = Math.round(lastAmount);}					
-		}		
-		
-		this.immediate = function(n) {
-			this.convert(n);
-			calculate();
-			lastAmount = targetAmount;
-			if (targetRound) {lastAmount = Math.round(lastAmount);}	
+			this.dispose = function() {
+				display.removeAllEventListeners();
+				that.removeChild(display);
+				that.removeChild(circles);
+				display = null;
+				circles = null;
+			}
 		}
 		
-		this.convert = function(n) {
-			baseAmount = n;			
-			return lastAmount;
-		}
+		// note the actual class is wrapped in a function
+		// because createjs might not have existed at load time		
+		makeWaiter.prototype = new createjs.Container();
+		makeWaiter.constructor = zim.Waiter;
+		return new makeWaiter();
 		
-		this.dispose = function() {
-			clearInterval(interval);
-		}
 	}	
-	
-	
-	// Parallax Class	
-	
-	// takes objects and moves them with a parallax effect based on mouse movement
-	// for proper parallax, the objects closer move more than the objects farther back
-	// make a new object: p = new zim.Parallax(parameters)
-	
-	// PARAMETERS
-	// pass in the stage from your code (uses stage.mouseX and stage.mouseY)
-	// pass in the damping value (.1 default)
-	// pass in an array of layer objects in the following format
-	// [[obj, distanceX, distanceY], [obj2, distanceX, distanceY], etc.]
-	// or you can add these one at a time with the p.addLayer(obj, distanceX, distanceY); method
-	// you must pass in a layer object - the distanceX and distanceY can be 0 for no motion on that axis
-	// the distance is the total distance you want the layer object to travel
-	// relative to the cursor position between 0 and stage width or height
-	// the Parallax class will apply half the distance on either side of the object's start point
-	// should work through nested clips...
-	
-	// METHODS 
-	// addLayer(obj, distanceX, distanceY) - to alternately add layers after the object is made
-	// dispose() - removes listeners
-	
-	// PROPERTIES
-	// damp - allows you to dynamically change the damping
-	
-		
+
+
+
+
+
+/*--
+zim.Parallax = function(stage, damp, layers)
+
+Parallax Class	
+
+takes objects and moves them with a parallax effect based on mouse movement
+for proper parallax, the objects closer move more than the objects farther back
+make a new object: p = new zim.Parallax(parameters)
+
+PARAMETERS
+pass in the stage from your code (uses stage.mouseX and stage.mouseY)
+pass in the damping value (.1 default)
+pass in an array of layer objects in the following format
+[[obj, distanceX, distanceY], [obj2, distanceX, distanceY], etc.]
+or you can add these one at a time with the p.addLayer(obj, distanceX, distanceY); method
+you must pass in a layer object - the distanceX and distanceY can be 0 for no motion on that axis
+the distance is the total distance you want the layer object to travel
+relative to the cursor position between 0 and stage width or height
+the Parallax class will apply half the distance on either side of the object's start point
+should work through nested clips...
+
+METHODS 
+addLayer(obj, distanceX, distanceY) - to alternately add layers after the object is made
+dispose() - removes listeners
+
+PROPERTIES
+damp - allows you to dynamically change the damping
+--*/	
 	zim.Parallax = function(stage, damp, layers) {
 						
-		if (zon) zog("zimbuild.js: Parallax");
+		if (zon) zog("zim build - Parallax");
 		
-		if (zot(stage)) {zog("zimbuild.js: Parallax(): please pass in the stage with bounds as first parameter"); return;}
-		if (!stage.getBounds()) {zog("zimbuild.js Pane(): Please give the stage bounds using setBounds()");	return;}
+		if (zot(stage) || !stage.getBounds) {zog("zim build - Parallax(): please pass in the stage with bounds as first parameter"); return;}
+		if (!stage.getBounds()) {zog("zim build - Pane(): Please give the stage bounds using setBounds()");	return;}
 
 		var stageW = stage.getBounds().width;
 		var stageH = stage.getBounds().height;
@@ -965,6 +1113,7 @@ var zim = function(zim) {
 		// finally, the layer object is added to the myLayers private property
 		// the timer then loops through these layers and handles things from there
 		this.addLayer = function(obj, distanceX, distanceY) {
+
 			if (zot(obj)) return;
 			obj.zimX = zot(distanceX)?0:distanceX;
 			obj.zimY = zot(distanceY)?0:distanceY;
@@ -984,7 +1133,6 @@ var zim = function(zim) {
 			createjs.Ticker.off("tick", ticker);
 		}
 		
-
 		// private properties
 		// here are any layers that come in from Parallax object parameters
 		layers = (zot(layers)) ? [] : layers;			
@@ -1022,37 +1170,39 @@ var zim = function(zim) {
 	}
 	
 	
-	
-	// Scroller Class
-	
-	// animates a backing either horizontally or vertically (not both)
-	// make a new zim.Scroller(parameters) object 
-	// the Scroller object will animate and swap the backgrounds when needed
-	
-	// PARAMETERS
-	// pass in two backgrounds (that look the same - clone them)	
-	// pass in the speed, direction and a boolean for horizontal (default true)
-	// setting horizontal to false will animate vertically
-	// you can adjust the speed and direction properties dynamically
-	// you cannot adjust the backings and horizontal dynamically
-	// to change your animation, dispose() of the Scroller object and make a new one
-	// disposing just removes the ticker - you have to remove the backings
-	// not sure what is causing a small gap to appear over time 
-	// but if your background can overlap a little you can pass in a gapFix of 10 pixels etc.
-	
-	// METHODS
-	// dispose() - get rid of the event listeners - you need to remove the backings 
-	
-	// PROPERTIES
-	// speed - how fast the animation is going in pixels per frame (ticker set at 60)
-	// direction - either left or right if horizontal or up or down if not horizontal
-	// gapFix - if spacing occurs over time you can set the gapFix dynamically
-	
-	
+/*--
+zim.Scroller = function(b1, b2, speed, direction, horizontal, gapFix)
+
+Scroller Class
+
+animates a backing either horizontally or vertically (not both)
+make a new zim.Scroller(parameters) object 
+the Scroller object will animate and swap the backgrounds when needed
+
+PARAMETERS
+pass in two backgrounds (that look the same - clone them)	
+pass in the speed, direction and a boolean for horizontal (default true)
+setting horizontal to false will animate vertically
+you can adjust the speed and direction properties dynamically
+you cannot adjust the backings and horizontal dynamically
+to change your animation, dispose() of the Scroller object and make a new one
+disposing just removes the ticker - you have to remove the backings
+not sure what is causing a small gap to appear over time 
+but if your background can overlap a little you can pass in a gapFix of 10 pixels etc.
+
+METHODS
+dispose() - get rid of the event listeners - you need to remove the backings 
+
+PROPERTIES
+speed - how fast the animation is going in pixels per frame (ticker set at 60)
+direction - either left or right if horizontal or up or down if not horizontal
+gapFix - if spacing occurs over time you can set the gapFix dynamically
+--*/
 	zim.Scroller = function(b1, b2, speed, direction, horizontal, gapFix) {
 		
-		if (zon) zog("zimbuild.js: Scroller");
-		
+		if (zon) zog("zim build - Scroller");
+		if (zot(b1) || !b1.getBounds || zot(b2) || !b2.getBounds) return;
+		if (zot(horizontal)) horizontal = true;
 		var that = this; // we keep animate protected but want to access public properties
 		
 		// here are the public properties that can be changed
@@ -1061,11 +1211,11 @@ var zim = function(zim) {
 		this.gapFix = (zot(gapFix)) ? 0 : gapFix;
 		
 		if (!b1.getBounds() || !b2.getBounds()) {
-			zog("zimbuild.js: Scroller(): please setBounds() on backing objects");
+			zog("zim build - Scroller(): please setBounds() on backing objects");
 			return;
 		}	
 		if (!b1.getStage()) {
-			zog("zimbuild.js: Scroller(): please add backing objects to stage to start");
+			zog("zim build - Scroller(): please add backing objects to stage to start");
 			return;
 		}	
 			
@@ -1082,7 +1232,7 @@ var zim = function(zim) {
 		createjs.Ticker.setFPS(60);
 		function animate(e) {
 			if (!b1.getStage()) return;
-			if (!b1.getStage().getBounds()) {zog("zimbuild.js: Scroller(): please setBounds() on stage"); return;}
+			if (!b1.getStage().getBounds()) {zog("zim build - Scroller(): please setBounds() on stage"); return;}
 			if (!stageW) {
 				stageW = b1.getStage().getBounds().width;
 				stageH = b1.getStage().getBounds().height;
diff --git a/zimcode.js b/zimcode.js
index 708e4b6..cd2a08c 100644
--- a/zimcode.js
+++ b/zimcode.js
@@ -7,35 +7,40 @@
 // free to use - donations welcome of course! http://zimjs.com/donate
 
 if (typeof zog === "undefined") { // bootstrap zimwrap.js
-	document.write('<script src="http://d309knd7es5f10.cloudfront.net/zimwrap_1.2.js"><\/script>');
-	document.write('<script src="http://d309knd7es5f10.cloudfront.net/zimcode_1.2.js"><\/script>');
+	document.write('<script src="http://d309knd7es5f10.cloudfront.net/zimwrap_1.3.js"><\/script>');
+	document.write('<script src="http://d309knd7es5f10.cloudfront.net/zimcode_1.3.js"><\/script>');
 } else {
 
 var zim = function(zim) {
 	
 	if (zon) zog("ZIM CODE Module");
 	
-	// randomly shuffles elements of an array
-	// actually changes the original array (but also returns it)
-	
-	zim.shuffle = function(a) {
-	  var i = a.length, j, temp;
-	  if (i == 0) return a;
-	  while(--i) {
-		 j = Math.floor(Math.random()*(i+1));
-		 temp=a[i];
-		 a[i]=a[j];
-		 a[j]=temp;
-	  }
-	  return a;
+/*--
+zim.shuffle = function(array)
+randomly shuffles elements of an array
+actually changes the original array (but also returns it)
+shuffle and loop to show random but unique elements from an array 
+--*/
+	zim.shuffle = function(array) {
+		if (zot(array)) return;
+		var i = array.length, j, temp;
+		if (i == 0) return array;
+		while(--i) {
+			j = Math.floor(Math.random()*(i+1));
+			temp=array[i];
+			array[i]=array[j];
+			array[j]=temp;
+		}
+		return array;
 	}
 	
-	
-	// returns a random number between and including a and b
-	// b is optional and if left out will default to 0
-	// integer is a boolean and defaults to true
-	// if a and b are 0 then just returns Math.random()
-	
+/*--
+zim.rand = function(a, b, integer)
+returns a random number between and including a and b
+b is optional and if left out will default to 0 (includes 0)
+integer is a boolean and defaults to true
+if a and b are 0 then just returns Math.random()
+--*/
 	zim.rand = function(a, b, integer) { 
 		if (zot(integer)) integer = true;
 		if (zot(b)) b = 0;
@@ -56,10 +61,12 @@ var zim = function(zim) {
 		}
 	}
 	
-	// copies arrays and basic objects
-	// http://stackoverflow.com/users/35881/a-levy
-	
-	zim.copy = function(obj){
+/*--
+zim.copy = function(obj)
+copies arrays and basic objects
+http://stackoverflow.com/users/35881/a-levy
+--*/	
+	zim.copy = function(obj) {
 		if (obj==null || typeof obj != 'object') return;
 		if (obj instanceof Array) {
 			return obj.slice(0);
@@ -73,10 +80,13 @@ var zim = function(zim) {
 		}
 	} 	
 	
-	// modified Evan Steinkerchnerv & Tomas Zato
-	// finds out if arrays are same (including nested arrays)
-	// works for arrays with strings and numbers (not necessarily other objects)
-	
+/*--
+zim.arraysEqual = function(a, b, strict)
+slightly modified Evan Steinkerchnerv & Tomas Zato
+finds out if arrays are same (including nested arrays)
+works for arrays with strings and numbers (not necessarily other objects)
+strict defaults to true - if false, order in arrays does not matter
+--*/	
 	zim.arraysEqual = function(a, b, strict) {
 		if (zot(a) || zot(b)) return false;
 		if (zot(strict)) strict = true; // must be the same order	
@@ -96,41 +106,47 @@ var zim = function(zim) {
 		return true;
 	}		
 	
-	// rounds number to the number of decimal places specified by places
-	// for instance zim.decimals(1.8345, 2) == 1.83
-	
+/*--
+zim.decimals = function(num, places)
+rounds number to the number of decimal places specified by places
+negative number places round to tens, hundreds, etc.
+for instance zim.decimals(1.8345, 2) == 1.83
+--*/	
 	zim.decimals = function(num, places) {
 		if (zot(num) || num==0) return 0;
 		if (zot(places)) places = 1;	
 		return Math.round(num*Math.pow(10, places))/Math.pow(10, places);
 	}
 	
-	// Damp Class 
-	
-	// damping emulates things slowing down due to friction
-	// the movement heads towards the right direction and looks organic 
-	// this is similar if not the same as easing out
-	// create your Damp object outside an interval or ticker
-	// var d = new zim.Damp(parameters);
-	// then inside an interval or ticker call the convert method
-	// d.convert(desiredValue)
-	// you would then apply that desired value to a property such as x or y or scale
-	// if you want to do both x and y then you need two Damp objects 
-	// and two convert calls (you can do both in one interval or ticker)
-	
-	// PARAMETERS
-	// a startValue if you want the object to start directly somewhere
-	// the damp value with 1 being no damping and 0 being no movement - default is .1
-	
-	// METHODS
-	// convert() - converts a value into a damped value
-	
-	// PROPERTIES
-	// damp - can dynamically change the damping (usually just pass it in as a parameter to start)
-	// lastValue - setting this would go immediately to this value (would not normally use)
-	
+/*--
+zim.Damp = function(startValue, damp)
+
+Damp Class 
+
+damping emulates things slowing down due to friction
+the movement heads towards the right direction and looks organic 
+this is similar if not the same as easing out
+create your Damp object outside an interval or ticker
+var d = new zim.Damp(parameters);
+then inside an interval or ticker call the convert method
+d.convert(desiredValue)
+you would then apply that desired value to a property such as x or y or scale
+if you want to do both x and y then you need two Damp objects 
+and two convert calls (you can do both in one interval or ticker)
+
+PARAMETERS
+a startValue if you want the object to start directly somewhere
+the damp value with 1 being no damping and 0 being no movement - default is .1
+
+METHODS
+convert() - converts a value into a damped value
+
+PROPERTIES
+damp - can dynamically change the damping (usually just pass it in as a parameter to start)
+lastValue - setting this would go immediately to this value (would not normally use)
+--*/	
 	zim.Damp = function(startValue, damp) {
-		if (zon) zog("zimcode.js: Damp");
+		if (zon) zog("zim code - Damp");
 		this.lastValue = (zot(startValue)) ? 0 : startValue;
 		this.damp = (zot(damp)) ? .1 : damp;
 	}	
@@ -139,31 +155,35 @@ var zim = function(zim) {
 	}
 	
 	
-	// Proportion Class
-	
-	// converts an input value to an output value on a different scale 	
-	// for instance like a slider controlling the scale of an object or sound volume
-	// make a Proportion object
-	// var p = new zim.Proportion(parameters)	
-	
-	// PARAMETERS
-	// put in min and max for the output scale (say volume)
-	// put in min and max for the input scale (say x values, 0 and 1 are the defaults)			
-	// in your own pressmove event function or whatever call p.convert(input)
-	// pass in your input property (say the mouseX)
-	// the object always starts by assuming baseMin as baseValue
-	// just call the convert method right away if you want it to start at a different baseValue
-	// for instance, if your slider went from 100 to 500 and you want to start at half way
-	// make the object and call p.convert(300); on the next line
-	// then in your pressmove event, use p.convert(stage.mouseX) for example
-	
-	// METHODS
-	// convert(input) - will return the output property (for instance, a volume)			
 
+/*--
+zim.Proportion = function(baseMin, baseMax, targetMin, targetMax, factor, targetRound)
+
+Proportion Class
 
+converts an input value to an output value on a different scale 	
+for instance like a slider controlling the scale of an object or sound volume
+make a Proportion object
+var p = new zim.Proportion(parameters)	
+
+PARAMETERS
+put in min and max for the output scale (say volume)
+put in min and max for the input scale (say x values, 0 and 1 are the defaults)			
+in your own pressmove event function or whatever call p.convert(input)
+pass in your input property (say the mouseX)
+a proportional value will be returned - so use that for your volume (or whatever)
+
+the object always starts by assuming baseMin as baseValue
+just call the convert method right away if you want it to start at a different baseValue
+for instance, if your slider went from 100 to 500 and you want to start at half way
+make the object and call p.convert(300); on the next line
+
+METHODS
+convert(input) - will return the output property (for instance, a volume)			
+--*/
 	zim.Proportion = function(baseMin, baseMax, targetMin, targetMax, factor, targetRound) {
 		
-		if (zon) zog("zimcode.js: Proportion");
+		if (zon) zog("zim code - Proportion");
 
 		// factor - set to 1 for increasing and -1 for decreasing
 		// round - true to round results to whole number 
@@ -198,31 +218,34 @@ var zim = function(zim) {
 	}		
 	
 		
-	// ProportionDamp Class
-	
-	// converts an input value to an output value on a different scale with damping	
-	// works like Proportion Class but with a damping parameter
-	// var pd = new zim.ProportionDamp(parmeters);
-	
-	// PARAMETERS
-	// put in desired damping with 1 being no damping and .1 being the default
-	// in your own interval or ticker event function call pd.convert(input)
-	// the object always starts by assuming baseMin as baseValue
-	// if you want to start or go to an immediate value without easing then
-	// call the pd.immediate(baseValue) method with your desired baseValue (not targetValue)	
-	
-	// METHODS
-	// convert(input) - converts a base value to a target value
-	// immediate(input) - immediately sets the target value (no damping)
-	
-	// PROPERTIES
-	// damp - can adjust this dynamically (usually just pass it in as a parameter to start)
 			
 
+/*--
+zim.ProportionDamp = function(baseMin, baseMax, targetMin, targetMax, damp, factor, targetRound)
+
+ProportionDamp Class
+
+converts an input value to an output value on a different scale with damping	
+works like Proportion Class but with a damping parameter
+var pd = new zim.ProportionDamp(parmeters);
+
+PARAMETERS
+put in desired damping with 1 being no damping and .1 being the default
+in your own interval or ticker event function call pd.convert(input)
+the object always starts by assuming baseMin as baseValue
+if you want to start or go to an immediate value without easing then
+call the pd.immediate(baseValue) method with your desired baseValue (not targetValue)	
 
+METHODS
+convert(input) - converts a base value to a target value
+immediate(input) - immediately sets the target value (no damping)
+
+PROPERTIES
+damp - can adjust this dynamically (usually just pass it in as a parameter to start)
+--*/
 	zim.ProportionDamp = function(baseMin, baseMax, targetMin, targetMax, damp, factor, targetRound) {
 		
-		if (zon) zog("zimcode.js: ProportionDamp");
+		if (zon) zog("zim code - ProportionDamp");
 		
 		// damp - can be changed via damp get/set method property	
 		// factor - set to 1 for increasing and -1 for decreasing
@@ -293,8 +316,11 @@ var zim = function(zim) {
 
 
 	// DOM CODE	
-	// how many pixels down from the top the browser window has been scrolled
 
+/*--
+zim.scrollY = function()
+how many pixels down from the top the browser window has been scrolled
+--*/
 	zim.scrollY = function() {		
 		var safari = 0;
 		var browser=navigator.appName;
@@ -309,31 +335,49 @@ var zim = function(zim) {
 		}			
 	}
 	
+/*--
+zim.windowWidth = function()
+returns the width of a window
+window.clientWidth or window.innerWidth
+--*/	
 	zim.windowWidth = function() {
 		return isNaN(window.innerWidth) ? window.clientWidth : window.innerWidth;
 	}
-	
+
+/*--
+zim.windowHeight = function()
+returns the height of a window
+window.clientHeight or window.innerHeight
+--*/	
 	zim.windowHeight = function() {
 		return isNaN(window.innerHeight) ? window.clientHeight : window.innerHeight;
 	}
 		
-	
-	// match PHP urlencode and urldecode functions
-	
+/*--
+zim.urlEncode = function(str)
+matches PHP urlencode and urldecode functions
+--*/
 	zim.urlEncode = function(str) {
 		var str = (str + '').toString();
 		return encodeURIComponent(str).replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').
 		replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+');
-	}	
+	}
+	
+/*--
+zim.urlDecode = function(str)
+matches PHP urlencode and urldecode functions
+--*/		
 	zim.urlDecode = function(str) {
 		 return decodeURIComponent((str + '').replace(/\+/g, '%20'));
 	}
 	
 	
-	// set, get, and delete cookies
-	// if no days, it will be a session cookie (while browser is open)
-	
-	zim.setCookie = function(name,value,days) {
+/*--
+zim.setCookie = function(name, value, days)
+sets an HTML cookie
+if no days, it will be a session cookie (while browser is open)
+--*/
+	zim.setCookie = function(name, value, days) {
 		if (days) {
 			var date = new Date();
 			date.setTime(date.getTime()+(days*24*60*60*1000));
@@ -342,8 +386,13 @@ var zim = function(zim) {
 			var expires = "";
 		}
 		document.cookie = name+"="+escape(value)+expires+"; path=/";
+
 	}
 	
+/*--
+zim.getCookie = function(name)
+gets an HTML cookie
+--*/	
 	zim.getCookie = function(name) {
 		var outer = document.cookie.split(/;\s*/);	
 		var cookies = new Array();
@@ -355,6 +404,10 @@ var zim = function(zim) {
 		return unescape(cookies[name]);
 	}
 	
+/*--
+zim.deleteCookie = function(name)
+deletes an HTML cookie
+--*/
 	zim.deleteCookie = function(name) {
 		zim.setCookie(name,"",-1);
 	}	
diff --git a/zimcreate.js b/zimcreate.js
index 9e7cb0e..8ebf378 100644
--- a/zimcreate.js
+++ b/zimcreate.js
@@ -6,43 +6,52 @@
 // available at http://createjs.com
 
 if (typeof zog === "undefined") { // bootstrap zimwrap.js
-	document.write('<script src="http://d309knd7es5f10.cloudfront.net/zimwrap_1.2.js"><\/script>');
-	document.write('<script src="http://d309knd7es5f10.cloudfront.net/zimcreate_1.2.js"><\/script>');
+	document.write('<script src="http://d309knd7es5f10.cloudfront.net/zimwrap_1.3.js"><\/script>');
+	document.write('<script src="http://d309knd7es5f10.cloudfront.net/zimcreate_1.3.js"><\/script>');
 } else {
 
 var zim = function(zim) {
 	
 	if (zon) zog("ZIM CREATE Module");
 
-	
-	zim.drag = function(obj, rect, overCursor, dragCursor, currentTarget, mouseDowns) {
-		
-		// adds drag to an object (rect, overCursor, dragCursor optional, currentTarget optional, mouseDowns optional)
-		// rect is a rectangle object for the bounds of dragging
-		// the two cursor properties are any css cursor value such as "pointer", etc.
-		// currentTarget defaults to false allowing you to drag things within a container
-		// eg. drag(container); will drag any object within a container
-		// setting currentTarget to true will then drag the whole container
-		// dragging takes into account scaled and rotated object containers 	
-		// mouseDowns defaults to false which prevents a swipe from triggering when dragging	
-		
-		obj.cursor = (zot(overCursor))?"pointer":overCursor;
+/*--
+zim.drag = function(obj, rect, overCursor, dragCursor, currentTarget, mouseDowns, localBounds)
+adds drag and drop to an object 
+handles scaled, rotated nested objects
+rect is a rectangle object for the bounds of dragging
+this rectangle is relative to the stage (global)
+if a rectangle relative to the object's parent is desired then set the localBounds parameter to true
+after the rect comes two cursor properties which are any css cursor value such as "pointer", etc.
+currentTarget defaults to false allowing you to drag things within a container
+eg. drag(container); will drag any object within a container
+setting currentTarget to true will then drag the whole container	
+mouseDowns defaults to false which prevents a swipe from triggering when dragging
+localBounds defaults to false which means the rect is global - set to true for a rect in the object parent frame	
+returns obj for chaining
+--*/	
+	zim.drag = function(obj, rect, overCursor, dragCursor, currentTarget, mouseDowns, localBounds) {
+		if (zot(obj) || !obj.on) return;
+		obj.cursor = (zot(overCursor)) ? "pointer" : overCursor;
+		if (zot(rect)) localBounds = false;
 		if (zot(currentTarget)) currentTarget = false;		
 		if (zot(mouseDowns)) mouseDowns = false;
+		if (zot(localBounds)) localBounds = false;
 		
 		var diffX; var diffY; var point;		
 		obj.zimAdded = obj.on("added", initializeObject, null, true); // if not added to display list
-		if (obj.parent) {
-			initializeObject();
-		}
+		if (obj.parent) initializeObject();
 		
 		function initializeObject() {
 			// check position right away if there is a bounding box
 			// there is no mousedown so set the diffX and diffY to 0		
-			diffX = 0;diffY = 0;
+			diffX = 0; diffY = 0;
 			// positionObject() is used as well in the dragmove function	
 			// where it expects a global x and y
 			// so convert obj.x and obj.y positions inside its parent to global:
+			if (localBounds) {
+				// convert to global
+				rect = zim.boundsToGlobal(obj.parent, rect);
+			}
 			point = obj.parent.localToGlobal(obj.x, obj.y);
 			positionObject(obj, point.x, point.y);		
 		}
@@ -70,7 +79,8 @@ var zim = function(zim) {
 			// checkBounds returns the same values if there are no bounds
 			// and always returns values inside the bounds if there are bounds set
 			// firstly, convert the global x and y to a point relative to the object's parent
-			if (!obj.parent) return;
+			if (!o.parent) return;
+			if (!o.getStage()) return;
 			var point = o.parent.globalToLocal(x, y);
 			var checkedPoint = checkBounds(point.x-diffX, point.y-diffY);			
 			// now set the object's x and y to the resulting checked local point
@@ -82,9 +92,8 @@ var zim = function(zim) {
 		obj.zimUp = obj.on("pressup", function(e) { 
 			obj.cursor = (zot(overCursor))?"pointer":overCursor;
 		}, true);
-				
-				
-		function checkBounds(x,y) {							
+					
+		function checkBounds(x, y) {							
 		
 			if (rect) {					
 				// convert the desired drag position to a global point
@@ -105,44 +114,63 @@ var zim = function(zim) {
 			
 			return {x:x,y:y}				
 		}
+		
+		return obj;
 	}
 			
-
+/*--
+zim.noDrag = function(obj)
+removes drag function from an object
+this is not a stopDrag function (as in the drop of a drag and drop)
+that happens automatically with the drag() function
+this in a sense, turns off a drag function so it is no longer draggable
+returns obj for chaining
+--*/
 	zim.noDrag = function(obj) {
-		// removes drag function from an object
+		if (zot(obj) || !obj.on) return;	
 		obj.cursor = "default";
 		obj.off("added", obj.zimAdded);
 		obj.off("mousedown", obj.zimDown);
 		obj.off("pressmove", obj.zimMove);
-		obj.off("pressup", obj.zimUp);	
+		obj.off("pressup", obj.zimUp);
+		return obj;	
 	}
 
-	zim.hitTestPoint = function(obj,x,y) {
-		// see if shape (obj) is hitting the global point x and y on the stage
+/*--
+zim.hitTestPoint = function(obj, x, y)
+see if shape (obj) is hitting the global point x and y on the stage
+--*/
+	zim.hitTestPoint = function(obj, x, y) {
+		if (zot(obj) || !obj.globalToLocal) return;
 		var point = obj.globalToLocal(x,y);
 		return obj.hitTest(point.x, point.y);
 	}
-	
-	zim.hitTestReg = function(a,b) {	
-		// see if shape (a) is hitting the registration point of object b	
+
+/*--
+zim.hitTestReg = function(a, b)
+see if shape (a) is hitting the registration point of object (b)
+--*/	
+	zim.hitTestReg = function(a, b) {
+		if (zot(a) || zot(b) || !a.localToLocal || !b.localToLocal) return;	
 		var point = b.localToLocal(b.regX,b.regY,a);
 		return a.hitTest(point.x, point.y);
 	}
 
-
-	zim.hitTestRect = function(a,b,num) {
-		// see if a shape (a) is hitting points on a rectangle
-		// the rectangle is based on the position, registration and bounds of object b
-		// the four corners are the default with num=0;
-		// if num is 1 then it tests for one extra (mid) point on each side
-		// if num is 2 then it tests for two extra points on each side (1/3 and 2/3)
-		// etc.
-		
+/*--
+zim.hitTestRect = function(a, b, num)
+see if a shape (a) is hitting points on a rectangle
+the rectangle is based on the position, registration and bounds of object (b)
+the four corners are the default with num=0;
+if num is 1 then it tests for one extra (mid) point on each side
+if num is 2 then it tests for two extra points on each side (1/3 and 2/3)
+etc.
+--*/
+	zim.hitTestRect = function(a, b, num) {
+		if (zot(a) || zot(b) || !a.hitTest || !b.getBounds) return;
 		if (zot(num)) num = 0;
-			
 		var bounds = b.getBounds();
 		if (!bounds) {
-			zog("zimcreate.js hitTestRect():\n please setBounds() on param b object");
+			zog("zim create - hitTestRect():\n please setBounds() on param b object");
 			return;
 		}
 		
@@ -166,17 +194,19 @@ var zim = function(zim) {
 			if (a.hitTest(point.x, point.y)) return true;
 		}
 	}
-	
-	zim.hitTestCircle = function(a,b,num) {
-		// see if a shape (a) is hitting points on a circle
-		// the circle is based on the position, registration and bounds of object b
-		// num is how many points around the circle we test - default is 8
-		
-		if (zot(num)) num = 8;
-		
+
+/*--
+zim.hitTestCircle = function(a, b, num)
+see if a shape (a) is hitting points on a circle
+the circle is based on the position, registration and bounds of object (b)
+num is how many points around the circle we test - default is 8
+--*/	
+	zim.hitTestCircle = function(a, b, num) {
+		if (zot(a) || zot(b) || !a.hitTest || !b.getBounds) return;
+		if (zot(num)) num = 8;		
 		var bounds = b.getBounds();
 		if (!bounds) {
-			zog("zimcreate.js hitTestCircle():\n please setBounds() on param b object");
+			zog("zim create - hitTestCircle():\n please setBounds() on param b object");
 			return;
 		}
 		
@@ -193,18 +223,21 @@ var zim = function(zim) {
 		}
 		
 	}
-	
-	zim.hitTestBounds = function(a,b,boundsShape) {
-		// see if the a.getBounds() is hitting the b.getBounds()
-		// we draw bounds for demonstration if you pass in a boundsShape shape
-		
+
+/*--
+zim.hitTestBounds = function(a, b, boundsShape)
+see if the a.getBounds() is hitting the b.getBounds()
+we draw bounds for demonstration if you pass in a boundsShape shape
+--*/	
+	zim.hitTestBounds = function(a, b, boundsShape) {
+		if (zot(a) || zot(b) || !a.getBounds || !b.getBounds) return;
 		var boundsCheck = false;
 		if (boundsShape && boundsShape.graphics) boundsCheck=true;
 				
 		var aB = a.getBounds();
 		var bB = b.getBounds();
 		if (!aB || !bB) {
-			zog("zimcreate.js hitTestBounds():\n please setBounds() on both objects");
+			zog("zim create - hitTestBounds():\n please setBounds() on both objects");
 			return;
 		}
 		
@@ -233,20 +266,27 @@ var zim = function(zim) {
 		}
 	}
 
-
-	zim.boundsToGlobal = function(o) {
-		// returns a rectangle of the bounds projected onto the stage
-		// used by the hitTestBounds above so probably you will not use this directly		
-		var oB = o.getBounds();
-		if (!oB) {
-			zog("zimcreate.js boundsToGlobal():\n please setBounds() on both objects");
+/*--
+zim.boundsToGlobal = function(obj, rectangle)
+returns a rectangle of the bounds of object projected onto the stage
+if a rectangle is passed in then it converts this rectangle 
+from within the frame of the obj to a global rectangle
+used by the hitTestBounds above so probably you will not use this directly
+--*/
+	zim.boundsToGlobal = function(obj, rectangle) {
+		
+		if (zot(obj) || !obj.getBounds) return;
+		var oB = obj.getBounds();
+		if (!oB && zot(rectangle)) {
+			zog("zim create - boundsToGlobal():\n please setBounds() on object (or a rectangle)");
 			return;
 		}
+		if (rectangle) oB = rectangle;
 		
-		var pTL = o.localToGlobal(oB.x, oB.y);
-		var pTR = o.localToGlobal(oB.x+oB.width, oB.y);
-		var pBR = o.localToGlobal(oB.x+oB.width, oB.y+oB.height);		
-		var pBL = o.localToGlobal(oB.x, oB.y+oB.height);
+		var pTL = obj.localToGlobal(oB.x, oB.y);
+		var pTR = obj.localToGlobal(oB.x+oB.width, oB.y);
+		var pBR = obj.localToGlobal(oB.x+oB.width, oB.y+oB.height);		
+		var pBL = obj.localToGlobal(oB.x, oB.y+oB.height);
 		
 		// handle rotation
 		var newTLX = Math.min(pTL.x,pTR.x,pBR.x,pBL.x);
@@ -261,34 +301,72 @@ var zim = function(zim) {
 			newBRY-newTLY
 		);	
 	}
-	
-	zim.scale = function(o, s) {
-		// convenience function to do scaleX and scaleY in one call
-		// pass in the object to scale followed by the scale
-		if (zot(o)) return;	
-		if (zot(s)) s=1;
-		o.scaleX = o.scaleY = s;	
+
+/*--
+zim.scale = function(obj, scale)
+convenience function to do scaleX and scaleY in one call
+pass in the object to scale followed by the scale
+returns the object for chaining
+--*/	
+	zim.scale = function(obj, scale) {
+		if (zot(obj) || !obj.scaleX) return;	
+		if (zot(scale)) scale=1;
+		obj.scaleX = obj.scaleY = scale;
+		return obj; 
 	}
-	
 
-	zim.move = function(target, x, y, t, ease) {		
-		// convenience function (wraps createjs.Tween)
-		// to animate an object target to position x, y in t miliseconds
-		// with ease (optional)
+/*--
+zim.scaleTo = function(obj, boundObj, maxPercentX, maxPercentY)
+scales object to a percentage of another object's bounds
+percentage is from 0 - 100 (not 0-1)
+for example, button is 10% the width of the stage
+if both x and y percents are added it will take the smallest scaling
+returns the object for chaining
+--*/	
+	zim.scaleTo = function(obj, boundObj, maxPercentX, maxPercentY) {
+		if (zot(obj) || !obj.getBounds || !obj.getBounds()) {zog ("zim create - scaleTo(): please provide an object (with setBounds) to scale"); return;}
+		if (zot(boundObj) || !boundObj.getBounds || !boundObj.getBounds()) {zog ("zim create - scaleTo(): please provide a boundObject (with setBounds) to scale to"); return;}
+		if (zot(maxPercentX)) maxPercentX = 100;
+		if (zot(maxPercentY)) maxPercentY = 100;
+		var w = boundObj.getBounds().width * maxPercentX / 100;
+		var h = boundObj.getBounds().height * maxPercentY / 100;
+		var scale = Math.min(w/obj.getBounds().width, h/obj.getBounds().height);
+		zim.scale(obj, scale);
+		return obj;
+	}
+	
+/*--
+zim.move = function(target, x, y, t, ease, callBack, params, wait)
+convenience function (wraps createjs.Tween)
+to animate an object target to position x, y in t milliseconds
+with optional ease and a callBack function and params (send an array, for instance)
+returns target for chaining
+--*/
+	zim.move = function(target, x, y, t, ease, callBack, params, wait) {		
+		if (zot(target)) return;
 		if (zot(ease)) ease = "quadInOut";
+		if (zot(wait)) wait = 0;
 		createjs.Tween.get(target, {override: true})
+			.wait(wait)
 			.to({x:x, y:y}, t, createjs.Ease[ease])				
 			.call(doneAnimating);
 		var listener = createjs.Ticker.on("tick", stage);	
 		function doneAnimating() {
+			if (callBack && typeof callBack === 'function') {(callBack)(params);}
 			createjs.Ticker.off("tick", listener);
 		}		
+		return target;
 	}		
-	
+
+/*--
+zim.animate = function(target, obj, t, ease, callBack, params, wait)
+convenience function (wraps createjs.Tween)
+to animate object o properties in t milliseconds
+with optional ease and a callBack function and params (send an array, for instance)
+returns target for chaining
+--*/	
 	zim.animate = function(target, obj, t, ease, callBack, params, wait) {		
-		// convenience function (wraps createjs.Tween)
-		// to animate object o properties in t miliseconds
-		// with optional ease and a callBack function and params (send an array, for instance)
+		if (zot(target) || !target.on || zot(obj)) return;
 		if (zot(ease)) ease = "quadInOut";
 		if (zot(wait)) wait = 0;
 		createjs.Tween.get(target)
@@ -297,32 +375,37 @@ var zim = function(zim) {
 			.call(doneAnimating);
 		var listener = createjs.Ticker.on("tick", stage);	
 		function doneAnimating() {
-			if (callBack) {(callBack)(params);}
+			if (callBack && typeof callBack === 'function') {(callBack)(params);}
 			createjs.Ticker.off("tick", listener);
-		}		
+		}	
+		return target;	
 	}	
-	
+
+/*--
+zim.fit = function(obj, left, top, width, height, inside)
+scale an object to fit inside (or outside) a rectangle and center it
+actually scales and positions the object
+object must have bounds set (setBounds())
+if only the object is passed in then if fits to the stage
+the inside parameter defaults to true and fits the object inside the bounds
+if inside is false then it fits the object around the bounds
+in both cases the object is centered
+returns an object with the new and old details:
+{x:obj.x, y:obj.y, width:newW, height:newH, scale:scale, bX:left, bY:top, bWidth:width, bHeight:height}
+--*/	
 	zim.fit = function(obj, left, top, width, height, inside) {
-		// scale an object to fit inside (or outside) a rectangle and center it
-		// actually scales and positions the object
-		// object must have bounds set (setBounds())
-		// if only the object is passed in then if fits to the stage
-		// the inside parameter defaults to true and fits the object inside the bounds
-		// if inside is false then it fits the object around the bounds
-		// in both cases the object is centered
-		// returns an object with the new {x:obj.x, y:obj.y, width:newW, height:newH, scale:scale}
-		if (zot(obj)) return;
+		if (zot(obj) || !obj.getBounds) return;
 		if (!obj.getBounds()) {
-			zog("zimcreate.js fit(): please setBounds() on object");
+			zog("zim create - fit(): please setBounds() on object");
 			return;
 		}				
 		if (zot(left)) {
 			if (!obj.getStage()) {
-				zog("zimcreate.js fit(): please add boundary dimensions or add obj to stage first");
+				zog("zim create - fit(): please add boundary dimensions or add obj to stage first");
 				return;
 			}	
 			if (!obj.getStage().getBounds()) {
-				zog("zimcreate.js fit(): please add boundary dimensions or add obj with bounds to stage first");
+				zog("zim create - fit(): please add boundary dimensions or add obj with bounds to stage first");
 				return;
 			}			
 			var stageW = obj.getStage().getBounds().width;
@@ -365,18 +448,24 @@ var zim = function(zim) {
 		// vertical center
 		obj.y = top + (h-newH)/2;	
 		
-		return {x:obj.x, y:obj.y, width:newW, height:newH, scale:scale};	
+		return {x:obj.x, y:obj.y, width:newW, height:newH, scale:scale, bX:left, bY:top, bWidth:width, bHeight:height};	
 							
 	}	
-	
+
+/*--
+zim.outline = function(obj, color, size)
+for testing purposes
+draws a rectangle around the bounds of obj (adds rectangle to the objects parent)
+draws a cross at the origin of the object (0,0) where content will be placed
+draws a circle at the registration point of the object (where it will be placed in its container)
+these three things could be in completely different places ;-)
+returns the shape if you want to remove it: obj.parent.removeChild(returnedShape);
+will not be resized - really just to use while building and then comment it out or delete it
+--*/	
 	zim.outline = function(obj, color, size) {
-		// draws a rectangle around the bounds of obj in the provided shape
-		// draws a cross at the origin of the object (0,0) where content will be placed
-		// draws a circle at the registration point of the object (where it will be placed in its container)
-		// these three things could be in completely different places ;-)
-		if (zot(obj)) {zog("zimcreate.js outline(): please provide object and shape"); return;}		
-		if (!obj.getBounds()) {zog("zimcreate.js outline(): please setBounds() on object");	return;}
-		if (!obj.parent) {zog("zimcreate.js outline(): object should be on stage first"); return;}
+		if (zot(obj) || !obj.getBounds) {zog("zim create - outline(): please provide object and shape"); return;}		
+		if (!obj.getBounds()) {zog("zim create - outline(): please setBounds() on object");	return;}
+		if (!obj.parent) {zog("zim create - outline(): object should be on stage first"); return;}
 		if (zot(color)) color = "brown";
 		if (zot(size)) size = 2;
 		var oB = obj.getBounds();
@@ -409,7 +498,8 @@ var zim = function(zim) {
 		g.s(color).ss(size).dc(obj.x,obj.y,s+6);
 		
 		obj.parent.addChild(shape);		
-		if (obj.getStage()) obj.getStage().update();		
+		if (obj.getStage()) obj.getStage().update();
+		return obj;		
 	}
 	
 
diff --git a/zimpages.js b/zimpages.js
index d2e7dcb..5c94235 100644
--- a/zimpages.js
+++ b/zimpages.js
@@ -3,102 +3,52 @@
 // free to use - donations welcome of course! http://zimjs.com/donate
 // classes in this module require createjs namespace to exist and in particular easel.js
 // available at http://createjs.com
-// (borrows zim.arraysEqual (zimcode), zim.animate and zim.fit (zimcreate))
+// (borrows zim.arraysEqual (ZIM code), zim.animate and zim.fit (ZIM create))
 
 if (typeof zog === "undefined") { // bootstrap zimwrap.js
-	document.write('<script src="http://d309knd7es5f10.cloudfront.net/zimwrap_1.2.js"><\/script>');
-	document.write('<script src="http://d309knd7es5f10.cloudfront.net/zimpages_1.2.js"><\/script>');
+	document.write('<script src="http://d309knd7es5f10.cloudfront.net/zimwrap_1.3.js"><\/script>');
+	document.write('<script src="http://d309knd7es5f10.cloudfront.net/zimpages_1.3.js"><\/script>');
 } else {
 
 var zim = function(zim) {
 	
 	if (zon) zog("ZIM PAGES Module");	
 	
-	// Swipe class
-	
-	// extends a createjs.EventDispatcher so it can dispatch events
-	// sets up capturing swipes on objects
-	// dispatches a "swipe" event on swipe left, right, up, down
-	// var s = zim.Swipe(parameters) 	
-		
-	// PARAMETERS
-	// pass into the object the object you want to swipe on
-	// then an optional distance to activate swipe (100 pixel default)
-	// and an optional time to travel that distance (200 ms default)
-			
-	// PROPERTIES
-	// direction - the direction of the last swipe (left, right, up, down or none)
-	// obj - the object that was last swiped
-	
-	// EVENTS
-	// dispatches a "swipe"	event on every pressup (even if swipe failed and direction is none)
-	// when a swipe event triggers
-	// the Swipe object provides a direction property of "left", "right", "up", or "down"
-	// the Swipe object provides an obj property of what object was swiped on
-	// for instance if e is the event object
-	// then e.target is the Swipe object so use e.target.direction
-	// did not dispatch a custom event due to lack of support in early IE
-	// Swipe also dispatches a direction of "none" if the mouse movement is not a swipe
-	// this can be used to snap back to an original location		
+/*-- // borrowed from ZIM Code
+zim.arraysEqual = function(a, b, strict)
+slightly modified Evan Steinkerchnerv & Tomas Zato
+finds out if arrays are same (including nested arrays)
+works for arrays with strings and numbers (not necessarily other objects)
+strict defaults to true - if false, order in arrays does not matter
+--*/	
+	zim.arraysEqual = function(a, b, strict) {
+		if (zot(a) || zot(b)) return false;
+		if (zot(strict)) strict = true; // must be the same order	
+		if (a.length != b.length) return false;		
 	
-	zim.Swipe = function(obj, distance, duration) {
-		function makeSwipe() {
-			if (zot(obj)) {zog("zimcreate.js Swipe():\nPlease pass in object"); return;}
-			if (zot(distance)) distance = 100; // pixels for swipe to count
-			if (zot(duration)) duration = 200; // ms to test pixels
-			
-			var startX;
-			var startY;	
-			var mouseX;
-			var mouseY;
-			var downCheck;
-			var timer;
-			var that = this;	
-			
-			obj.on("mousedown", function(e) {
-				that.obj = e.target; 
-				startX = e.stageX;
-				startY = e.stageY;
-				downCheck = true;	
-				clearTimeout(timer);			
-				timer = setTimeout(function() {
-					if (downCheck) {
-						// may as well use 45 degrees rather than figure for aspect ratio
-						if (Math.abs(mouseX - startX) > Math.abs(mouseY - startY)) {
-							if (mouseX - startX > distance) {that.direction="right"; that.dispatchEvent("swipe"); downCheck=false;}	
-							if (startX - mouseX > distance) {that.direction="left"; that.dispatchEvent("swipe"); downCheck=false;}
-						} else {
-							if (mouseY - startY > distance) {that.direction="down"; that.dispatchEvent("swipe"); downCheck=false;}
-							if (startY - mouseY > distance) {that.direction="up"; that.dispatchEvent("swipe"); downCheck=false;}
-						}
-					}				
-				}, duration);
-				obj.on("pressmove", function(e) {
-					mouseX = e.stageX;
-					mouseY = e.stageY;
-				});
-				obj.on("pressup", function(e) {
-					if (downCheck) {
-						that.direction="none"; that.dispatchEvent("swipe");
-					}
-					downCheck = false;
-					clearTimeout(timer);	
-				});				
-			});			
+		for (var i = 0; i < a.length; i++) {
+			if (a[i] instanceof Array && b[i] instanceof Array) {
+				if (!zim.arraysEqual(a[i], b[i], strict))	return false;
+			}
+			else if (strict && a[i] != b[i]) {
+				return false;
+			}
+			else if (!strict) {
+				return zim.arraysEqual(a.sort(), b.sort(), true);
+			}
 		}
-		// note the actual class is wrapped in a function
-		// because createjs might not have existed at load time	
-		makeSwipe.prototype = new createjs.EventDispatcher();
-		makeSwipe.prototype.constructor = zim.Swipe;	
-		return new makeSwipe();
-	}
-		
+		return true;
+	}	
 	
-	// borrowed from zimcreate.js	
+	/*-- // borrowed from ZIM Create
+zim.animate = function(target, obj, t, ease, callBack, params, wait)
+convenience function (wraps createjs.Tween)
+to animate object o properties in t milliseconds
+with optional ease and a callBack function and params (send an array, for instance)
+returns target for chaining
+--*/	
 	zim.animate = function(target, obj, t, ease, callBack, params, wait) {		
-		// convenience function (wraps createjs.Tween)
-		// to animate object o properties in t miliseconds
-		// with optional ease and a callBack function and params (send an array, for instance)
+		if (zot(target) || !target.on || zot(obj)) return;
 		if (zot(ease)) ease = "quadInOut";
 		if (zot(wait)) wait = 0;
 		createjs.Tween.get(target)
@@ -107,33 +57,37 @@ var zim = function(zim) {
 			.call(doneAnimating);
 		var listener = createjs.Ticker.on("tick", stage);	
 		function doneAnimating() {
-			if (callBack) {(callBack)(params);}
+			if (callBack && typeof callBack === 'function') {(callBack)(params);}
 			createjs.Ticker.off("tick", listener);
-		}		
+		}	
+		return target;	
 	}	
-	
-	// borrowed from zimcreate.js
+
+/*-- // borrowed from ZIM Create
+zim.fit = function(obj, left, top, width, height, inside)
+scale an object to fit inside (or outside) a rectangle and center it
+actually scales and positions the object
+object must have bounds set (setBounds())
+if only the object is passed in then if fits to the stage
+the inside parameter defaults to true and fits the object inside the bounds
+if inside is false then it fits the object around the bounds
+in both cases the object is centered
+returns an object with the new and old details:
+{x:obj.x, y:obj.y, width:newW, height:newH, scale:scale, bX:left, bY:top, bWidth:width, bHeight:height}
+--*/	
 	zim.fit = function(obj, left, top, width, height, inside) {
-		// scale an object to fit inside (or outside) a rectangle and center it
-		// actually scales and positions the object
-		// object must have bounds set (setBounds())
-		// if only the object is passed in then if fits to the stage
-		// the inside parameter defaults to true and fits the object inside the bounds
-		// if inside is false then it fits the object around the bounds
-		// in both cases the object is centered
-		// returns an object with the new {x:obj.x, y:obj.y, width:newW, height:newH, scale:scale}
-		if (zot(obj)) return;
+		if (zot(obj) || !obj.getBounds) return;
 		if (!obj.getBounds()) {
-			zog("zimcreate.js fit(): please setBounds() on object");
+			zog("zim create - fit(): please setBounds() on object");
 			return;
 		}				
 		if (zot(left)) {
 			if (!obj.getStage()) {
-				zog("zimcreate.js fit(): please add boundary dimensions or add obj to stage first");
+				zog("zim create - fit(): please add boundary dimensions or add obj to stage first");
 				return;
 			}	
 			if (!obj.getStage().getBounds()) {
-				zog("zimcreate.js fit(): please add boundary dimensions or add obj with bounds to stage first");
+				zog("zim create - fit(): please add boundary dimensions or add obj with bounds to stage first");
 				return;
 			}			
 			var stageW = obj.getStage().getBounds().width;
@@ -176,107 +130,189 @@ var zim = function(zim) {
 		// vertical center
 		obj.y = top + (h-newH)/2;	
 		
-		return {x:obj.x, y:obj.y, width:newW, height:newH, scale:scale};	
+		return {x:obj.x, y:obj.y, width:newW, height:newH, scale:scale, bX:left, bY:top, bWidth:width, bHeight:height};	
 							
 	}	
 	
-	// borrowed from zimcode.js
-	zim.arraysEqual = function(a, b, strict) {
-		if (zot(a) || zot(b)) return false;
-		if (zot(strict)) strict = true; // must be the same order	
-		if (a.length != b.length) return false;		
+
+/*--
+zim.Swipe = function(obj, distance, duration)
+
+Swipe class
+
+extends a createjs.EventDispatcher so it can dispatch events
+sets up capturing swipes on objects
+dispatches a "swipe" event on swipe left, right, up, down
+var s = zim.Swipe(parameters) 	
+
+PARAMETERS
+pass into the object the object you want to swipe on
+then an optional distance to activate swipe (100 pixel default)
+and an optional time to travel that distance (200 ms default)
 	
-		for (var i = 0; i < a.length; i++) {
-			if (a[i] instanceof Array && b[i] instanceof Array) {
-				if (!zim.arraysEqual(a[i], b[i], strict))	return false;
-			}
-			else if (strict && a[i] != b[i]) {
-				return false;
-			}
-			else if (!strict) {
-				return zim.arraysEqual(a.sort(), b.sort(), true);
+PROPERTIES
+direction - the direction of the last swipe (left, right, up, down or none)
+obj - the object that was last swiped
+active - Boolean true for dispatching swipes and false for not
+
+METHODS
+enable() - set swipe to active (by default it is)
+disable() - set swipe to inactive (sets active to false and does not dispatch)
+
+EVENTS
+dispatches a "swipe"	event on every pressup (even if swipe failed and direction is none)
+when a swipe event triggers
+the Swipe object provides a direction property of "left", "right", "up", or "down"
+the Swipe object provides an obj property of what object was swiped on
+for instance if e is the event object
+then e.target is the Swipe object so use e.target.direction
+did not dispatch a custom event due to lack of support in early IE
+Swipe also dispatches a direction of "none" if the mouse movement is not a swipe
+this can be used to snap back to an original location		
+--*/	
+	zim.Swipe = function(obj, distance, duration) {
+		function makeSwipe() {
+			if (zot(obj) || !obj.on) {zog("zim pages - Swipe():\nPlease pass in object"); return;}
+			if (zot(distance)) distance = 100; // pixels for swipe to count
+			if (zot(duration)) duration = 200; // ms to test pixels
+			
+			this.active = true;
+			
+			var startX;
+			var startY;	
+			var mouseX;
+			var mouseY;
+			var downCheck;
+			var timer;
+			var that = this;	
+			
+			obj.on("mousedown", function(e) {
+				if (!that.active) return;
+				that.obj = e.target; 
+				startX = e.stageX;
+				startY = e.stageY;
+				downCheck = true;	
+				clearTimeout(timer);			
+				timer = setTimeout(function() {
+					if (downCheck) {
+						// may as well use 45 degrees rather than figure for aspect ratio
+						if (Math.abs(mouseX - startX) > Math.abs(mouseY - startY)) {
+							if (mouseX - startX > distance) {that.direction="right"; that.dispatchEvent("swipe"); downCheck=false;}	
+							if (startX - mouseX > distance) {that.direction="left"; that.dispatchEvent("swipe"); downCheck=false;}
+						} else {
+							if (mouseY - startY > distance) {that.direction="down"; that.dispatchEvent("swipe"); downCheck=false;}
+							if (startY - mouseY > distance) {that.direction="up"; that.dispatchEvent("swipe"); downCheck=false;}
+						}
+					}				
+				}, duration);
+				obj.on("pressmove", function(e) {
+					mouseX = e.stageX;
+					mouseY = e.stageY;
+				});
+				obj.on("pressup", function(e) {
+					if (downCheck) {
+						that.direction="none"; that.dispatchEvent("swipe");
+					}
+					downCheck = false;
+					clearTimeout(timer);	
+				});				
+			});		
+			
+			this.disable = function() {
+				that.active = false;
 			}
-		}
-		return true;
-	}	
-		
-	
-	// Pages Class
 			
-	// Pages extends the createjs Container - so you stage.addChild(myPages)				
-	// handles going between pages
-	// make a var myPages = new zim.Pages() object 
-	// all your pages from then on are added to and manipulated inside the Pages object
-	// Pages allows you to set the destination pages for swipe events
-	// other events like buttons can call the go(page, direction) method
-	// consider using zim.HotSpots() to efficiently handle multiple buttons
-	
-	// PARAMETERS
-	// pass in the holder object (ie. stage) so we can set various transition animation parameters
-	// pass in an array of page objects - for example:	
-	// [{page:home, swipe:[null,"info",hide,find]},{page:hide, swipe:[null,null,null,home]}]
-	// the pages should be containers - it helps to give them each a name property
-	// the optional swipe array holds mappings to swipe events ["right", "left", "down", "up"]
-	// in otherwords, these could be pages to the left, right, top and bottom of the current page
-	// or they can call commands as strings
-	// pass in the type of transition "reveal", "slide", "fade", "black", "white" or the default: "none"
-	// and a speed in miliseconds
-	// finally an optional transitionTable (read the property below for format)
-
-	// METHODS
-	// addPage() - lets you alternatively add pages after you create the object
-	// removePage() - lets you remove a page (if on this page, call a go() first and remove on the page event)
-	// setSwipe() - lets you set the swipe array for a page
-	// go(newPage, direction, trans, ms) - lets you go to a page for events other than swipe events	
-	// trans and ms are optional and will override any previously set transitions (speed in ms)
-	// pause() - pauses a transition before it starts (call from swipe event)
-	// unpause() - unpauses a paused transition (unless another go() command is called)
-	// puff(time) - adds all the pages behind the currentPage (time (ms) auto calls settle)
-	// settle() - removes all pages except the currentPage
-	// disable() - stops swipe from activating and sets active = false
-	// enable() - enables swipe action and sets active = true
-	// dispose() - clears your listeners and pages
-		
-	// PROPERTIES
-	// speed - of transitions in ms
-	// transitionTable - [[fromPage, toPage, "transiton", ms(optional)], etc.] overrides default transition
-	// page - the current page object (read)
-	// lastPage - the last page before transition (read)
-	// direction - direction of transition (read)
-	// active - default true, boolean to have swipes active (good for layered Pages objects)
-
-	// EVENTS
-	// for the data above, swiping the home page down automatically goes to the hide page
-	// if the home page is swiped up it automatically goes to the find page	
-	// Pages dispatches a "swipe" event before changing pages if swiped
-	// you can then get pages.page, pages.nextPage and pages.direction
-	// you can pause() if needed the transition to handle data, etc. and then unpause() 
-	// you do not need to handle going to another page when swiping - that is handled automatically
-	// so you probably will not use the swipe event unless handling data between pages
-	// Pages dispatches a "page" event when you pass in a page object in the swipe array
-	// myPages.on("page",function(e){...})
-	// with myPages.page being set to the new page (e.target.page)
-	// and myPages.oldPage being set to the old page (e.target.page)
-	// myPages.direction gets the direction of the transition (e.target.direction)
-	// if there is a string in the swipe array like "info"
-	// then the zim.Pages() object dispatches an event equivalant to the string
-	// for the data example above, myPages.on("info",function(e){...});
-	// would trigger when the home page is swiped to the left
-	// Pages also dispatches a "pageTransitioned" event when a transition is complete
-	// you will have the same properties available as with the page event
+			this.enable = function() {
+				that.active = true;
+			}	
+		}
+		// note the actual class is wrapped in a function
+		// because createjs might not have existed at load time	
+		makeSwipe.prototype = new createjs.EventDispatcher();
+		makeSwipe.prototype.constructor = zim.Swipe;	
+		return new makeSwipe();
+	}
 		
-	// the first page object is the start page
-	// you can add pages with the addPage() method 
-	// it will not show until you swipe or go to it - unless it was the first page added
-	// once again - do not add the pages to the stage yourself - let Pages do it for you
-	// just add the pages object to the stage.  Pages is designed for full stage
-	// if you want pages within a smaller area - consider using two canvas tags
 	
+/*--
+zim.Pages = function(holder, pages, transition, speed, transitionTable)
+
+Pages Class
+
+Pages extends the createjs Container - so you stage.addChild(myPages)				
+handles going between pages
+make a var myPages = new zim.Pages() object 
+all your pages from then on are added to and manipulated inside the Pages object
+Pages allows you to set the destination pages for swipe events
+other events like buttons can call the go(page, direction) method
+consider using zim.HotSpots() to efficiently handle multiple buttons
+
+PARAMETERS
+pass in the holder object (ie. stage) so we can set various transition animation parameters
+pass in an array of page objects - for example:	
+[{page:home, swipe:[null,"info",hide,find]},{page:hide, swipe:[null,null,null,home]}]
+the pages should be containers - it helps to give them each a name property
+the optional swipe array holds mappings to swipe events ["right", "left", "down", "up"]
+in other words, these could be pages to the left, right, top and bottom of the current page
+or they can call commands as strings
+pass in the type of transition "reveal", "slide", "fade", "black", "white" or the default: "none"
+and a speed in milliseconds
+finally an optional transitionTable (read the property below for format)
+
+METHODS
+addPage() - lets you alternatively add pages after you create the object
+removePage() - lets you remove a page (if on this page, call a go() first and remove on the page event)
+setSwipe() - lets you set the swipe array for a page
+go(newPage, direction, trans, ms) - lets you go to a page for events other than swipe events	
+trans and ms are optional and will override any previously set transitions (speed in ms)
+pause() - pauses a transition before it starts (call from swipe event)
+unpause() - unpauses a paused transition (unless another go() command is called)
+puff(time) - adds all the pages behind the currentPage (time (ms) auto calls settle)
+settle() - removes all pages except the currentPage
+disable() - stops swipe from activating and sets active = false
+enable() - enables swipe action and sets active = true
+dispose() - clears your listeners and pages
+
+PROPERTIES
+speed - of transitions in ms
+transitionTable - [[fromPage, toPage, "transition", ms(optional)], etc.] overrides default transition
+page - the current page object (read)
+lastPage - the last page before transition (read)
+direction - direction of transition (read)
+active - default true, boolean to have swipes active (good for layered Pages objects)
+
+EVENTS
+for the data above, swiping the home page down automatically goes to the hide page
+if the home page is swiped up it automatically goes to the find page	
+Pages dispatches a "swipe" event before changing pages if swiped
+you can then get pages.page, pages.nextPage and pages.direction
+you can pause() if needed the transition to handle data, etc. and then unpause() 
+you do not need to handle going to another page when swiping - that is handled automatically
+so you probably will not use the swipe event unless handling data between pages
+Pages dispatches a "page" event when you pass in a page object in the swipe array
+myPages.on("page",function(e){...})
+with myPages.page being set to the new page (e.target.page)
+and myPages.oldPage being set to the old page (e.target.page)
+myPages.direction gets the direction of the transition (e.target.direction)
+if there is a string in the swipe array like "info"
+then the zim.Pages() object dispatches an event equivalent to the string
+for the data example above, myPages.on("info",function(e){...});
+would trigger when the home page is swiped to the left
+Pages also dispatches a "pageTransitioned" event when a transition is complete
+you will have the same properties available as with the page event
+
+the first page object is the start page
+you can add pages with the addPage() method 
+it will not show until you swipe or go to it - unless it was the first page added
+once again - do not add the pages to the stage yourself - let Pages do it for you
+just add the pages object to the stage.  Pages is designed for full stage
+if you want pages within a smaller area - consider using two canvas tags
+--*/	
 	zim.Pages = function(holder, pages, transition, speed, transitionTable) {
 		
 		function makePages() {
 		
-			if (!holder.getBounds()) {zog("zimbuild.js Pages():\nobject must have bounds set"); return;}
+			if (zot(holder) || !holder.getBounds || !holder.getBounds()) {zog("zim pages - Pages():\nobject must have bounds set"); return;}
 			if (zot(pages)) pages = []; // can add pages with addPages
 			if (zot(transition)) transition = "none";
 			if (zot(speed)) speed = 200;			
@@ -369,16 +405,14 @@ var zim = function(zim) {
 				var data = {page:page, swipe:swipeArray};
 				data.page.zimSwipeArray = (data.swipe) ? data.swipe : [];				
 			}
-					
-			
+				
 			this.pause = function() {
 				paused = true;				
 			}			
 			this.unpause = function() {
 				if (paused) that.go(pauseInfo[0], pauseInfo[1], pauseInfo[2], pauseInfo[3], pauseInfo[4]);				
 			}
-			
-			
+		
 			this.go = function(newPage, direction, trans, ms, fromSwipe) {	
 				// newPage holds a page or a string command				
 				setTimeout(function() {paused = false;},200);
@@ -495,17 +529,17 @@ var zim = function(zim) {
 				if (transition!="none" || transitionTable!=[]) makeTransitionAssets();
 			}		
 			
-			this.puff = function(miliseconds) {
+			this.puff = function(milliseconds) {
 				// add all pages to the holder behind current page
-				// if miliseconds then this is the time to settle automatically
+				// if milliseconds then this is the time to settle automatically
 				for (var i=0; i<pages.length; i++) {
 					that.addChild(pages[i].page);	
 				}	
 				that.addChild(currentPage);
-				if (miliseconds > 0) {
+				if (milliseconds > 0) {
 					setTimeout(function() {
 						that.settle();
-					}, miliseconds);
+					}, milliseconds);
 				}
 				
 			}
@@ -538,48 +572,51 @@ var zim = function(zim) {
 		return new makePages();
 	}
 	
-	
-	// HotSpots Class
-	
-	// extends a createjs.Container
-	// puts an invisible click area (hotSpot) on pages
-	// or specify an object and it will turn that into a hotspot
-	// var hs = new zim.HotSpots();
-
-	// PARAMETERS
-	// you pass in an array of hotspot data objects:
-	// [{page:home, rect:[190,50,260,260], call:someFunction}, 
-	//  {page:home, rect:[70,405,500,150], call:someOtherFunction}]
-	// the page should be a createjs Container
-	// the rect is the [left, right, width, height] of a rectangle relative to the stage
-	// call is the callback function to call when a hotSpot is clicked
-	// instead of a rect array you can pass an object that must have setBounds() set
-	// [{page:home, rect:submitButton, call:function(){//code}}]
-	// the hotSpot will then use the button position and bounds as the rectangle
-	// this allows you to manage all your button presses from one place
-	// note - in this case, HotSpots will actually add a click event to the button
-	// the second parameter local defaults to true
-	// and should be used when the element scale independently from the stage
-	// in local mode you must add coordinates of the hotSpot inside its container
-	// if set to false then you pass in global coordinates and hotSpot will convert them
-	// the third parameter is whether you want mouseDowns on the hotSpots
-	// this defaults to false to prevent users from activating a swipe on a button (when using ZIM Swipe)
-			
-	// METHODS
-	// show() - shows the hotspots for testing during authoring time
-	// hide() - hides the hotspots
-	// addHotSpot(page,rect,call) - can dynamically add hotSpots
-	// removeHotSpots(page,id) - id is optional - so can remove all spots on a page
-	// dispose() - removes listeners
-	
-	// note, the class does actually add rectangle shapes to your page
-	// these have an alpha of .01
-	// this could have been done with "math" alone but rollover cursor would be a pain
-	// the class creates zim.HotSpot objects - see the class underneath this one
-	
+
+/*--
+zim.HotSpots = function(spots, local, mouseDowns)
+
+HotSpots Class
+
+extends a createjs.Container
+puts an invisible click area (hotSpot) on pages
+or specify an object and it will turn that into a hotspot
+var hs = new zim.HotSpots();
+
+PARAMETERS
+you pass in an array of hotspot data objects:
+[{page:home, rect:[190,50,260,260], call:someFunction}, 
+{page:home, rect:[70,405,500,150], call:someOtherFunction}]
+the page should be a createjs Container
+the rect is the [left, right, width, height] of a rectangle relative to the stage
+call is the callback function to call when a hotSpot is clicked
+instead of a rect array you can pass an object that must have setBounds() set
+[{page:home, rect:submitButton, call:function(){//code}}]
+the hotSpot will then use the button position and bounds as the rectangle
+this allows you to manage all your button presses from one place
+note - in this case, HotSpots will actually add a click event to the button
+the second parameter local defaults to true
+and should be used when the element scale independently from the stage
+in local mode you must add coordinates of the hotSpot inside its container
+if set to false then you pass in global coordinates and hotSpot will convert them
+the third parameter is whether you want mouseDowns on the hotSpots
+this defaults to false to prevent users from activating a swipe on a button (when using ZIM Swipe)
+
+METHODS
+show() - shows the hotspots for testing during authoring time
+hide() - hides the hotspots
+addHotSpot(page,rect,call) - can dynamically add hotSpots
+removeHotSpots(page,id) - id is optional - so can remove all spots on a page
+dispose() - removes listeners
+
+note, the class does actually add rectangle shapes to your page
+these have an alpha of .01
+this could have been done with "math" alone but rollover cursor would be a pain
+the class creates zim.HotSpot objects - see the class underneath this one
+--*/
 	zim.HotSpots = function(spots, local, mouseDowns) {
 		function makeHotSpots() {
-			
+			if (zot(spots) || !Array.isArray(spots)) {zog("zim pages - HotSpots():\nplease provide an array of HotSpot data"); return;}
 			if (zot(local)) local = true;
 			if (zot(mouseDowns)) mouseDowns = false;
 			
@@ -599,11 +636,11 @@ var zim = function(zim) {
 				if (!Array.isArray(data.rect)) {					
 					button = data.rect; // data includes a button rather than rect
 					if (!button) {
-						zog("ZIM Build() :: HotSpot "+ data.page + " " + data.rect +" button does not exist");
+						zog("zim pages - HotSpots(): HotSpot "+ data.page + " " + data.rect +" button does not exist");
 						return;	
 					}
 					if (!button.getBounds()) {
-						zog("ZIM Build() :: HotSpots button needs bounds");
+						zog("zim pages - HotSpots(): HotSpots button needs bounds");
 						return;	
 					}
 					data.rect = [button.x, button.y, button.getBounds().width, button.getBounds().height];	
@@ -701,37 +738,40 @@ var zim = function(zim) {
 		return new makeHotSpots();			
 	}	
 	
-	// HotSpot Class
-	
-	// adds an invisible button to a container object (often think of this as the page)
-	// var hs = new zim.HotSpot();
-	// if you want multiple spots it is more efficient to use the HotSpots class above
-	// which manages multiple HotSpot objects (otherwise you end up with multiple event functions)
-	// the spot actually keeps an alpha of .01
-	// the spot will get a cursor of "pointer"
-	
-	// PARAMETERS
-	// the container object in which to place the hotspot
-	// the x, y, width and height of the hotspot relative to the stage
-	// call is the function to call when the spot is clicked
-	// local defaults to true and should be used when the element scale independently from the stage
-	// in local mode you must add coordinates of the hotSpot inside its container
-	// if set to false then you pass in global coordinates and hotSpot will convert them
-		
-	// METHODS	
-	// show() - helps when creating the spot to see where it is
-	// hide() - hides the hotspot
-	// dispose() - removes the listener and the spot
-	
-	// PROPERTIES
-	// spot - the actual hotSpot object that gets added to the container can be accessed with the spot property
-	// eg. hs.spot
 	
-	
-	zim.HotSpot = function(obj,x,y,w,h,call,local) {		
+/*--
+zim.HotSpot = function(obj, x, y, w, h, call, local)
+
+HotSpot Class
+
+adds an invisible button to a container object (often think of this as the page)
+var hs = new zim.HotSpot();
+if you want multiple spots it is more efficient to use the HotSpots class above
+which manages multiple HotSpot objects (otherwise you end up with multiple event functions)
+the spot actually keeps an alpha of .01
+the spot will get a cursor of "pointer"
+
+PARAMETERS
+the container object in which to place the hotspot
+the x, y, width and height of the hotspot relative to the stage
+call is the function to call when the spot is clicked
+local defaults to true and should be used when the element scale independently from the stage
+in local mode you must add coordinates of the hotSpot inside its container
+if set to false then you pass in global coordinates and hotSpot will convert them
+
+METHODS	
+show() - helps when creating the spot to see where it is
+hide() - hides the hotspot
+dispose() - removes the listener and the spot
+
+PROPERTIES
+spot - the actual hotSpot object that gets added to the container can be accessed with the spot property
+eg. hs.spot
+--*/	
+	zim.HotSpot = function(obj, x, y, w, h, call, local) {		
 		function makeHotSpot() {			
-			if (zot(obj)) {zog("zimbuild.js HotSpot():\nPlease pass in object"); return;}
-			if (obj instanceof createjs.Container == false) zog("zimbuild.js HotSpot():\nObjects passed in should be Containers");
+			if (zot(obj) || !obj.addChild) {zog("zim pages - HotSpot():\nPlease pass in container object for obj"); return;}
+			if (obj instanceof createjs.Container == false) zog("zim build - HotSpot():\nObjects passed in should be Containers");
 			if (zot(local)) local = true;			
 			var that = this; 
 			
@@ -772,84 +812,158 @@ var zim = function(zim) {
 		makeHotSpot.prototype.constructor = zim.HotSpot;	
 		return new makeHotSpot();			
 	}
-		
-	
-	// Grid Class
-	
-	// extends createjs.Container
-	// var grid = new zim.Grid(parameters);
-	// stage.addChild(grid);
-	// shows a grid to help layout assets with code (percent is default)
-	// cursor x and y percentage or pixels are shown along edges 
-	// can use G key to toggle grid visibility
-	// can use P key to toggle percent and pixels
-	
-	// make sure you remove the grid for your final version (dispose)
-	
-	// PARAMETERS
-	// object - to add grid to (stage is default)
-	// color - defaults to black
-	// percent - defaults to true to show percent - false to show pixels
-	
-	// PROPERTIES
-	// pixels - boolean - set to true to change to pixels, false to go to percent
+
 	
-	// METHODS
-	// dispose() - clears keyboard events and grid
+/*--
+zim.dashedLinesOn = function()
+
+adds dashedLineTo(x1, y1, x2, y2, dashLen) 
+and drawDashedRect(x, y, w, h, dashLen) methods to createjs Graphics
+https://gist.github.com/diverted247/9216242 - Ted Patrick 
+--*/	
+	zim.dashedLinesOn = function() {
+		if (zim.dashed) return; // only need to define once
+		zim.dashed = true;
+		createjs.Graphics.prototype.dashedLineTo = function(x1, y1, x2, y2, dashLen){
+			this.moveTo(x1, y1);
+			 
+			var dX = x2 - x1;
+			var dY = y2 - y1;
+			var dashes = Math.floor(Math.sqrt(dX*dX+dY*dY) / dashLen);
+			var dashX = dX / dashes;
+			var dashY = dY / dashes;
+			 
+			var q = 0;
+			while(q++ < dashes){
+				x1 += dashX;
+				y1 += dashY;
+				this[q % 2 == 0 ? 'moveTo' : 'lineTo'](x1, y1);
+			}
+			this[q % 2 == 0 ? 'moveTo' : 'lineTo'](x2, y2);
+			return this;
+		}		 
+		createjs.Graphics.prototype.drawDashedRect = function(x1, y1, w, h, dashLen){
+			this.moveTo(x1, y1);
+			var x2 = x1 + w;
+			var y2 = y1 + h;
+			this.dashedLineTo(x1, y1, x2, y1, dashLen);
+			this.dashedLineTo(x2, y1, x2, y2, dashLen);
+			this.dashedLineTo(x2, y2, x1, y2, dashLen);
+			this.dashedLineTo(x1, y2, x1, y1, dashLen);
+			return this;
+		}	
+	}
+			
 	
+/*--
+zim.Manager = function()
+
+Manager class
+
+used internally to make GridManager and GuideManager
+and in future perhaps OutlineManager
+--*/	
+	zim.Manager = function(type) {	
+		if (zon && type) zog("zim pages - " + type);	
+		var that = this;
+		this.items = [];
+		this.add = function(a) {
+			that.items.push(a);
+		}
+		this.resize = function() {
+			if (!that) return;
+			for (var i=0; i<that.items.length; i++) {				
+				if (!that.items[i].resize()) that.items.splice(i); // was disposed	
+			}	
+		}
+		this.dispose = function() {
+			for (var i=0; i<that.items.length; i++) {			
+				that.items[i].dispose();				
+			}	
+			that.items = [];
+			if (zon) zog("zim pages - " + type + " - all disposed");		
+			that = null;
+		}		
+	}		
 	
-	zim.Grid = function(object, color, percent) {		
-		function makeGrid() {					
+
+/*--
+zim.Guide = function(obj, vertical, percent, hideKey, pixelKey)
+
+Guide Class
+
+extends createjs.Container
+var guide = new zim.Guide(parameters);
+stage.addChild(guide);
+shows a guide to help layout assets with code 
+cursor x and y percentage or pixels are shown along edges 
+as a distance from the guide
+can use G key to toggle guide visibility
+can use P key to toggle percent and pixels
+
+make sure you remove the guide for your final version (dispose)
+
+PARAMETERS
+obj - to add guide to (stage is default)
+vertical - defaults to true, set to false for horizontal guide
+percent - defaults to true to show percent - false to show pixels
+hideKey - key to press to hide guide - default G
+pixelKey - key to press to swap percent and pixels - default P
+
+PROPERTIES
+pixels - boolean - set to true to change to pixels, false to go to percent
+
+METHODS
+dispose() - clears keyboard events and guide
+--*/	
+	zim.Guide = function(obj, vertical, percent, hideKey, pixelKey) {		
+		function makeGuide() {					
 				
-			if (zot(object)) object = "stage";
-			if (zot(color)) color = "black";
-			if (object != "stage" && !object.getBounds()) {zog ("zimbuild.js Grid(): Please provide bounds for the object (setBounds())"); return;}
+			if (zot(obj)) obj = "stage";
+			if (zot(vertical)) vertical = true;
+			if (obj != "stage" && (!obj.getBounds || !obj.getBounds())) {zog ("zim pages - Guide(): Please provide bounds for the obj (setBounds())"); return;}
 			if (zot(percent)) percent = true;
+			if (zot(hideKey)) hideKey = "G";
+			if (zot(pixelKey)) pixelKey = "P";
 			
 			var that = this;
-			var stage; 			
-			var pixels = 10; // for grid			
-			var stageEvent;			
-			this.mouseChildren = false;
-			this.mouseEnabled = false;			
-			
+			var stage; 	
+			var stageEvent;
+			zim.dashedLinesOn();
+		
 			// make text boxes that show x and y			
 			var boxW = 80;
 			var boxH = 26;
-			
-			var top = new createjs.Container();						
-			var topBox = new createjs.Shape();
-			topBox.graphics.s(color).ss(1).f("#dddddd").r(0,0,boxW,boxH);
-			topBox.regX = boxW/2; topBox.regY = -boxH/4;
-			topBox.alpha = .9;
-			top.addChild(topBox);			
-			var topText = new createjs.Text("10", "16px verdana", "#333333");
-			topText.textAlign = "center";
-			topText.textBaseline = "middle";	
-			topText.y = boxH*3/4;		
-			top.addChild(topText);			
-			
-			var left = new createjs.Container();					
-			var leftBox = new createjs.Shape();
-			leftBox.graphics.s(color).ss(1).f("#dddddd").r(0,0,boxW,boxH);
-			leftBox.regX = -boxW/6; leftBox.regY = boxH/2; 
-			leftBox.alpha = .9;
-			left.addChild(leftBox);			
-			var leftText = new createjs.Text("10", "16px verdana", "#333333");
-			leftText.textAlign = "center";
-			leftText.textBaseline = "middle";	
-			leftText.x = boxW/2 + boxW/6;		
-			left.addChild(leftText);	
-			
 			var minX = boxW/6+boxW/2;
 			var minY = boxH*2
 			var maxX; // set max values once we get a stage
 			var maxY;
-						
-			top.x = minX;
-			left.y = minY;
-			topText.text = "x:0";
-			leftText.text = "y:0";							
+			
+			var box; 
+			if (vertical) {	
+				box = makeBox("#00c5af", "white", "white");	
+				box.shape.regX = boxW+boxW/6; box.shape.regY = boxH/2; 
+				box.label.x = -boxW/2-boxW/6;
+			} else {				
+				box = makeBox("#d61fa0", "white", "white");		
+				box.shape.regX = boxW/2; box.shape.regY = boxH + boxH/4;		
+				box.label.y = -boxH*3/4;
+			}
+			
+			function makeBox(fill, stroke, textColor) {
+				var box = new createjs.Container();					
+				box.shape = new createjs.Shape();
+				box.shape.graphics.s(stroke).ss(1).f(fill).r(0,0,boxW,boxH); 
+				box.shape.alpha = .9;
+				box.addChild(box.shape);			
+				box.label = new createjs.Text("10", "16px verdana", textColor);
+				box.label.textAlign = "center";
+				box.label.textBaseline = "middle";		
+				box.addChild(box.label);
+				box.mouseChildren = false;
+				box.mouseEnabled = false;
+				return box;	
+			}
 
 			// get stage and apply stagemousemove to move text boxes 			
 			// the added event was added in the 2014 createjs
@@ -858,73 +972,369 @@ var zim = function(zim) {
 			// so resorting to interval
 			// this.on("added", added); 
 			var addedInterval = setInterval(function() {				
-				if (object == "stage") {
+				if (obj == "stage") {
 					if (that && that.getStage()) {
 						added();
 					}
 				} else {
-					if (object && object.getStage()) {
+					if (obj && obj.getStage()) {
 						added();
 					}
 				}
 			},100);		
 						
-			var gridCheck = false;
+			var guideCheck = false;
+			var objW;
+			var objH;
+			var line;
+			var dragBounds;
 			function added() {
 				clearInterval(addedInterval);
-				if (object == "stage") {									
+				if (obj == "stage") {									
 					stage =	that.getStage();
-					object = stage;	
+					obj = stage;	
 				} else {
-					stage =	object.getStage();
-				}			
-				if (!gridCheck) {
-					drawGrid();
-					object.addChild(that);
+					stage =	obj.getStage();
+				}	
+				objW = obj.getBounds().width;
+				objH = obj.getBounds().height;
+				if (vertical) {						
+					box.y = objH/2;				
+					box.label.text = "y:" + ((that.pixels) ? Math.round(objW*70/100) : "70%");	
+				} else {					
+					box.x = objW/2;	
+					box.label.text = "x:" + ((that.pixels) ? Math.round(objH*70/100) : "70%");
+				}	
+				line = new createjs.Shape();
+				that.addChild(line);
+				(vertical) ? line.x = objW*.7 : line.y = objH*.7;		
+				
+				if (!guideCheck) {
+					obj.addChild(that);
+					drawGuide();					
 				}
 				stage.off("stagemousemove", stageEvent);
 				stageEvent = stage.on("stagemousemove", where);	
 				stage.update();			
 			};					
-					
+		
 			var lastPoint = {x:0,y:0};
 			function where(e) {		
 				// convert mouse location to local point
-				var point;
+				var point; var diff;
 				if (e) {
-					point = object.globalToLocal(e.rawX, e.rawY);					
+					point = obj.globalToLocal(e.rawX, e.rawY);					
 					lastPoint = point;
 				} else {
 					point = {x:lastPoint.x, y:lastPoint.y}	
 				}
-				if (!percent) {	// pixels					
-					topText.text = "x:" + Math.max(0, Math.min(Math.round(point.x), Math.round(objectW)));
-					top.x = Math.max(minX, Math.min(point.x, maxX));
-					leftText.text = "y:" + Math.max(0, Math.min(Math.round(point.y), Math.round(objectH)));
-					left.y = Math.max(minY, Math.min(point.y, maxY));
+				if (!percent) {	// pixels	
+					if (vertical) {		
+						diff = Math.round(Math.abs(point.x-line.x));		
+						box.label.text = "x:" + Math.max(0, Math.min(diff, Math.round(objW)));
+						box.y = Math.max(minY, Math.min(point.y, maxY));
+					} else {
+						diff = Math.round(Math.abs(point.y-line.y));
+						box.label.text = "y:" + Math.max(0, Math.min(diff, Math.round(objH)));
+						box.x = Math.max(minX, Math.min(point.x, maxX));
+					}
+				} else {
+					if (vertical) {
+						diff = Math.round(Math.abs(point.x-line.x)/objW*100);
+						box.label.text = "x:" + Math.max(0, Math.min(diff, 100)) + "%";
+						box.y = Math.max(minY, Math.min(point.y, maxY));
+					} else {
+						diff = Math.round(Math.abs(point.y-line.y)/objH*100);
+						box.label.text = "y:" + Math.max(0, Math.min(diff, 100)) + "%";
+						box.x = Math.max(minX, Math.min(point.x, maxX));
+					}
+				}
+				if (stage) stage.update();					
+			}			
+				
+			// make the guide once we have the stage
+			// and any time resize is called
+			function drawGuide() {
+				guideCheck = true;
+				objW = obj.getBounds().width;
+				objH = obj.getBounds().height;
+				var pointer;
+				if (vertical) {
+					pointer = "ew-resize";
+					dragBounds = new createjs.Rectangle(0,0,objW,0);
 				} else {
-					topText.text = "x:" + Math.max(0, Math.min(Math.round(point.x/objectW*100), 100)) + "%";
+					pointer = "ns-resize";
+					dragBounds = new createjs.Rectangle(0,0,0,objH);
+				}				
+				zim.noDrag(line);
+				setTimeout(function() {
+					// give time for content to settle
+					zim.drag(line, dragBounds, pointer, pointer, null, null, true);	
+				}, 500);
+				stage.mouseMoveOutside = true;				
+				stage.enableMouseOver(10);				
+					
+				maxX = objW-boxW*2/3;
+				maxY = objH-boxH - boxH;
+				line.uncache();
+				var g = line.graphics;
+				if (vertical) {					
+					g.c().s("rgba(0,255,255,.1)").ss(20).mt(0,0).lt(0,objH);
+					g.f().s("white").ss(2).mt(0,0).lt(0,objH);
+					g.s("#00c5af").ss(2).dashedLineTo(0,0,0,objH,20);
+					line.cache(-10,0,20,objH);					
+				} else {					
+					g.c().s("rgba(255,0,255,.1)").ss(20).mt(0,0).lt(objW,0);
+					g.f().s("white").ss(2).mt(0,0).lt(objW, 0);
+					g.s("#d61fa0").ss(2).dashedLineTo(0,0,objW,0,20);
+					line.cache(0,-10,objW,20);
+				}	
+				
+				(vertical) ?  box.x = objW : box.y = objH;
+				that.addChild(box);		
+			
+			}
+			
+			Object.defineProperty(this, 'pixels', {
+				get: function() {				
+					return !percent;
+				},
+				set: function(value) {
+					percent = !value;
+					that.resize();
+				}
+			});
+	
+			// add key listener to hide and show the guide			
+			window.addEventListener("keydown", keyEvent);
+			
+			function keyEvent(e) {				
+				if (!e) e=event; 
+				if (!stage) return;					
+				if (String.fromCharCode(e.keyCode) == hideKey.toUpperCase()) { // G
+					that.visible = !that.visible;
+					stage.off("stagemousemove", stageEvent);
+					if (that.visible) {
+						stageEvent = stage.on("stagemousemove", where, that);
+					}
+					stage.update();
+				}				
+				if (String.fromCharCode(e.keyCode) == pixelKey.toUpperCase()) { // P
+					that.pixels = !that.pixels;
+				}
+			}		
+			
+			this.resize = function() {
+				if (!that) return false;
+				if (stage) {					
+					drawGuide();
+					where();
+				}
+				return true;
+			}
+			
+			this.dispose = function() {
+				if (!that) return false;
+				zim.noDrag(line);
+				clearInterval(addedInterval);
+				that.removeAllChildren();
+				window.removeEventListener("keydown", keyEvent);
+				if (that.parent) that.parent.removeChild(that);
+				that = null;
+				return true;					
+			}
+		}
+		// note the actual class is wrapped in a function
+		// because createjs might not have existed at load time	
+		makeGuide.prototype = new createjs.Container();
+		makeGuide.prototype.constructor = zim.Guide;	
+		return new makeGuide();			
+	}
+		
+	
+/*--
+zim.GuideManager = function()
+
+GuideManager class
+extends the ZIM Manager abstract class
+add Zim Guide objects and update or remove all guides at once
+guides are handy to use but perhaps annoying to update and remove if you have many
+GuideManager keeps track of the guides and lets you update or dispose of them on command
+
+METHODS 
+add(guide) - registers a guide with the GuideManager
+resize() - resizes all the guides in the GuideManager (ie. if stage changes)
+dispose() - disposes all guides and the GuideManager
+
+note: to just hide guides, you use the G key
+and to toggle percent and pixels use the P key
+you can dispose guides individually or use this class to dispose all
+disposing will remove the G, P key listener and the guide
+--*/
+	zim.GuideManager = function() {
+		zim.Manager.call(this, "GuideManager");		
+	}	
+	zim.GuideManager.prototype = new zim.Manager();
+	zim.GuideManager.constructor = zim.GuideManager;
+		
+	
+/*--
+zim.Grid = function(obj, color, percent, hideKey, pixelKey)
+
+Grid Class
+
+extends createjs.Container
+var grid = new zim.Grid(parameters);
+stage.addChild(grid);
+shows a grid to help layout assets with code (percent is default)
+cursor x and y percentage or pixels are shown along edges 
+can use G key to toggle grid visibility
+can use P key to toggle percent and pixels
+
+make sure you remove the grid for your final version (dispose)
+
+PARAMETERS
+obj - to add grid to (stage is default)
+color - defaults to black
+percent - defaults to true to show percent - false to show pixels
+hideKey - key to press to hide grid - default G
+pixelKey - key to press to swap percent and pixels - default P
+
+PROPERTIES
+pixels - boolean - set to true to change to pixels, false to go to percent
+
+METHODS
+dispose() - clears keyboard events and grid
+--*/
+	zim.Grid = function(obj, color, percent, hideKey, pixelKey) {		
+		function makeGrid() {					
+				
+			if (zot(obj)) obj = "stage";
+			if (zot(color)) color = "black";
+			if (obj != "stage" && (!obj.getBounds || !obj.getBounds())) {zog ("zim pages - Grid(): Please provide bounds for the obj (setBounds())"); return;}
+			if (zot(percent)) percent = true;
+			if (zot(hideKey)) hideKey = "G";
+			if (zot(pixelKey)) pixelKey = "P";
+			
+			var that = this;
+			var stage; 			
+			var pixels = 10; // for grid			
+			var stageEvent;			
+			this.mouseChildren = false;
+			this.mouseEnabled = false;			
+			
+			// make text boxes that show x and y			
+			var boxW = 80;
+			var boxH = 26;
+			
+			var top = makeBox("#dddddd", color, "#333333");			
+			top.shape.regX = boxW/2; top.shape.regY = -boxH/4;		
+			top.label.y = boxH*3/4;	
+			
+			var left = makeBox("#dddddd", color, "#333333");			
+			left.shape.regX = -boxW/6; left.shape.regY = boxH/2; 
+			left.label.x = boxW/2 + boxW/6;	
+				
+			function makeBox(fill, stroke, textColor) {
+				var box = new createjs.Container();					
+				box.shape = new createjs.Shape();
+				box.shape.graphics.s(stroke).ss(1).f(fill).r(0,0,boxW,boxH); 
+				box.shape.alpha = .9;
+				box.addChild(box.shape);			
+				box.label = new createjs.Text("10", "16px verdana", textColor);
+				box.label.textAlign = "center";
+				box.label.textBaseline = "middle";		
+				box.addChild(box.label);
+				box.mouseChildren = false;
+				box.mouseEnabled = false;
+				return box;	
+			}
+			
+			var minX = boxW/6+boxW/2;
+			var minY = boxH*2
+			var maxX; // set max values once we get a stage
+			var maxY;
+						
+			top.x = minX;
+			left.y = minY;
+			top.label.text = "x:0";
+			left.label.text = "y:0";
+					
+
+			// get stage and apply stagemousemove to move text boxes 			
+			// the added event was added in the 2014 createjs
+			// found the added did not reliably get a stage property
+			// still had to wait a few microseconds
+			// so resorting to interval
+			// this.on("added", added); 
+			var addedInterval = setInterval(function() {				
+				if (obj == "stage") {
+					if (that && that.getStage()) {
+						added();
+					}
+				} else {
+					if (obj && obj.getStage()) {
+						added();
+					}
+				}
+			},100);		
+						
+			var gridCheck = false;
+			function added() {
+				clearInterval(addedInterval);
+				if (obj == "stage") {									
+					stage =	that.getStage();
+					obj = stage;	
+				} else {
+					stage =	obj.getStage();
+				}			
+				if (!gridCheck) {
+					drawGrid();
+					obj.addChild(that);
+				}
+				stage.off("stagemousemove", stageEvent);
+				stageEvent = stage.on("stagemousemove", where);	
+				stage.update();			
+			};					
+					
+			var lastPoint = {x:0,y:0};
+			function where(e) {		
+				// convert mouse location to local point
+				var point;
+				if (e) {
+					point = obj.globalToLocal(e.rawX, e.rawY);					
+					lastPoint = point;
+				} else {
+					point = {x:lastPoint.x, y:lastPoint.y}	
+				}
+				if (!percent) {	// pixels					
+					top.label.text = "x:" + Math.max(0, Math.min(Math.round(point.x), Math.round(objW)));
+					top.x = Math.max(minX, Math.min(point.x, maxX));
+					left.label.text = "y:" + Math.max(0, Math.min(Math.round(point.y), Math.round(objH)));
+					left.y = Math.max(minY, Math.min(point.y, maxY));
+				} else {
+					top.label.text = "x:" + Math.max(0, Math.min(Math.round(point.x/objW*100), 100)) + "%";
 					top.x = Math.max(minX, Math.min(point.x, maxX));
-					leftText.text = "y:" + Math.max(0, Math.min(Math.round(point.y/objectH*100), 100)) + "%";
+					left.label.text = "y:" + Math.max(0, Math.min(Math.round(point.y/objH*100), 100)) + "%";
 					left.y = Math.max(minY, Math.min(point.y, maxY));					
 				}
 				if (stage) stage.update();					
 			}			
 				
 			// make the grid once we have the stage			
-			var objectW;
-			var objectH;	
+			var objW;
+			var objH;	
 			var cached;		
 			function drawGrid() {
 				gridCheck = true;				
 				
-				objectW = object.getBounds().width;
-				objectH = object.getBounds().height;				
+				objW = obj.getBounds().width;
+				objH = obj.getBounds().height;				
 				stage.mouseMoveOutside = true;				
 				stage.enableMouseOver(10);				
 					
-				maxX = objectW-boxW*2/3;
-				maxY = objectH-boxH;					
+				maxX = objW-boxW*2/3;
+				maxY = objH-boxH - boxH;					
 				
 				cached = new createjs.Container();
 				that.addChild(cached);
@@ -934,35 +1344,36 @@ var zim = function(zim) {
 				g.s(color).ss(1);
 				
 				var grid2 = new createjs.Shape();
-				cached.addChild(grid2);				
+				cached.addChild(grid2);	
+											
 				
 				if (!percent) { // pixels	
 				
-					for (var i=0; i<objectW/pixels; i++) {					
-						g.mt(i*pixels, 0).lt(i*pixels, objectH);					
+					for (var i=0; i<objW/pixels; i++) {					
+						g.mt(i*pixels, 0).lt(i*pixels, objH);					
 					}
-					for (var i=0; i<objectH/pixels; i++) {
-						g.mt(0, i*pixels).lt(objectW, i*pixels);
+					for (var i=0; i<objH/pixels; i++) {
+						g.mt(0, i*pixels).lt(objW, i*pixels);
 					}
 					grid.alpha = .3;	
 				
 					g = grid2.graphics;  					
 					g.s(color).ss(1);
 					
-					for (var i=0; i<objectW/(pixels*10); i++) {					
-						g.mt(i*(pixels*10), 0).lt(i*(pixels*10), objectH);					
+					for (var i=0; i<objW/(pixels*10); i++) {					
+						g.mt(i*(pixels*10), 0).lt(i*(pixels*10), objH);					
 					}
-					for (var i=0; i<objectH/(pixels*10); i++) {
-						g.mt(0, i*(pixels*10)).lt(objectW, i*(pixels*10));				
+					for (var i=0; i<objH/(pixels*10); i++) {
+						g.mt(0, i*(pixels*10)).lt(objW, i*(pixels*10));				
 					}
 				
 				} else { // percent - every 5 percent
 					
 					for (var i=1; i<20+2; i++) {					
-						g.mt(i*objectW/20, 0).lt(i*objectW/20, objectH);					
+						g.mt(i*objW/20, 0).lt(i*objW/20, objH);					
 					}
 					for (var i=1; i<20; i++) {
-						g.mt(0, i*objectH/20).lt(objectW, i*objectH/20);
+						g.mt(0, i*objH/20).lt(objW, i*objH/20);
 					}
 					grid.alpha = .3;	
 					
@@ -970,31 +1381,32 @@ var zim = function(zim) {
 					g.s(color).ss(1);
 					
 					for (var i=1; i<10; i++) {					
-						g.mt(i*objectW/10, 0).lt(i*objectW/10, objectH);					
+						g.mt(i*objW/10, 0).lt(i*objW/10, objH);					
 					}
 					for (var i=1; i<10; i++) {
-						g.mt(0, i*objectH/10).lt(objectW, i*objectH/10);				
+						g.mt(0, i*objH/10).lt(objW, i*objH/10);				
 					}					
 				}
 				
 				var crossSize = 80;
 				g.s("#FFFFFF").ss(8);
-				g.mt(objectW/2, objectH/2-crossSize/2).lt(objectW/2, objectH/2+crossSize/2);
-				g.mt(objectW/2-crossSize/2, objectH/2).lt(objectW/2+crossSize/2, objectH/2);
+				g.mt(objW/2, objH/2-crossSize/2).lt(objW/2, objH/2+crossSize/2);
+				g.mt(objW/2-crossSize/2, objH/2).lt(objW/2+crossSize/2, objH/2);
 				
 				g.s("#000000").ss(4);
-				g.mt(objectW/2, objectH/2-crossSize/2).lt(objectW/2, objectH/2+crossSize/2);
-				g.mt(objectW/2-crossSize/2, objectH/2).lt(objectW/2+crossSize/2, objectH/2);
+				g.mt(objW/2, objH/2-crossSize/2).lt(objW/2, objH/2+crossSize/2);
+				g.mt(objW/2-crossSize/2, objH/2).lt(objW/2+crossSize/2, objH/2);
 				
 				// draw a border
 				g.s(color).ss(3);
-				g.dr(0,0,objectW,objectH);				
+				g.dr(0,0,objW,objH);				
 				
 				grid2.alpha = .5;				
-				cached.cache(0,0,objectW,objectH);
+				cached.cache(0,0,objW,objH);
 				
 				that.addChild(top);
-				that.addChild(left);				
+				that.addChild(left);
+								
 				stage.update();	
 			}		
 			
@@ -1014,7 +1426,7 @@ var zim = function(zim) {
 			function keyEvent(e) {				
 				if (!e) e=event; 
 				if (!stage) return;	
-				if (e.keyCode == 71) { // G
+				if (String.fromCharCode(e.keyCode) == hideKey.toUpperCase()) { // G
 					that.visible = !that.visible;
 					stage.off("stagemousemove", stageEvent);
 					if (that.visible) {
@@ -1022,7 +1434,7 @@ var zim = function(zim) {
 					}
 					stage.update();
 				}				
-				if (e.keyCode == 80) { // P
+				if (String.fromCharCode(e.keyCode) == pixelKey.toUpperCase()) { // P
 					that.removeChild(cached);
 					cached = null;
 					that.pixels = !that.pixels;
@@ -1046,9 +1458,10 @@ var zim = function(zim) {
 			this.dispose = function() {
 				clearInterval(addedInterval);
 				that.removeAllChildren();
+				window.removeEventListener("keydown", keyEvent);	
 				if (that.parent) that.parent.removeChild(that);
 				that = null;
-				window.removeEventListener("keydown", keyEvent);	
+				
 			}
 			
 		}		
@@ -1059,478 +1472,415 @@ var zim = function(zim) {
 		return new makeGrid();			
 	}
 	
-	// GridManager class
-	// add Zim Grid objects and update or remove all grids at once
-	// grids are handy to use but perhaps annoying to update and remove if you have many
-	// GridManager keeps track of the grids and lets you update or dispose of them on command
-	
-	// METHODS 
-	// add(grid) - registers a grid with the GridManager
-	// resize() - resizes all the grids in the GridManager (ie. if stage changes)
-	// dispose() - disposes all grids and the GridManager
-	
-	// note: to just hide grids, you use the G key
-	// and to toggle percent and pixels use the P key
-	// you can dispose grids individually or use this class to dispose all
-	// disposing will remove the G key listener and the grid
-	
+
+/*--
+zim.GridManager = function()
+
+GridManager class
+add Zim Grid objects and update or remove all grids at once
+grids are handy to use but perhaps annoying to update and remove if you have many
+GridManager keeps track of the grids and lets you update or dispose of them on command
+
+METHODS 
+add(grid) - registers a grid with the GridManager
+resize() - resizes all the grids in the GridManager (ie. if stage changes)
+dispose() - disposes all grids and the GridManager
+
+note: to just hide grids, you use the G key
+and to toggle percent and pixels use the P key
+you can dispose grids individually or use this class to dispose all
+disposing will remove the G key listener and the grid
+--*/	
 	zim.GridManager = function() {		
-		if (zon) zog("zimbuild.js: GridManager");
-		var that = this;
-		this.grids = [];
-		this.add = function(g) {
-			that.grids.push(g);
-		}
-		this.resize = function() {
-			if (!that) return;
-			for (var i=0; i<that.grids.length; i++) {
-				that.grids[i].resize();	
-			}	
-		}
-		this.dispose = function() {
-			for (var i=0; i<that.grids.length; i++) {
-				that.grids[i].dispose();	
-			}	
-			if (zon) zog("zimbuild.js: GridManager - grids disposed");		
-			that = null;
-		}		
+		zim.Manager.call(this, "GridManager");
 	}	
-	
-	// Layout class
-	
-	// extends a createjs.EventDispatcher so it can dispatch events
-	// arranges objects on the page by fitting them in regions
-	// make a layout object for each page if desired
-	// and even nest layout objects inside regions
-	// regions are fixed aspect ratio
-	// good for flexive design where you anchor titles and navigation
-	// handles up to three regions vertically or horizontally	
-	// var layout = zim.Layout(parameters) 	
-		
-	// PARAMETERS
-	// the holder object (stage, container, etc) that must have bounds set
-	// the bounds will constrain the layout
-	// region1, region2 and region3 objects with specific properties for each
-	// example - with all dimensions as percents
-	
-	// Example VERTICAL region objects
-	// {object:title, marginTop:10, maxWidth:80, minHeight:20, align:"left", valign:"top"}
-	// {object:content, marginTop:5, maxWidth:90} // note, middle gets no minHeight
-	// {object:nav, marginTop:5, maxWidth:80, minHeight:20, backgroundColor:"red"}
-	// note: no minHeight for the middle region
-	// align defaults to middle for the three regions
-	// valign defaults to top, middle, bottom for the three regions
-	// backgroundColor applies a backing color to the region
-	
-	// Example HORIZONTAL region objects
-	// {object:col1, marginLeft:10, maxHeight:80, minWidth:20, valign:"bottom"}
-	// {object:col2, marginLeft:5, maxHeight:90, align:"middle"} // note, middle gets no minWidth
-	// {object:col3, marginLeft:5, maxHeight:80, minWidth:20, align:"left", valign:"top"}	
-	// align defaults to left, middle, right for the three regions
-	// valign defaults to top for the three regions	
-	
-	// PARAMETERS CONT'D
-	// lastMargin - the margin at the bottom (vertical) or at the right (horizontal) defaults to 0
-	// backgroundColor - for the whole holder - defaults to -1
-	// vertical - boolean defaults to true for vertical layout (set to false for horizontal)
-	// regionShape - a createjs Shape object to show where bounds are (optional) (added to holder)
-	// can toggle on and off with B key - but must pass in the Shape to use the B key
-	// scalingTarget - an object used as the bounds of the region scaling
-	// setting a scalingTarget will also set the bounds of the holder to the scalingTarget bounds
-	// it does not scale the holder - only scale the region objects inside
-	
-	// METHODS
-	// resize() - resize based on new bounds of the holder (or scalingObject)
-	// dispose() - removes the B key listener (otherwise, nothing to dispose)
-	// addShape(shape) - adds a bounding shape dynamically
-	// removeShape() - permanently removes the bounding shape
-	// disable() - disables all the layout (shape and sizing)
-	// enable() - enables all the layout (shape and sizing)	
-	// if you want to get rid of the objects then you need to do so in your app
-		
-	// DESCRIPTION OF FLEXIVE DESIGN
-	// here described with vertical layout - horizontal is similar but rotated 90
-	// the content in the middle will try and expand against the top and bottom
-	// until it forces the top and bottom to their minimum percents
-	// if the content hits its maximum width percent first then the top and bottom
-	// will fill up the rest of the height until they reach their maximum widths
-	// the margins will be kept as minimum percentages
-	
-	// FLEXIVE STATES
-	
-	// 1. STATIC 
-	// when wide, the top and bottom are a minimum height and content at maximum height
-	
-	// 2. SQUEEZE
-	// when narrowing, content hits edges and gets shorter leaving room for top and bottom to grow
-		
-	// 3. SPREAD
-	// when narrowing and top and bottom hit maximum width, the three content areas spread out	
-	
-	zim.Layout = function(holder, region1, region2, region3, lastMargin, backgroundColor, vertical, regionShape, scalingObject) {
+	zim.GridManager.prototype = new zim.Manager();
+	zim.GridManager.constructor = zim.GridManager;	
+
+
+/*--
+zim.Layout = function(holder, regions, lastMargin, backgroundColor, vertical, regionShape, scalingObject, hideKey) 
+
+Layout class
+
+extends a createjs.EventDispatcher so it can dispatch events
+arranges objects on the page by fitting them in regions
+make a layout object for each page if desired
+and even nest layout objects inside regions
+fixed aspect ratio content is fit into regions
+good for flexive design where you anchor titles and navigation
+handles any number of regions vertically or horizontally	
+var layout = zim.Layout(parameters) 	
+
+PARAMETERS
+the holder object (stage, container, etc) that must have bounds set
+the bounds will constrain the layout
+an array of region objects with specific properties for each
+example - with all dimensions as percents
+
+Example VERTICAL region objects
+[ {object:title, marginTop:10, maxWidth:80, minHeight:20, align:"left", valign:"top"}
+{object:content, marginTop:5, maxWidth:90} // note, middle gets no minHeight
+{object:nav, marginTop:5, maxWidth:80, height:20, backgroundColor:"red"} ]
+note: no minHeight for middle regions - but heights on any region
+align defaults to middle for the regions
+valign defaults to top and bottom for the top and bottom region and middle for the others
+backgroundColor applies a backing color to the region
+
+Example HORIZONTAL region objects
+{object:col1, marginLeft:10, maxHeight:80, width:20, valign:"bottom"}
+{object:col2, marginLeft:5, maxHeight:90, align:"middle"} // note, middle gets no minWidth
+{object:col3, marginLeft:5, maxHeight:80, minWidth:20, align:"left", valign:"top"}	
+align defaults to left and right for the outer regions and middle for the inside regions
+valign defaults to top for all the regions	
+
+PARAMETERS CONT'D
+lastMargin - the margin at the bottom (vertical) or at the right (horizontal) defaults to 0
+backgroundColor - for the whole holder - defaults to ""
+vertical - boolean defaults to true for vertical layout (set to false for horizontal)
+regionShape - a createjs Shape object to show where bounds are (optional) (added to holder)
+can toggle on and off with B key - but must pass in the Shape to use the B key
+scalingTarget - an object used as the bounds of the region scaling
+setting a scalingTarget will also set the bounds of the holder to the scalingTarget bounds
+it does not scale the holder - only scales the region objects inside
+hideKey is the hot key for hiding and showing the bounds - default B
+
+METHODS
+resize() - resize based on new bounds of the holder (or scalingObject)
+dispose() - removes the B key listener (otherwise, nothing to dispose)
+addShape(shape) - adds a bounding shape dynamically
+removeShape() - permanently removes the bounding shape
+disable() - disables all the layout (shape and sizing)
+enable() - enables all the layout (shape and sizing)	
+if you want to get rid of the objects then you need to do so in your app
+
+DESCRIPTION OF FLEXIVE DESIGN
+here described with vertical layout - horizontal is similar but rotated 90
+
+the content in the middle will try and expand against the top and bottom
+until it forces the top and bottom to their minimum percents
+if the content hits its maximum width percent first then the top and bottom
+will fill up the rest of the height until they reach their maximum widths	
+--*/	
+	zim.Layout = function(holder, regions, lastMargin, backgroundColor, vertical, regionShape, scalingObject, hideKey) {
 		function makeLayout() {
-			// if (zon) zog ("zimbuild.js Layout()");						
-			if (zot(holder)) {zog ("zimbuild.js Layout(): please provide an object with bounds set that holds the objects being laid out"); return;}			
+			// if (zon) zog ("zim pages - Layout()");						
+			if (zot(holder) || !holder.getBounds) {zog ("zim pages - Layout(): please provide an object with bounds set that holds the objects being laid out"); return;}			
 			scalingObject = (zot(scalingObject)) ? holder : scalingObject;
-			if (!scalingObject.getBounds()) {zog ("zimbuild.js Layout(): holder must have bounds set or provide a scalingObject with bounds"); return;}			
-			
+			if (!scalingObject.getBounds || !scalingObject.getBounds()) {zog ("zim pages - Layout(): holder must have bounds set or provide a scalingObject with bounds"); return;}			
 			var bounds = scalingObject.getBounds();
 			holder.setBounds(0,0,bounds.width,bounds.height);
-			
+			// note, Layout sets bounds of holder but does not scale the holder - only the objects in regions
+			// it may be that the holder is scaled by some external process
+			// but probably not if a scalingObject is used
+	
 			if (zot(lastMargin)) lastMargin = 0;
 			if (zot(vertical)) vertical = true;
-			if (zot(backgroundColor)) backgroundColor = -1;
-			that = this;
+			if (zot(backgroundColor)) backgroundColor = "";
+			if (zot(hideKey)) hideKey = "B";
+			zim.dashedLinesOn(); // turns on dashed lines for bounds
+			var backing = new createjs.Shape(); // holds any backing colors
+			var that = this;
 			this.active = true;
-			var logStates = false;			
-			var backing = new createjs.Shape();
-									
-			// normalize vertical or horizontal data
 			
-			var obj1; var obj2; var obj3; var stage;
-			var margin1=0; var margin2=0; var margin3=0; 
-			var margin4=(zot(lastMargin)) ? 0 : lastMargin;
-			var max1=0; var max2=0; var max3=0;	var min1=0; var min3=0;	
-			var align1; var align2; var align3;	var valign1; var valign2; var valign3;
-			var bg1; var bg2; var bg3;		
-			var fit1={x:0,y:0,width:0,height:0,scale:0};
-			var fit2={x:0,y:0,width:0,height:0,scale:0};
-			var fit3={x:0,y:0,width:0,height:0,scale:0};
-			var primary; var secondary; // holds bound height for vertical and width for horizontal
+			// loop through region objects and assign defaults
+			// also check that regions can fit with values given
+			// we basically do the same thing with horizontal and vertical layouts
+			// but obviously one uses widths and the other heights, etc.
+			// so adapted generic phrases of PRIMARY and SECONDARY
+			// primary for vertical is in the Y direction and uses height and top  
+			// primary for horizontal is in the X direction and uses width and left
+			// secondary for vertical is X and for horizontal is Y
+			// min, absolute and margin values are only available in the primary
+			// max values are only available in the secondary
+			// align, valign and backgroundcolor is available for primary and secondary
+			// absolute values (height, width) are to be used if given
+			// if not given we try to maximize size and to adhere to min values
+			// as calculations progress we calculate given, maxGiven and marginGiven values
+			// these are temporary depending on the resizing and are always in the primary direction
+			// secondary direction is quite simple
+			// primary direction is quite complex involving a number of steps and even some recursion
 			
-			if (vertical) { // defaults
-				align1=align2=align3="middle"; 
-				valign1="top"; valign2="middle"; valign3="bottom";
-			} else {
-				align1="left"; align2="middle"; align3="right";
-				valign1=valign2=valign3="top";
-			}			
-			for (var i=1; i<=3; i++) assignVariables(i, vertical);
+			var r; // used to hold a region in a loop
+			var totalAbsolute = 0;
+			var minPrimary = "minWidth";
+			var primary = "width";
+			var secondary = "height";
+			var marginPrimary = "marginLeft";
+			var maxSecondary = "maxHeight";
+			var axisPrimary = "x";
+			var axisSecondary = "y";			
+			if (vertical) {
+				minPrimary = "minHeight";
+				primary = "height";
+				secondary = "width";
+				marginPrimary = "marginTop";
+				maxSecondary = "maxWidth";
+				axisPrimary = "y";
+				axisSecondary = "x";
+			}
+			for (var i=0; i<regions.length; i++) {
+				r = regions[i];
+				if (!r.object || !r.object.getBounds()) {zog("zim pages - Layout(): each region object must have an object with setBounds() set"); return;}
+				if (!r[minPrimary]) r[minPrimary] = 0;
+				if (!r[primary]) r[primary] = 0;
+				if (!r.backgroundColor) r.backgroundColor = "";
+				r.given = 0;
+				r.maxGiven = 0;
+				if (!r[marginPrimary]) r[marginPrimary] = 0;
+				if (!r[maxSecondary]) r[maxSecondary] = 100;
+				if (vertical) {
+					// default alignment differs for orientation
+					if (!r.align) r.align = "middle";
+					if (!r.valign) {
+						if (i==0) {r.valign = "top";}
+						else if (i==regions.length-1) {r.valign = "bottom";}
+						else {r.valign = "middle";}
+						if (regions.length == 1) {r.valign = "middle"}
+					}
+				} else {
+					if (!r.valign) r.valign = "top";
+					if (!r.align) {
+						if (i==0) {r.align = "left";}
+						else if (i==regions.length-1) {r.align = "right";}
+						else {r.align = "middle";}
+						if (regions.length == 1) {r.align = "middle"}
+					}
+				}
+				if (r[primary]) r[minPrimary] = 0; // primary overrides minPrimary
+				totalAbsolute += r[primary] + r[marginPrimary];	
+			}
 			
-			var margins = margin1 + margin2 + margin3 + margin4;
-			var min1Start = min1; var min3Start = min3;	
-			var min1Last = min1; var min3Last = min3; 
-			var state=0; var lastState=0;
+			// primaries (not minPrimaries) are absolute percentage and are kept no matter what
+			// margins are absolute percentage and are kept no matter what
+			// check if primaries and margins are more than 100%
+			totalAbsolute += lastMargin;
+			if (totalAbsolute > 100) {zog("zim pages - Layout(): cannot fit regions into 100% bounds"); return;}
+			var leftOverPrimary = 100-totalAbsolute;
 			
-			calculate();
-						
-			function calculate() {
-				
-				if (regionShape) regionShape.graphics.clear();
+			distribute(); // also called from within resize function
+			function distribute() {
+				// distribute leftOverPrimary to any regions without a primary or a given (primary)
+				// proportion based on primary dimension of objects in regions
+				// apply this primary to given (primary)
+				var totalPrimaries = 0;
+				for (var i=0; i<regions.length; i++) {
+					r = regions[i];
+					r.given = 0;
+					if (r[primary] == 0) totalPrimaries += r.object.getBounds()[primary];
+				}
+				// now we know total raw heights of objects needing height applied
+				// loop back through and give these objects their proportion of what is left
+				for (var i=0; i<regions.length; i++) {
+					r = regions[i];
+					if (r[primary] == 0) r.given = r.object.getBounds()[primary] / totalPrimaries * leftOverPrimary;			
+				}
+			}
+			
+			this.resize = function() {
+				if (!that.active) return;
+				bounds = scalingObject.getBounds();
+				holder.setBounds(0,0,bounds.width,bounds.height);
 				backing.graphics.clear();
-				if (backgroundColor!=-1) backing.graphics.f(backgroundColor).r(0,0,bounds.width,bounds.height);
-									
-				primary = (vertical) ? bounds.height : bounds.width;
-				secondary = (vertical) ? bounds.width-bounds.x*2 : bounds.height-bounds.y*2;
-				
-				var primaryFit1=0; var primaryFit2=0; var primaryFit3=0; 
-				var secondaryFit1=0; var secondaryFit2=0; var secondaryFit3=0;
-				var scale1=0; var scale2=0; var scale3=0;							
-							
-				// check obj1 meets min1 (primary) when set to max1 (secondary)
-				// check obj3 meets min3 (primary) when set to max3 (secondary)
-				
-				primaryPos = 0; // do not care about x and y right now
-				secondaryPos = 0;
+				if (backgroundColor!="") backing.graphics.f(backgroundColor).r(0,0,bounds.width,bounds.height);
+					
+				for (var i=0; i<regions.length; i++) {
+					r = regions[i];
+					r.maxGiven = 0;	
+					r.marginGiven = 0;
+				}		
+				// all the primaries are applied 
+				// but some objects might not need the primary because they have maxed out on maxSecondary
+				// we need to give this extra primary back to the pool 
+				// and keep doing it until there are no more maxed objects
 				
-				if (obj1) {					
-					primaryLen = min1Start*primary/100;	// mins, maxes and margins are percent so convert to pixels
-					secondaryLen = max1*secondary/100;	
-					setFit(1,primaryPos,secondaryPos,primaryLen,secondaryLen);	
-					if (primaryFit1 < min1Start*primary/100) {						
-						min1 = primaryFit1*100/primary;
-						if (Math.floor(min1) != Math.floor(min1Last) && Math.floor(min1) != Math.floor(min1Start)) {
-							if (zon) zog("zimbuild.js Layout(): region 1 min "+min1Start+"% cannot be met and will be set to "+Math.floor(min1)+"%");	
-							min1Last = min1;
+				var keepGoing = true; var allCheck; var giveBack; 
+				var p; var s; var boundsP; var boundsS; var maxGiven;
+				var leftOverPrimary2 = leftOverPrimary;
+				while (keepGoing) {
+					// check for objects maxed in width
+					giveBack = 0;
+					keepGoing = false; allCheck = true;
+					// we want to keep going unless all objects are maxed
+					// or none of the objects are maxed
+					for (var i=0; i<regions.length; i++) {
+						r = regions[i];				
+						if (r.given > 0 && r.maxGiven == 0) {					
+							p = r.object.getBounds()[primary];
+							s = r.object.getBounds()[secondary];
+							boundsP =  r.given * bounds[primary]/100;
+							boundsS =  r[maxSecondary] * bounds[secondary]/100; // convert to pixels
+							maxGiven = s/p*boundsP;
+							if (maxGiven > boundsS) {
+								// maxed out so give back height
+								keepGoing=true;
+								// store this as maxGiven property
+								// might have to take it away if later minHeights are not met
+								r.maxGiven = p/s*boundsS * 100/bounds[primary]; // convert back to percentage
+								giveBack += r.given - r.maxGiven;
+								leftOverPrimary2 -= r.maxGiven;
+							} else {
+								allCheck = false;
+							}
 						}
+					}
+					
+					if (!keepGoing) break;
+					if (allCheck) break;
+					
+					// redistribute the extra stuff too all that are not maxed out and not with primary values
+					// proportion based on primary dimension of objects in regions
+					// apply this primary to given (primary)
+					totalPrimaries = 0;
+					for (var i=0; i<regions.length; i++) {
+						r = regions[i];
+						if (r[primary] == 0 && r.maxGiven == 0) totalPrimaries += r.object.getBounds()[primary];
+					}
+					// now we know total raw heights of objects needing height applied
+					// loop back through and give these objects their proportion of what is left
+					for (var i=0; i<regions.length; i++) {
+						r = regions[i];
+						if (r[primary] == 0 && r.maxGiven == 0) r.given = r.object.getBounds()[primary] / totalPrimaries * leftOverPrimary2;
 					}			
-				}
+				}			
+	
+				// if end regions have not met their minPrimaries
+				// set those minPrimaries to primaries and resize again
+				// divide leftover primary to regions with no set primary
+				// maximize middle regions as this is usually content
+				// if the edge regions have minPrimaries set them to minPrimary
+				// if they do not have minPrimaries then proportion them equally with the rest
 				
-				if (obj3) {
-					primaryLen = min3Start*primary/100;								
-					secondaryLen = max3*secondary/100;	
-					setFit(3,primaryPos,secondaryPos,primaryLen,secondaryLen);	
-					if (primaryFit3 < min1Start*primary/100) {						
-						min3 = primaryFit3*100/primary;
-						if (Math.floor(min3) != Math.floor(min3Last) && Math.floor(min3) != Math.floor(min3Start)) {
-							if (zon) zog("zimbuild.js Layout(): region 3 min "+min3Start+"% cannot be met and will be set to "+Math.floor(min3)+"%");	
-							min3Last = min3;
-						}
-					}				
+				var scaleCheck = true;
+				r = regions[0];
+				if (r.maxGiven > 0) {
+					 if (r.maxGiven < r[minPrimary]) {r[primary] = r[minPrimary]; scaleCheck = false;}
+				} else if (r.given > 0) {
+					 if (r.given < r[minPrimary]) {r[primary] = r[minPrimary]; scaleCheck = false;}
 				}
-				
-				// get original primary lengths for later (height or width of object bounds)
-				var p1 = 0; var p3 = 0;
-				if (vertical) {
-					if (obj1) p1 = obj1.getBounds().height;
-					if (obj3) p3 = obj3.getBounds().height;
-				} else {
-					if (obj1) p1 = obj1.getBounds().width;
-					if (obj3) p3 = obj3.getBounds().width;
+				r = regions[regions.length-1];
+				if (r.maxGiven > 0) {
+					 if (r.maxGiven < r[minPrimary]) {r[primary] = r[minPrimary]; scaleCheck = false;}
+				} else if (r.given > 0) {
+					 if (r.given < r[minPrimary]) {r[primary] = r[minPrimary]; scaleCheck = false;}
 				}
-				
-				// determine the Flexive State based first on the middle region which floats between the outer regions
-				// unfortunately, these stages seem to have different requirements in terms of maximizing regions
-				// this makes the procedural code below fairly complex
-				// it probably would have been better to code the regions as independent object
-				// and let them work themselves out leading to any number of regions being added, etc.
-				// I did not quite expect the complexities so it was a fun two day puzzle			
-				
-				var leftover = (100-margins)*primary/100;
-				var x; var y; var w; var h; 
-				var primaryPos; var primaryLen; var secondaryPosition; var secondaryLen;
-				var newScale = 0; var f;			
-				
-				if (obj2) {
-					
-					// setFitPrimary(num, pos, length) is used a lot below
-					// you pass in which region (1, 2 or 3)
-					// and then a primary min position - this is y in vertical or x in horizontal
-					// and then a primary length - this is height in vertical or width in horizontal
-					// and then it automatically maximizes the secondary position and length
-					// these for a possible bounding rectangle in which to fit the object					
-					// the function takes these dimensions and uses setFit() to fit the object
-					// (sometimes setFit() is used directly if we only want dimensions and no final positioning 
-					// the setFit function uses zim.fit() which actually scales and positions the object
-					// it setFit also populates the following variables:
-					
-					// the resulting fit length in the primary (height for vertical, width for horizontal)
-					// primaryFit1, primaryFit2, primaryFit3
-					// the resulting fit length in the secondary (width for vertical, height for horizontal)
-					// primaryFit1, primaryFit2, primaryFit3
-					
-					// the setFitPrimary (and the other functions) also return an object as follows:
-					// {x:posX, y:posY, w:width, h:height, s:scale} of the fit object
-					// these are, on occassion, used for fitting the next object 
-					
-					// the setFitPrimary() also automatically handles aligning the object within the bounds					
-					
-					setFitPrimary(2, (margin1+min1+margin2)*primary/100, (100-(margins+min1+min3))*primary/100);
-														
-					if (Math.round(secondaryFit2) == Math.round(secondaryLen)) {
-						
-						// we are on stage 2 if the middle has maxed-out in the secondary
-						// we are on stage 3 if all the objects have maxed-out in the secondary						
-						// how much room is leftover for obj1 and obj2 in the primary
-						
-						leftover = (100-margins-primaryFit2*100/primary)*primary/100;
+				if (!scaleCheck) {
+					// recalculate leftOverPrimary
+					totalAbsolute = 0;
+					for (var i=0; i<regions.length; i++) {
+						r = regions[i];
+						totalAbsolute += r[primary] + r[marginPrimary];	
+					}
+					totalAbsolute += lastMargin;
+					if (totalAbsolute > 100) {zog("zim build - Layout(): cannot fit regions into 100% bounds"); return;}
 					
-						// can obj1 and obj2 go to max in secondary
-						// and fit in the leftover in the primary?	
-						// do not need to check for x and y - just want the lengths
-						
-						primaryPos = 0; secondaryPos = 0; primaryLen = 10000; // unlimited
-						if (obj1) setFit(1,primaryPos,secondaryPos,primaryLen,max1*secondary/100);	
-						if (obj3) setFit(3,primaryPos,secondaryPos,primaryLen,max3*secondary/100);
-												
-						if (primaryFit1 + primaryFit3 > leftover) {
-							state2();
-						} else {
-							state3();	
-						}						
-					} else { // the middle has not maxed-out in the secondary
-						state1();
-					}					
-				} else {
-					state3(); // check on this... 
+					leftOverPrimary = 100-totalAbsolute;
+					distribute();
+					that.resize();
+					return;
 				}
 				
 			
-				// STATE 1 - STATIONARY
-				// the middle object (obj2) has not maxed-out in the secondary direction
-				// outer objects (obj1 and obj3) are set to min1 and min3 in the primary direction
-				function state1() {
-					
-					// if logging is turned on we log the Flexive state we are on
-					if (logStates) {state=1; if (state!=lastState) {zog("Flexive State "+state); lastState=state;}};	
-										
-					if (obj1) setFitPrimary(1, margin1*primary/100, min1*primary/100);					
-					if (obj3) setFitPrimary(3, primary-min3*primary/100-margin4*primary/100, min3*primary/100);										
-				}
-				
-				
-				// STATE 2 - SQUEEZE
-				// middle is being squeezed in the secondary so its primary length shortens proportionally
-				// giving the outer objects room to grow in the primary until they too reach max in the secondary			
-				function state2() {
-					
-					if (logStates) {state=2; if (state!=lastState) {zog("Flexive State "+state); lastState=state;}};
-										
-					// the expanding outer objects may change the positioning of the middle object					
-					if (regionShape) regionShape.graphics.clear();
-					backing.graphics.clear();			
-					if (backgroundColor!=-1) backing.graphics.f(backgroundColor).r(0,0,bounds.width,bounds.height);
-															
-					// if scale of obj1 at max is greater than scale of obj3 at max					
-					primaryPos = 0; secondaryPos = 0;
-					secondaryLen = 10000; // unlimited
-												
-					if (scale1 >= scale3) { // obj1 hits first
-						if (obj3) { // leftover is in pixels							
-							var leftover1 = leftover - primaryFit3;
-							if (leftover1 >= p1*scale3) { // rescale obj1 to leftover1	
-								if (obj2) setFit(1,primaryPos,secondaryPos,leftover1,secondaryLen);	
-							} else { // equal scale equation								
-								newScale = leftover/(p1+p3);								
-							}								
-						} else { // rescale obj1 to leftover1
-							if (obj2) setFit(1,primaryPos,secondaryPos,leftover,secondaryLen);								
+				// if specified all primaries or all maxed in secondary
+				// then distribute based on inner margins
+				// watch out - may need to revert to original margins if page is resized
+				// so introduce a new marginGiven property
+			
+				var allHeights = true; var marginTotal = 0; var primaryTotal = 0;
+				for (var i=0; i<regions.length; i++) {
+					r = regions[i];
+					marginTotal += r[marginPrimary];
+					if (r[primary] > 0) primaryTotal += r[primary];
+					else if (r.maxGiven > 0) primaryTotal += r.maxGiven;
+					else if (r.given > 0) primaryTotal += r.given;
+					if (r[primary] == 0) {
+						allHeights = false;
+					}
+				}			
+				if (allHeights || allCheck) {
+					marginTotal += lastMargin;
+					var extra = 100-primaryTotal-marginTotal;
+					// remove two outer margins
+					marginTotal -= (lastMargin + regions[0][marginPrimary]);
+					if (extra != 0 && marginTotal != 0) { // divide up extra margin space
+						for (var i=0; i<regions.length; i++) {
+							if (i==0) continue;
+							r = regions[i];
+							r.marginGiven = r[marginPrimary]/marginTotal*(marginTotal+extra);
 						}
-					} else { // obj3 hits first
-						if (obj1) {								
-							var leftover3 = leftover - primaryFit1;
-							if (leftover3 >= p3*scale1) { // rescale obj3 to leftover3								
-								if (obj2) setFit(3,primaryPos,secondaryPos,leftover3,secondaryLen);	
-							} else { // equal scale equation									
-								newScale = leftover/(p1+p3);								
-							}								
-						} else { // rescale obj3 to leftover3								
-							if (obj2) setFit(3,primaryPos,secondaryPos,leftover,secondaryLen);
-						}						
-					}	
-									
-					if (newScale != 0) {
-						// scale obj1 and obj3 to new scale (scale them proportionally)
-						if (obj1) setFit(1,primaryPos,secondaryPos,p1*newScale,secondaryLen);
-						if (obj3) setFit(3,primaryPos,secondaryPos,p3*newScale,secondaryLen);
 					}
-					
-					if (obj1) setFitPrimary(1, margin1*primary/100, primaryFit1);															
-					if (obj3) setFitPrimary(3, (margin1+margin2+margin3)*primary/100 + primaryFit1 + primaryFit2, primaryFit3);					
-					if (obj2) setFitPrimary(2, (margin1+margin2)*primary/100+primaryFit1, (100-margins)*primary/100-primaryFit1-primaryFit3);									
-				}
-				
+				}					
+			
+				// ready to fit objects into regions, align and draw any bounds and background colors
+				var pPos=0; // primary position (x for horizontal, y for vertical)
+				var sPos=0; // secondary position			
+				var p;  	// primary dimension (width for horizontal, height for vertical)
+				var s;		// secondary dimension
+				var f; 		// fit variable will receive a handy object with new data and original region bounds data
+							// {x:obj.x, y:obj.y, width:newW, height:newH, scale:scale, bX:left, bY:top, bWidth:width, bHeight:height}
 				
-				// STATE 3 - SPREAD
-				// all objects are maxed-out in the secondary direction
-				// the outer objects anchor to the outsides and the middle object centers
-				function state3() {
+				var addedW; var addedH;	// just a little offscreen coloring to help page transitions		
+				if (regionShape && regionShape.graphics) {
+					var g = regionShape.graphics;				
+					g.c();
+				}
+				for (var i=0; i<regions.length; i++) {
+					r = regions[i];
 					
-					if (logStates) {state=3; if (state!=lastState) {zog("Flexive State "+state); lastState=state;}};
+					// calculate primary data
+					if (r.marginGiven > 0) pPos += r.marginGiven * bounds[primary]/100; // convert to pixels
+					else pPos += r[marginPrimary] * bounds[primary]/100;				
+					if (r[primary] > 0) {p = r[primary];}
+					else if (r.maxGiven > 0) {p = r.maxGiven;}
+					else if (r.given > 0) {p = r.given;}
+					else {p = 0;}
+					p = p * bounds[primary]/100;
 					
-					if (regionShape) regionShape.graphics.clear();
-					backing.graphics.clear();
-					if (backgroundColor!=-1) backing.graphics.f(backgroundColor).r(0,0,bounds.width,bounds.height);
-										
-					if (obj1 && !obj2 && ! obj3) {							
-						setFitPrimary(1, margin1*primary/100, primary-(margin1+margin4)*primary/100);																					
-					}
-					if (obj2 && !obj1 && ! obj3) {
-						setFitPrimary(2, margin2*primary/100, primary-(margin2+margin4)*primary/100);						
-					}	
-					if (obj3 && !obj1 && ! obj2) {						
-						setFitPrimary(3, margin3*primary/100, primary-(margin3+margin4)*primary/100);						
-					}
-					if (obj1 && obj3 && !obj2) {						
-						// match scales						
-						newScale = (100-margin1-margin4-margin3)*primary/100/(p1+p3);												
-						f = setFitPrimary(1, margin1*primary/100, p1*newScale);	
-						setFitPrimary(3, (margin1+margin3)*primary/100 + ((vertical) ? f.h : f.w), p3*newScale);					
-					}	
-					if (obj1 && obj2 && !obj3) {						
-						// match scales						
-						newScale = (100-margin1-margin4-margin2)*primary/100/(primaryFit1+primaryFit2);												
-						f = setFitPrimary(1, margin1*primary/100, primaryFit1*newScale);	
-						setFitPrimary(2, (margin1+margin2)*primary/100 + ((vertical) ? f.h : f.w), primaryFit2*newScale);					
-					}	
-					if (obj2 && obj3 && !obj1) {						
-						// match scales						
-						newScale = (100-margin3-margin4-margin2)*primary/100/(primaryFit3+primaryFit2);												
-						f = setFitPrimary(2, margin2*primary/100, primaryFit2*newScale);	
-						setFitPrimary(3, (margin2+margin3)*primary/100 + ((vertical) ? f.h : f.w), primaryFit3*newScale);					
+					// calculate secondary data
+					s = r[maxSecondary] * bounds[secondary]/100;
+					sPos = (bounds[secondary]-s)/2;
+					
+					// fit the objects into the region, align and draw any regionShape
+					// this is slightly different for different orientations
+					if (vertical) f = zim.fit(r.object,sPos,pPos,s,p);
+					else f = zim.fit(r.object,pPos,sPos,p,s);
+					
+					// handle alignment
+					if (r.valign == "top") r.object.y = f.bY;	
+					else if (r.valign == "bottom") r.object.y = f.bY+f.bHeight-f.height;	
+					if (r.align == "left") r.object.x = f.bX;	
+					else if (r.align == "right") r.object.x = f.bX+f.bWidth-f.width;
+					if (regionShape && regionShape.graphics) {
+						g.s("white").ss(2).r(f.bX,f.bY,f.bWidth,f.bHeight);
+						g.s("#ff8203").ss(2).drawDashedRect(f.bX,f.bY,f.bWidth,f.bHeight,20);
 					}	
-					if (obj1 && obj2 && obj3) {																	
-						// only gets here if all three are maxed in secondary
-						// so proportion what is left after margins to the maxed-out heights of objects
-						// dimensions (primaryFit, secondaryFit) come in correctly but not positions
-						// find new heights						
-						leftover = (100-margins)*primary/100;							
-						f = setFitPrimary(1, margin1*primary/100, primaryFit1*leftover/(primaryFit1+primaryFit2+primaryFit3));	
-						f = setFitPrimary(2, (margin1+margin2)*primary/100+ ((vertical) ? f.h : f.w), primaryFit2*leftover/(primaryFit1+primaryFit2+primaryFit3));																				
-						primaryLen = primaryFit3*leftover/(primaryFit1+primaryFit2+primaryFit3);
-						primaryPos = primary-margin4*primary/100-primaryLen; // note, uses primaryLen in primaryPos	
-						f = setFitPrimary(3, primaryPos, primaryLen);						
-					}											
-				}	
+						
+					// draw any backing colors for region
+					// transitions in ZIM Pages need a little extra overlap on page edges
+					addedH = addedW = 0;
+					if (pPos == 0 || (pPos+p) == bounds[primary]) if (vertical) {addedH=1} else {addedW=1};						
+					if (s == bounds[secondary]) if (vertical) {addedW=1} else {addedH=1};
+					if (r.backgroundColor != "") backing.graphics.f(r.backgroundColor).r(f.bX, f.bY, f.bWidth+addedW, f.bHeight+addedH);
 				
-				function setFit(num,primaryPos,secondaryPos,primaryLen,secondaryLen) {										
-					x = (vertical) ? secondaryPos : primaryPos;
-					y = (vertical) ? primaryPos : secondaryPos;
-					w = (vertical) ? secondaryLen : primaryLen;
-					h = (vertical) ? primaryLen : secondaryLen;									
-					eval('fit'+num+' = zim.fit(obj'+num+',x,y,w,h);');
-					eval('primaryFit'+num+' = (vertical) ? fit'+num+'.height : fit'+num+'.width;');
-					eval('secondaryFit'+num+' = (vertical) ? fit'+num+'.width : fit'+num+'.height;');
-					eval('scale'+num+' = fit'+num+'.scale;');					
-					return {x:x, y:y, w:w, h:h};				
+					// increase our primary position
+					pPos += p;				
 				}
-				
-				function setFitPrimary(num, primaryPos, primaryLen) {				
-					var colors = [null,"red","blue","green"];
-					eval('secondaryPos = (100-max'+num+')/2*secondary/100;');
-					eval('secondaryLen = max'+num+'*secondary/100;');
-					eval('f = setFit('+num+',primaryPos,secondaryPos,primaryLen,secondaryLen);');	
-					var addedW=0; var addedH=0; // transitions need a little extra overlap on page edges
-					if (primaryPos == 0 || (primaryPos+primaryLen) == primary) if (vertical) {addedH=1} else {addedW=1};						
-					if (secondaryLen == secondary) if (vertical) {addedW=1} else {addedH=1};												
-					eval('if (bg'+num+' != "") backing.graphics.f(bg'+num+').r(f.x, f.y, f.w+addedW, f.h+addedH);');
-					eval('if (regionShape) regionShape.graphics.s("'+colors[num]+'").ss(2).dr(f.x, f.y, f.w, f.h);');
-					eval('if (valign'+num+'=="top") obj'+num+'.y = f.y;');
-					eval('if (valign'+num+'=="bottom") obj'+num+'.y = f.y+f.h-((vertical)?primaryFit'+num+':secondaryFit'+num+');');
-					eval('if (align'+num+'=="left") obj'+num+'.x = f.x - bounds.x;');
-					eval('if (align'+num+'=="right") obj'+num+'.x = f.x-bounds.x+f.w-((vertical)?secondaryFit'+num+':primaryFit'+num+');');										 
-					return f;
-				}				
-									
-				if (!stage) {
-					for (var i=1; i<=3; i++) eval ('if (obj'+i+' && obj'+i+'.getStage()) stage = obj'+i+'.getStage();');
-				} 
-				if (stage) stage.update();
 			}
-						
-			function assignVariables(i,vertical) {
-				if (vertical) {
-					if (eval('region'+i)) {
-						eval('obj'+i+'=region'+i+'.object;');
-						eval('margin'+i+'=(region'+i+'.marginTop)?region'+i+'.marginTop:0;');
-						eval('max'+i+'=(region'+i+'.maxWidth)?region'+i+'.maxWidth:100;');
-						if (i!=2) eval('min'+i+'=(region'+i+'.minHeight)?region'+i+'.minHeight:0;');
-						eval('if (region'+i+'.align) align'+i+'=region'+i+'.align;');
-						eval('if (region'+i+'.valign) valign'+i+'=region'+i+'.valign;');
-						eval('bg'+i+'=(region'+i+'.backgroundColor)?region'+i+'.backgroundColor:"";');						
-					}
-				} else {
-					if (eval('region'+i)) {						
-						eval('obj'+i+'=region'+i+'.object;');					
-						eval('margin'+i+'=(region'+i+'.marginLeft)?region'+i+'.marginLeft:0;');
-						eval('max'+i+'=(region'+i+'.maxHeight)?region'+i+'.maxHeight:100;');
-						if (i!=2) eval('min'+i+'=(region'+i+'.minWidth)?region'+i+'.minWidth:0;');
-						eval('if (region'+i+'.align) align'+i+'=region'+i+'.align;');
-						eval('if (region'+i+'.valign) valign'+i+'=region'+i+'.valign;');
-						eval('bg'+i+'=(region'+i+'.backgroundColor)?region'+i+'.backgroundColor:"";');
-					}
-				}					
-				eval ('if (obj'+i+' && obj'+i+'.getStage()) stage = obj'+i+'.getStage();');
-				eval ('if (obj'+i+' && obj'+i+'.getStage()) stage = obj'+i+'.getStage();');
-				
-			}	
 			
+			this.resize();
+			
+			// add regionShape if there is one and backing shape
 			if (regionShape) holder.addChild(regionShape);						
 			holder.addChildAt(backing,0);			
-			
-			this.resize = function() {
-				if (!that.active) return;
-				bounds = scalingObject.getBounds();
-				holder.setBounds(0,0,bounds.width,bounds.height);
-				calculate();	
-			}
-			
+				
+			// key listener and other methods:
+				
 			// add key listener to hide and show the bounds				
 			window.addEventListener("keydown", keyEvent);			
 			function keyEvent(e) {				
 				if (!e) e=event; 								
-				if (regionShape) {
-					if (e.keyCode == 66) { // B
+				if (regionShape) {					
+					if (String.fromCharCode(e.keyCode) == hideKey.toUpperCase()) { // B
 						regionShape.visible = !regionShape.visible;	
 						if (regionShape.getStage()) regionShape.getStage().update();
 					}
@@ -1546,13 +1896,9 @@ var zim = function(zim) {
 			this.enable = function() {	
 				that.active = true;			
 				window.addEventListener("keydown", keyEvent);
-				that.resize = function() {
-					bounds = scalingObject.getBounds();
-					calculate();	
-				}		
+				that.resize();
 				if (regionShape) regionShape.alpha = 1;				
-			}
-						
+			}					
 			
 			this.removeShape = function() { // use for final app				
 				if (regionShape) {
@@ -1567,7 +1913,6 @@ var zim = function(zim) {
 			this.addShape = function(shape, target) { 			
 				that.removeShape();
 				regionShape = shape;
-				regionTarget = target;
 				window.addEventListener("keydown", keyEvent);				
 				holder.addChild(regionShape);				
 				that.resize();
@@ -1579,7 +1924,8 @@ var zim = function(zim) {
 				// which gets removed when we removeShape below
 				that.removeShape();
 			}				
-	
+				
+			
 		}
 		// note the actual class is wrapped in a function
 		// because createjs might not have existed at load time	
@@ -1588,25 +1934,30 @@ var zim = function(zim) {
 		return new makeLayout();
 	}	
 	
-	// LayoutManager class
-	// add Zim Layout objects and update them all at once
-	// also can remove all layout region bound shapes at once
-	// as well as remove the B key to show the region bound shapes
-	// for a final project, call the removeShapes()
-	// this will remove all shapes and key events
-	// the layouts will remain in place to handle multiple screen sizes
-	
-	// METHODS 
-	// add(layout) - registers a layout with the LayoutManager
-	// resize() - resizes all the layouts in the LayoutManager
-	// disable() - disables all the layouts in the LayoutManager (shapes and sizing)
-	// enable() - enables all the layouts in the LayoutManager (shapes and sizing)
-	// dispose() - only removes bounds shapes and keyboard events (does not really dispose)
-	
-	// note: to just hide bounds, you use the B key
-	
+
+/*--
+zim.LayoutManager = function()
+
+LayoutManager class
+
+add Zim Layout objects and update them all at once
+also can remove all layout region bound shapes at once
+as well as remove the B key to show the region bound shapes
+for a final project, call the removeShapes()
+this will remove all shapes and key events
+the layouts will remain in place to handle multiple screen sizes
+
+METHODS 
+add(layout) - registers a layout with the LayoutManager
+resize() - resizes all the layouts in the LayoutManager
+disable() - disables all the layouts in the LayoutManager (shapes and sizing)
+enable() - enables all the layouts in the LayoutManager (shapes and sizing)
+dispose() - only removes bounds shapes and keyboard events (does not really dispose)
+
+note: to just hide bounds, you use the B key
+--*/	
 	zim.LayoutManager = function() {		
-		if (zon) zog("zimbuild.js: LayoutManager");
+		if (zon) zog("zim pages - LayoutManager");
 		var that = this;
 		this.layouts = [];
 		this.add = function(layout) {
@@ -1633,9 +1984,8 @@ var zim = function(zim) {
 				that.layouts[i].removeShape(); // also removes key events
 			}
 		}		
-	}		
+	}	
 	
-
 	return zim;
 } (zim || {});
-} 
+} 
\ No newline at end of file
diff --git a/zimwrap.js b/zimwrap.js
index 1b06786..49f0885 100644
--- a/zimwrap.js
+++ b/zimwrap.js
@@ -10,24 +10,36 @@
 // set var zon=true before calling zim scripts to show script comments
 if (typeof zon === "undefined") zon = false; // comments from zim scripts
 
-// zog() is a short version of console.log() 
+/*--
+zog(item1, item2, etc.) ~ log
+a wrapper for console.log()
+--*/
 var zog = console.log.bind(console);
+if (zon) zog("ZIM WRAP - zog zid zss zgo zum zot zop zil");
 
-if (zon) zog("ZIM WRAP - zog, zid, zss, zgo, zum, zot, zop");
-
+/*--
+zid(string)             ~ id
+short version of document.getElementById(s)
+--*/
 function zid(s) {
-	// short version of document.getElementById()
 	return document.getElementById(s);	
 }
 
+/*--
+zss(string)             ~ css
+short version of document.getElementById(s).style
+so you can do zss("logo").top = "10px"; // for instance
+--*/
 function zss(s) {
-	// short version of document.getElementById(s).style
-	// so you can do zss("logo").top = "10px"; // for instance
-	return document.getElementById(s).style;	
+	if (document.getElementById(s)) {return document.getElementById(s).style;}
+	else if (zon) zog("zim wrap - zss(): id not found");
 }
 
+/*--
+zgo(url, target, modal) ~ go
+short version of either window.location.href or window.open
+--*/
 function zgo(u,t,m) {
-	// short version of either window.location.href or window.open
 	if (zot(t) && t != "" && t != "_self") {
 		window.location.href = u;
 	} else {
@@ -39,24 +51,53 @@ function zgo(u,t,m) {
 	}
 }
 
-function zum(n) {
-	// converts 10px string from style to number 10, for instance
-	// if there is no value then this will return 0
-	return Number(n.replace(/[^\d\.\-]/g, ''));	
+/*--
+zum(string)             ~ num
+converts "10px string from styles to number 10, for instance
+if there is no value then this will return 0
+--*/
+function zum(s) {
+	if (zot(s)) return;
+	return Number(String(s).replace(/[^\d\.\-]/g, ''));	
 }
 
+/*--
+zot(value)              ~ not
+test to see if value has no value (value must exist as var or parameter)
+or if value has been set to null
+good for setting function defaults: if (zot(speed)) speed=1;
+--*/
 function zot(v) {
-	// test to see if v has no value (v must exist as var or parameter)
-	// or if v has been set to null
-	// good for setting function defaults: if (zot(speed)) speed=1;
 	if (v === null) return true;
 	return typeof v === "undefined";
 }
 
+/*--
+zop(e)                  ~ stop
+stop event propagation - just easier to remember than below
+must pass it e || window.event from your event function
+--*/
 function zop(e) {
-	// stop event propagation - must pass it e || window.event;
-	// stop keys from moving content - arrows, spacebar, pgup, pgdown, home, end
-	if (e.keyCode && (e.keyCode >= 32 && e.keyCode <= 40)) e.preventDefault();
+	if (zot(e)) return;	
 	if (e.stopImmediatePropagation) e.stopImmediatePropagation();
 	if (window.event) window.event.cancelBubble=true;	
 }
+
+/*--
+zil()                   ~ still
+stop keys from moving content - arrows, spacebar, pgup, pgdown, home, end
+stop scroll wheel from moving content - scrolling the canvas for instance
+do once at start - usually in the template for full scale mode
+returns an array of references to three listeners: [keydown, mousewheel and DOMMouseScroll]
+use these to removeEventListeners
+--*/
+function zil() {
+	
+	var a = function(e) {if (!e) e = event; if (e.keyCode && (e.keyCode >= 32 && e.keyCode <= 40)) e.preventDefault();}
+	var b = function(e) {if (!e) e = event; e.preventDefault();}
+	var c = b;
+	window.addEventListener("keydown", a);
+	window.addEventListener("mousewheel", b);
+	window.addEventListener("DOMMouseScroll", c);
+	return [a, b, c];	
+}