text: define("dojox/mobile/_compat", [
  	"dojo/_base/array",	// array.forEach
  	"dojo/_base/config",
  	"dojo/_base/connect",	// connect.connect
  	"dojo/_base/fx",	// fx.fadeOut, fx.fadeIn
  	"dojo/_base/lang",	// lang.extend, lang.isArray
  	"dojo/sniff",		// has("webkit"), has("ie")
  	"dojo/_base/window",	// win.doc, win.body
  	"dojo/dom-class",
  	"dojo/dom-construct",
  	"dojo/dom-geometry",
  	"dojo/dom-style",
  	"dojo/dom-attr",
  	"dojo/fx",
  	"dojo/fx/easing",
  	"dojo/ready",
  	"dojo/uacss",
  	"dijit/registry",	// registry.byNode
  	"dojox/fx",
  	"dojox/fx/flip",
  	"./EdgeToEdgeList",
  	"./IconContainer",
  	"./ProgressIndicator",
  	"./RoundRect",
  	"./RoundRectList",
  	"./ScrollableView",
  	"./Switch",
  	"./View",
  	"./Heading",
  	"require"
  ], function(array, config, connect, bfx, lang, has, win, domClass, domConstruct, domGeometry, domStyle, domAttr, fx, easing, ready, uacss, registry, xfx, flip, EdgeToEdgeList, IconContainer, ProgressIndicator, RoundRect, RoundRectList, ScrollableView, Switch, View, Heading, require){
  
  	// module:
  	//		dojox/mobile/compat
  
  /*=====
  return {
  	// summary:
  	//		CSS3 compatibility module.
  	// description:
  	//		This module provides to dojox/mobile support for some of the CSS3 features 
  	//		in non-CSS3 browsers, such as IE or Firefox.
  	//		If you require this module, when running in a non-CSS3 browser it directly 
  	//		replaces some of the methods of	dojox/mobile classes, without any subclassing. 
  	//		This way, HTML pages remain the same regardless of whether this compatibility 
  	//		module is used or not.
  	//
  	//		Example of usage: 
  	//		|	require([
  	//		|		"dojox/mobile",
  	//		|		"dojox/mobile/compat",
  	//		|		...
  	//		|	], function(...){
  	//		|		...
  	//		|	});
  	//
  	//		This module also loads compatibility CSS files, which have a -compat.css
  	//		suffix. You can use either the `<link>` tag or `@import` to load theme
  	//		CSS files. Then, this module searches for the loaded CSS files and loads
  	//		compatibility CSS files. For example, if you load dojox/mobile/themes/iphone/iphone.css
  	//		in a page, this module automatically loads dojox/mobile/themes/iphone/iphone-compat.css.
  	//		If you explicitly load iphone-compat.css with `<link>` or `@import`,
  	//		this module will not load again the already loaded file.
  	//
  	//		Note that, by default, compatibility CSS files are only loaded for CSS files located
  	//		in a directory containing a "mobile/themes" path. For that, a matching is done using 
  	//		the default pattern	"/\/mobile\/themes\/.*\.css$/". If a custom theme is not located 
  	//		in a directory containing this path, the data-dojo-config needs to specify a custom 
  	//		pattern using the "mblLoadCompatPattern" configuration parameter, for instance:
  	//		|	data-dojo-config="mblLoadCompatPattern: /\/mycustomtheme\/.*\.css$/"
  };
  =====*/
  
  	var dm = lang.getObject("dojox.mobile", true);
  
  	if(!(has("webkit") || has("ie") === 10 || (!has("ie") && has("trident") > 6))){
  		lang.extend(View, {
  			_doTransition: function(fromNode, toNode, transition, dir){
  				var anim;
  				this.wakeUp(toNode);
  				var s1, s2;
  				if(!transition || transition == "none"){
  					toNode.style.display = "";
  					fromNode.style.display = "none";
  					toNode.style.left = "0px";
  					this.invokeCallback();
  				}else if(transition == "slide" || transition == "cover" || transition == "reveal"){
  					var w = fromNode.offsetWidth;
  					s1 = fx.slideTo({
  						node: fromNode,
  						duration: 400,
  						left: -w*dir,
  						top: domStyle.get(fromNode, "top")
  					});
  					s2 = fx.slideTo({
  						node: toNode,
  						duration: 400,
  						left: 0,
  						top: domStyle.get(toNode, "top")
  					});
  					toNode.style.position = "absolute";
  					toNode.style.left = w*dir + "px";
  					toNode.style.display = "";
  					anim = fx.combine([s1,s2]);
  					connect.connect(anim, "onEnd", this, function(){
  						if(!this._inProgress){ return; } // transition has been aborted
  						fromNode.style.display = "none";
  						fromNode.style.left = "0px";
  						toNode.style.position = "relative";
  						var toWidget = registry.byNode(toNode);
  						if(toWidget && !domClass.contains(toWidget.domNode, "out")){
  							// Reset the temporary padding
  							toWidget.containerNode.style.paddingTop = "";
  						}
  						this.invokeCallback();
  					});
  					anim.play();
  				}else if(transition == "slidev" || transition == "coverv" || transition == "reavealv"){
  					var h = fromNode.offsetHeight;
  					s1 = fx.slideTo({
  						node: fromNode,
  						duration: 400,
  						left: 0,
  						top: -h*dir
  					});
  					s2 = fx.slideTo({
  						node: toNode,
  						duration: 400,
  						left: 0,
  						top: 0
  					});
  					toNode.style.position = "absolute";
  					toNode.style.top = h*dir + "px";
  					toNode.style.left = "0px";
  					toNode.style.display = "";
  					anim = fx.combine([s1,s2]);
  					connect.connect(anim, "onEnd", this, function(){
  						if(!this._inProgress){ return; } // transition has been aborted
  						fromNode.style.display = "none";
  						toNode.style.position = "relative";
  						this.invokeCallback();
  					});
  					anim.play();
  				}else if(transition == "flip"){
  					anim = xfx.flip({
  						node: fromNode,
  						dir: "right",
  						depth: 0.5,
  						duration: 400
  					});
  					toNode.style.position = "absolute";
  					toNode.style.left = "0px";
  					connect.connect(anim, "onEnd", this, function(){
  						if(!this._inProgress){ return; } // transition has been aborted
  						fromNode.style.display = "none";
  						toNode.style.position = "relative";
  						toNode.style.display = "";
  						this.invokeCallback();
  					});
  					anim.play();
  				}else {
  					// other transitions - "fade", "dissolve", "swirl"
  					anim = fx.chain([
  						bfx.fadeOut({
  							node: fromNode,
  							duration: 600
  						}),
  						bfx.fadeIn({
  							node: toNode,
  							duration: 600
  						})
  					]);
  					toNode.style.position = "absolute";
  					toNode.style.left = "0px";
  					toNode.style.display = "";
  					domStyle.set(toNode, "opacity", 0);
  					connect.connect(anim, "onEnd", this, function(){
  						if(!this._inProgress){ return; } // transition has been aborted
  						fromNode.style.display = "none";
  						toNode.style.position = "relative";
  						domStyle.set(fromNode, "opacity", 1);
  						this.invokeCallback();
  					});
  					anim.play();
  				}
  			},
  
  			wakeUp: function(/*DomNode*/node){
  				// summary:
  				//		Function to force IE to redraw a node since its layout
  				//		code tends to misrender in partial draws.
  				// node: DomNode
  				//		The node to forcibly redraw.
  				// tags:
  				//		public
  				if(has("ie") && !node._wokeup){
  					node._wokeup = true;
  					var disp = node.style.display;
  					node.style.display = "";
  					var nodes = node.getElementsByTagName("*");
  					for(var i = 0, len = nodes.length; i < len; i++){
  						var val = nodes[i].style.display;
  						nodes[i].style.display = "none";
  						nodes[i].style.display = "";
  						nodes[i].style.display = val;
  					}
  					node.style.display = disp;
  				}
  			}
  		});
  
  
  		lang.extend(Switch, {
  			_changeState: function(/*String*/state, /*Boolean*/anim){
  				// summary:
  				//		Function to toggle the switch state on the switch
  				// state:
  				//		The state to toggle, switch 'on' or 'off'
  				// anim:
  				//		Whether to use animation or not
  				// tags:
  				//		private
  				var on = (state === "on");
  
  				var pos;
  				if(!on){
  					pos = this.isLeftToRight() ? -domStyle.get(this.right,"left") : 0;
  				}else{
  					pos = this.isLeftToRight() ? 0 : -domStyle.get(this.right,"left");
  				}
  
  				this.left.style.display = "";
  				this.right.style.display = "";
  
  				var _this = this;
  				var f = function(){
  					domClass.remove(_this.domNode, on ? "mblSwitchOff" : "mblSwitchOn");
  					domClass.add(_this.domNode, on ? "mblSwitchOn" : "mblSwitchOff");
  					_this.left.style.display = on ? "" : "none";
  					_this.right.style.display = !on ? "" : "none";
  					domAttr.set(_this.domNode, "aria-checked", on ? "true" : "false"); //a11y
  				};
  
  				if(anim){
  					var a = fx.slideTo({
  						node: this.inner,
  						duration: 300,
  						left: pos,
  						onEnd: f
  					});
  					a.play();
  				}else{
  					if((this.isLeftToRight() ? on : !on) || pos){
  						this.inner.style.left = pos + "px";
  					}
  					f();
  				}
  			}
  		});
  
  
  		lang.extend(ProgressIndicator, {
  			scale: function(/*Number*/size){
  				if(has("ie")){
  					var dim = {w:size, h:size};
  					domGeometry.setMarginBox(this.domNode, dim);
  					domGeometry.setMarginBox(this.containerNode, dim);
  				}else if(has("ff")){
  					var scale = size / 40;
  					domStyle.set(this.containerNode, {
  						MozTransform: "scale(" + scale + ")",
  						MozTransformOrigin: "0 0"
  					});
  
  					domGeometry.setMarginBox(this.domNode, {w:size, h:size});
  					domGeometry.setMarginBox(this.containerNode, {w:size / scale, h:size / scale});
  				}
  			}
  		});	
  
  
  		if(has("ie")){
  			lang.extend(RoundRect, {
  				buildRendering: function(){
  					// summary:
  					//		Function to simulate the borderRadius appearance on
  					//		IE, since IE does not support this CSS style.
  					// tags:
  					//		protected
  					dm.createRoundRect(this);
  					this.domNode.className = "mblRoundRect";
  				}
  			});
  
  
  			RoundRectList._addChild = RoundRectList.prototype.addChild;
  			RoundRectList._postCreate = RoundRectList.prototype.postCreate;
  			lang.extend(RoundRectList, {
  				buildRendering: function(){
  					// summary:
  					//		Function to simulate the borderRadius appearance on
  					//		IE, since IE does not support this CSS style.
  					// tags:
  					//		protected
  					dm.createRoundRect(this, true);
  					this.domNode.className = "mblRoundRectList";
  					if(has("ie") && has("dojo-bidi") && !this.isLeftToRight()){
  						this.domNode.className = "mblRoundRectList mblRoundRectListRtl"
  					}
  				},
  
  				postCreate: function(){
  					RoundRectList._postCreate.apply(this, arguments);
  					this.redrawBorders();
  				},
  
  				addChild: function(widget, /*Number?*/insertIndex){
  					RoundRectList._addChild.apply(this, arguments);
  					this.redrawBorders();
  					if(dm.applyPngFilter){
  						dm.applyPngFilter(widget.domNode);
  					}
  				},
  
  				redrawBorders: function(){
  					// summary:
  					//		Function to adjust the creation of RoundRectLists on IE.
  					//		Removed undesired styles.
  					// tags:
  					//		public
  
  					// Remove a border of the last ListItem.
  					// This is for browsers that do not support the last-child CSS pseudo-class.
  
  					if(this instanceof EdgeToEdgeList){ return; }
  					var lastChildFound = false;
  					for(var i = this.containerNode.childNodes.length - 1; i >= 0; i--){
  						var c = this.containerNode.childNodes[i];
  						if(c.tagName == "LI"){
  							c.style.borderBottomStyle = lastChildFound ? "solid" : "none";
  							lastChildFound = true;
  						}
  					}
  				}
  			});	
  
  
  			lang.extend(EdgeToEdgeList, {
  				buildRendering: function(){
  				this.domNode = this.containerNode = this.srcNodeRef || win.doc.createElement("ul");
  					this.domNode.className = "mblEdgeToEdgeList";
  				}
  			});
  
  
  			IconContainer._addChild = IconContainer.prototype.addChild;
  			lang.extend(IconContainer, {
  				addChild: function(widget, /*Number?*/insertIndex){
  					IconContainer._addChild.apply(this, arguments);
  					if(dm.applyPngFilter){
  						dm.applyPngFilter(widget.domNode);
  					}
  				}
  			});
  
  
  			lang.mixin(dm, {
  				createRoundRect: function(_this, isList){
  					// summary:
  					//		Function to adjust the creation of rounded rectangles on IE.
  					//		Deals with IE's lack of borderRadius support
  					// tags:
  					//		public
  					var i, len;
  					_this.domNode = win.doc.createElement("div");
  					_this.domNode.style.padding = "0px";
  					_this.domNode.style.backgroundColor = "transparent";
  					_this.domNode.style.border = "none"; // borderStyle = "none"; doesn't work on IE9
  					_this.containerNode = win.doc.createElement(isList?"ul":"div");
  					_this.containerNode.className = "mblRoundRectContainer";
  					if(_this.srcNodeRef){
  						_this.srcNodeRef.parentNode.replaceChild(_this.domNode, _this.srcNodeRef);
  						for(i = 0, len = _this.srcNodeRef.childNodes.length; i < len; i++){
  							_this.containerNode.appendChild(_this.srcNodeRef.removeChild(_this.srcNodeRef.firstChild));
  						}
  						_this.srcNodeRef = null;
  					}
  					_this.domNode.appendChild(_this.containerNode);
  
  					for(i = 0; i <= 5; i++){
  						var top = domConstruct.create("div");
  						top.className = "mblRoundCorner mblRoundCorner"+i+"T";
  						_this.domNode.insertBefore(top, _this.containerNode);
  
  						var bottom = domConstruct.create("div");
  						bottom.className = "mblRoundCorner mblRoundCorner"+i+"B";
  						_this.domNode.appendChild(bottom);
  					}
  				}
  			});
  
  
  			lang.extend(ScrollableView, {
  				postCreate: function(){
  					// On IE, margin-top of the first child does not seem to be effective,
  					// probably because padding-top is specified for containerNode
  					// to make room for a fixed header. This dummy node is a workaround for that.
  					var dummy = domConstruct.create("div", {className:"mblDummyForIE", innerHTML:"&nbsp;"}, this.containerNode, "first");
  					domStyle.set(dummy, {
  						position: "relative",
  						marginBottom: "-2px",
  						fontSize: "1px"
  					});
  				}
  			});
  		} // if	(has("ie"))
  
  
  		if(has("ie") <= 6){
  			dm.applyPngFilter = function(root){
  				root = root || win.body();
  				var nodes = root.getElementsByTagName("IMG");
  				var blank = require.toUrl("dojo/resources/blank.gif");
  				for(var i = 0, len = nodes.length; i < len; i++){
  					var img = nodes[i];
  					var w = img.offsetWidth;
  					var h = img.offsetHeight;
  					if(w === 0 || h === 0){
  						// The reason why the image has no width/height may be because
  						// display is "none". If that is the case, let's change the
  						// display to "" temporarily and see if the image returns them.
  						if(domStyle.get(img, "display") != "none"){ continue; }
  						img.style.display = "";
  						w = img.offsetWidth;
  						h = img.offsetHeight;
  						img.style.display = "none";
  						if(w === 0 || h === 0){ continue; }
  					}
  					var src = img.src;
  					if(src.indexOf("resources/blank.gif") != -1){ continue; }
  					img.src = blank;
  					img.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src+"')";
  					img.style.width = w + "px";
  					img.style.height = h + "px";
  				}
  			};
  
  			if(!dm._disableBgFilter && dm.createDomButton){
  				dm._createDomButton_orig = dm.createDomButton;
  				dm.createDomButton = function(/*DomNode*/refNode, /*Object?*/style, /*DomNode?*/toNode){
  					var node = dm._createDomButton_orig.apply(this, arguments);
  					if(node && node.className && node.className.indexOf("mblDomButton") !== -1){
  						var f = function(){
  							if(node.currentStyle && node.currentStyle.backgroundImage.match(/url.*(mblDomButton.*\.png)/)){
  								var img = RegExp.$1;
  								var src = require.toUrl("dojox/mobile/themes/common/domButtons/compat/") + img;
  								node.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src+"',sizingMethod='crop')";
  								node.style.background = "none";
  							}
  						};
  						setTimeout(f, 1000);
  						setTimeout(f, 5000);
  					}
  					return node;
  				};
  			}
  		} // if(has("ie") <= 6)
  
  		dm.loadCssFile = function(/*String*/file){
  			// summary:
  			//		Overrides dojox/mobile.loadCssFile() defined in
  			//		deviceTheme.js.
  			if(!dm.loadedCssFiles){ dm.loadedCssFiles = []; }
  			if(win.doc.createStyleSheet){
  				// for some reason, IE hangs when you try to load
  				// multiple css files almost at once.
  				setTimeout(function(file){
  					return function(){
  						var ss = win.doc.createStyleSheet(file);
  						ss && dm.loadedCssFiles.push(ss.owningElement);
  					};
  				}(file), 0);
  			}else{
  				dm.loadedCssFiles.push(domConstruct.create("link", {
  					href: file,
  					type: "text/css",
  					rel: "stylesheet"
  				}, win.doc.getElementsByTagName('head')[0]));
  			}
  		};
  
  		dm.loadCss = function(/*String|Array*/files){
  			// summary:
  			//		Function to load and register CSS files with the page
  			// files: String|Array
  			//		The CSS files to load and register with the page.
  			// tags:
  			//		private
  			if(!dm._loadedCss){
  				var obj = {};
  				array.forEach(dm.getCssPaths(), function(path){
  					obj[path] = true;
  				});
  				dm._loadedCss = obj;
  			}
  			if(!lang.isArray(files)){ files = [files]; }
  			for(var i = 0; i < files.length; i++){
  				var file = files[i];
  				if(!dm._loadedCss[file]){
  					dm._loadedCss[file] = true;
  					dm.loadCssFile(file);
  				}
  			}
  		};
  
  		dm.getCssPaths = function(){
  			var paths = [];
  			var i, j, len;
  
  			// find @import
  			var s = win.doc.styleSheets;
  			for(i = 0; i < s.length; i++){
  				if(s[i].href){ continue; }
  				var r = s[i].cssRules || s[i].imports;
  				if(!r){ continue; }
  				for(j = 0; j < r.length; j++){
  					if(r[j].href){
  						paths.push(r[j].href);
  					}
  				}
  			}
  
  			// find <link>
  			var elems = win.doc.getElementsByTagName("link");
  			for(i = 0, len = elems.length; i < len; i++){
  				if(elems[i].href){
  					paths.push(elems[i].href);
  				}
  			}
  			return paths;
  		};
  
  		dm.loadCompatPattern = /\/mobile\/themes\/.*\.css$/;
  
  		dm.loadCompatCssFiles = function(/*Boolean?*/force){
  			// summary:
  			//		Function to perform page-level adjustments on browsers such as
  			//		IE and firefox.  It loads compat specific css files into the
  			//		page header.
  			if(has("ie") && !force){
  				setTimeout(function(){ // IE needs setTimeout
  					dm.loadCompatCssFiles(true);
  				}, 0);
  				return;
  			}
  			dm._loadedCss = undefined;
  			var paths = dm.getCssPaths();
  			// dojox.mobile mirroring support
  			if(has("dojo-bidi")){
  				paths = dm.loadRtlCssFiles(paths);
  			}
  			for(var i = 0; i < paths.length; i++){
  				var href = paths[i];
  				// Load the -compat.css only for css files that belong to a theme. For that, by default
  				// we match on directories containing "mobile/themes". If a custom theme is located
  				// outside a "mobile/themes" directory, the dojoConfig needs to specify a custom 
  				// pattern using the "mblLoadCompatPattern" configuration parameter, for instance:
  				// data-dojo-config="mblLoadCompatPattern: /\/mycustom\/.*\.css$/"
  				// Additionally, compat css files are loaded for css in the mobile/tests directory.
  				if((href.match(config.mblLoadCompatPattern || dm.loadCompatPattern) || 
  					location.href.indexOf("mobile/tests/") !== -1) && href.indexOf("-compat.css") === -1){
  					var compatCss = href.substring(0, href.length-4)+"-compat.css";
  					dm.loadCss(compatCss);
  				}
  			}
  		};
  		if(has("dojo-bidi")){
  			dm.loadRtlCssFiles = function(/*Array*/paths){
  				// summary:
  				//		Function to load the corresponding *_rtl.css file for every *.css file.
  				//		Enable mobile mirroring support
  				// paths: Array
  				//		Array of css files within the page.
  				for(var i = 0; i < paths.length; i++){
  					var href = paths[i];
  					if(href.indexOf("_rtl") == -1){
  						var rtlCssList = "android.css blackberry.css custom.css iphone.css holodark.css base.css Carousel.css ComboBox.css IconContainer.css IconMenu.css ListItem.css RoundRectCategory.css SpinWheel.css Switch.css TabBar.css ToggleButton.css ToolBarButton.css ProgressIndicator.css Accordion.css GridLayout.css FormLayout.css";
  						var cssName = href.substr(href.lastIndexOf('/') + 1);
  						if(rtlCssList.indexOf(cssName) != -1){
  							var rtlPath = href.replace(".css", "_rtl.css");
  							paths.push(rtlPath);
  							dm.loadCss(rtlPath);
  						}
  					}
  				}
  				return paths;
  			};
  		}
  		dm.hideAddressBar = function(/*Event?*/evt, /*Boolean?*/doResize){
  			if(doResize !== false){ dm.resizeAll(); }
  		};
  
  		ready(function(){
  			if(config.mblLoadCompatCssFiles !== false){
  				dm.loadCompatCssFiles();
  			}
  			if(dm.applyPngFilter){
  				dm.applyPngFilter();
  			}
  		});
  
  	} // end of if(!has("webkit")){
  
  	return dm;
  });
  