fog 1.3.1 → 1.4.0

data/.gitignore

@@ -9,6 +9,7 @@
 bin/*
 !bin/fog
 !bin/rdoc
+.fog
 coverage
 doc/*
 docs/_site/*

data/.irbrc

@@ -0,0 +1,87 @@
+## This is primarily used for easier testing and development or
+#  usage of Fog.
+#
+#  How to use:
+#  1. Add this at the end of your `.irbrc` in your home directory.
+#
+#    @working_directory = Dir.pwd
+#    @local_irbrc = File.join(@working_directory, '.irbrc')
+#
+#    if @working_directory != ENV['HOME']
+#      load @local_irbrc if File.exists?(@local_irbrc)
+#    end
+#
+#    remove_instance_variable(:@working_directory)
+#    remove_instance_variable(:@local_irbrc)
+#
+#  2. Inside the Fog execute `bundle exec irb`
+#
+
+require 'fog'
+
+class ConnectionManager < Hash
+  def [](key)
+    $connection_manager_previous_key = key
+    super(key)
+  end
+
+  def []=(key, value)
+    $connection_manager_previous_key = key
+    super(key, value)
+  end
+end
+
+def connections
+  return @connections if @connections
+  @connections = ConnectionManager.new
+end
+
+def connection
+  connections[$connection_manager_previous_key]
+end
+
+def connect_openstack(username, password, tenant = nil, url = 'http://192.168.27.100:35357/')
+  parameters = {
+    :provider => 'openstack',
+    :openstack_api_key => password,
+    :openstack_username => username,
+    :openstack_auth_url => "#{url}v2.0/tokens"
+  }
+
+  parameters.merge!(:openstack_tenant => tenant) if tenant
+
+  identity = Fog::Identity.new(parameters)
+  compute  = Fog::Compute.new(parameters)
+  volume   = Fog::Volume.new(parameters)
+  image    = Fog::Image.new(parameters)
+
+  connections[username.to_sym] = {
+    :identity => identity,
+    :compute  => compute ,
+    :image    => image
+  }
+end
+
+def connect(parameters)
+  connections_count = connections.count
+  connections[connections_count] = Hash.new
+
+  set_service(connections_count, Fog::Identity, parameters)
+  set_service(connections_count, Fog::Compute , parameters)
+  set_service(connections_count, Fog::Storage , parameters)
+  set_service(connections_count, Fog::Volume  , parameters)
+  set_service(connections_count, Fog::Image   , parameters)
+  set_service(connections_count, Fog::DNS     , parameters)
+  set_service(connections_count, Fog::CDN     , parameters)
+  connection
+end
+
+def set_service(connections_count, type, parameters)
+  service_symbol = type.to_s.split('::').last.downcase.to_sym
+
+  connections[connections_count].merge!({
+    service_symbol => type.new(parameters)
+  })
+rescue
+  # Service not available
+end

data/Rakefile

@@ -189,11 +189,11 @@ task :changelog do
   changelog << ''
 
   require 'multi_json'
-  github_repo_data = MultiJson.decode(Excon.get('http://github.com/api/v2/json/repos/show/fog/fog').body)
+  github_repo_data = Fog::JSON.decode(Excon.get('http://github.com/api/v2/json/repos/show/fog/fog').body)
   data = github_repo_data['repository'].reject {|key, value| !['forks', 'open_issues', 'watchers'].include?(key)}
-  github_collaborator_data = MultiJson.decode(Excon.get('http://github.com/api/v2/json/repos/show/fog/fog/collaborators').body)
+  github_collaborator_data = Fog::JSON.decode(Excon.get('http://github.com/api/v2/json/repos/show/fog/fog/collaborators').body)
   data['collaborators'] = github_collaborator_data['collaborators'].length
-  rubygems_data = MultiJson.decode(Excon.get('https://rubygems.org/api/v1/gems/fog.json').body)
+  rubygems_data = Fog::JSON.decode(Excon.get('https://rubygems.org/api/v1/gems/fog.json').body)
   data['downloads'] = rubygems_data['downloads']
   stats = []
   for key in data.keys.sort

data/bin/fog

@@ -23,10 +23,8 @@ end
 
 if ARGV.length > 1
 
-  require 'multi_json'
-
   result = instance_eval(ARGV[1..-1].join(' '))
-  puts(MultiJson.encode(result))
+  puts(Fog::JSON.encode(result))
 
 else
 

data/docs/_layouts/default.html

@@ -69,7 +69,7 @@
 
     <footer>
       sponsored by
-      <img height="20px" src="public/images/engineyard.png" title="engineyard" />
+      <img height="20px" src="/public/images/engineyard.png" title="engineyard" />
     </footer>
   </div> <!-- end of #container -->
 
@@ -85,7 +85,7 @@
 
 
   <!--[if lt IE 7 ]>
-    <script src="public/js/libs/dd_belatedpng.js"></script>
+    <script src="public/js/libs/dd_belatedpng.min.js"></script>
     <script> DD_belatedPNG.fix('img, .png_bg'); </script>
   <![endif]-->
 

data/docs/cdn/index.markdown

@@ -20,8 +20,8 @@ Now you'll need to <a href="https://aws-portal.amazon.com/gp/aws/developer/subsc
     # create a connection to the service
     cdn = Fog::CDN.new({
       :provider               => 'AWS',
-      :aws_access_key_id      => AWS_ACCESS_KEY_ID,
-      :aws_secret_access_key  => AWS_SECRET_ACCESS_KEY
+      :aws_access_key_id      => YOUR_AWS_ACCESS_KEY_ID,
+      :aws_secret_access_key  => YOUR_AWS_SECRET_ACCESS_KEY
     }
 
 ## Setting Up Your CDN

data/docs/compute/index.markdown

@@ -27,8 +27,8 @@ First, create a connection with your new account:
     # create a connection
     connection = Fog::Compute.new({
       :provider                 => 'AWS',
-      :aws_secret_access_key    => YOUR_SECRET_ACCESS_KEY,
-      :aws_access_key_id        => YOUR_SECRET_ACCESS_KEY_ID
+      :aws_access_key_id        => YOUR_AWS_ACCESS_KEY_ID,
+      :aws_secret_access_key    => YOUR_AWS_SECRET_ACCESS_KEY
     })
 
 With that in hand we are ready to start making EC2 calls!

data/docs/dns/index.markdown

@@ -70,8 +70,8 @@ If you already have an account with another service you can just as easily use t
 
     dns = Fog::DNS.new({
       :provider               => 'AWS',
-      :aws_access_key_id      => AWS_ACCESS_KEY_ID,
-      :aws_secret_access_key  => AWS_SECRET_ACCESS_KEY
+      :aws_access_key_id      => YOUR_AWS_ACCESS_KEY_ID,
+      :aws_secret_access_key  => YOUR_AWS_SECRET_ACCESS_KEY
     })
 
 ## Go Forth and Resolve

data/docs/public/js/libs/dd_belatedpng.js

@@ -1,13 +1,289 @@
-/**
-* DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>.
-* Author: Drew Diller
-* Email: drew.diller@gmail.com
-* URL: http://www.dillerdesign.com/experiment/DD_belatedPNG/
-* Version: 0.0.8a
-* Licensed under the MIT License: http://dillerdesign.com/experiment/DD_belatedPNG/#license
-*
-* Example usage:
-* DD_belatedPNG.fix('.png_bg'); // argument is a CSS selector
-* DD_belatedPNG.fixPng( someNode ); // argument is an HTMLDomElement
-**/
-var DD_belatedPNG={ns:"DD_belatedPNG",imgSize:{},delay:10,nodesFixed:0,createVmlNameSpace:function(){if(document.namespaces&&!document.namespaces[this.ns]){document.namespaces.add(this.ns,"urn:schemas-microsoft-com:vml")}},createVmlStyleSheet:function(){var b,a;b=document.createElement("style");b.setAttribute("media","screen");document.documentElement.firstChild.insertBefore(b,document.documentElement.firstChild.firstChild);if(b.styleSheet){b=b.styleSheet;b.addRule(this.ns+"\\:*","{behavior:url(#default#VML)}");b.addRule(this.ns+"\\:shape","position:absolute;");b.addRule("img."+this.ns+"_sizeFinder","behavior:none; border:none; position:absolute; z-index:-1; top:-10000px; visibility:hidden;");this.screenStyleSheet=b;a=document.createElement("style");a.setAttribute("media","print");document.documentElement.firstChild.insertBefore(a,document.documentElement.firstChild.firstChild);a=a.styleSheet;a.addRule(this.ns+"\\:*","{display: none !important;}");a.addRule("img."+this.ns+"_sizeFinder","{display: none !important;}")}},readPropertyChange:function(){var b,c,a;b=event.srcElement;if(!b.vmlInitiated){return}if(event.propertyName.search("background")!=-1||event.propertyName.search("border")!=-1){DD_belatedPNG.applyVML(b)}if(event.propertyName=="style.display"){c=(b.currentStyle.display=="none")?"none":"block";for(a in b.vml){if(b.vml.hasOwnProperty(a)){b.vml[a].shape.style.display=c}}}if(event.propertyName.search("filter")!=-1){DD_belatedPNG.vmlOpacity(b)}},vmlOpacity:function(b){if(b.currentStyle.filter.search("lpha")!=-1){var a=b.currentStyle.filter;a=parseInt(a.substring(a.lastIndexOf("=")+1,a.lastIndexOf(")")),10)/100;b.vml.color.shape.style.filter=b.currentStyle.filter;b.vml.image.fill.opacity=a}},handlePseudoHover:function(a){setTimeout(function(){DD_belatedPNG.applyVML(a)},1)},fix:function(a){if(this.screenStyleSheet){var c,b;c=a.split(",");for(b=0;b<c.length;b++){this.screenStyleSheet.addRule(c[b],"behavior:expression(DD_belatedPNG.fixPng(this))")}}},applyVML:function(a){a.runtimeStyle.cssText="";this.vmlFill(a);this.vmlOffsets(a);this.vmlOpacity(a);if(a.isImg){this.copyImageBorders(a)}},attachHandlers:function(i){var d,c,g,e,b,f;d=this;c={resize:"vmlOffsets",move:"vmlOffsets"};if(i.nodeName=="A"){e={mouseleave:"handlePseudoHover",mouseenter:"handlePseudoHover",focus:"handlePseudoHover",blur:"handlePseudoHover"};for(b in e){if(e.hasOwnProperty(b)){c[b]=e[b]}}}for(f in c){if(c.hasOwnProperty(f)){g=function(){d[c[f]](i)};i.attachEvent("on"+f,g)}}i.attachEvent("onpropertychange",this.readPropertyChange)},giveLayout:function(a){a.style.zoom=1;if(a.currentStyle.position=="static"){a.style.position="relative"}},copyImageBorders:function(b){var c,a;c={borderStyle:true,borderWidth:true,borderColor:true};for(a in c){if(c.hasOwnProperty(a)){b.vml.color.shape.style[a]=b.currentStyle[a]}}},vmlFill:function(e){if(!e.currentStyle){return}else{var d,f,g,b,a,c;d=e.currentStyle}for(b in e.vml){if(e.vml.hasOwnProperty(b)){e.vml[b].shape.style.zIndex=d.zIndex}}e.runtimeStyle.backgroundColor="";e.runtimeStyle.backgroundImage="";f=true;if(d.backgroundImage!="none"||e.isImg){if(!e.isImg){e.vmlBg=d.backgroundImage;e.vmlBg=e.vmlBg.substr(5,e.vmlBg.lastIndexOf('")')-5)}else{e.vmlBg=e.src}g=this;if(!g.imgSize[e.vmlBg]){a=document.createElement("img");g.imgSize[e.vmlBg]=a;a.className=g.ns+"_sizeFinder";a.runtimeStyle.cssText="behavior:none; position:absolute; left:-10000px; top:-10000px; border:none; margin:0; padding:0;";c=function(){this.width=this.offsetWidth;this.height=this.offsetHeight;g.vmlOffsets(e)};a.attachEvent("onload",c);a.src=e.vmlBg;a.removeAttribute("width");a.removeAttribute("height");document.body.insertBefore(a,document.body.firstChild)}e.vml.image.fill.src=e.vmlBg;f=false}e.vml.image.fill.on=!f;e.vml.image.fill.color="none";e.vml.color.shape.style.backgroundColor=d.backgroundColor;e.runtimeStyle.backgroundImage="none";e.runtimeStyle.backgroundColor="transparent"},vmlOffsets:function(d){var h,n,a,e,g,m,f,l,j,i,k;h=d.currentStyle;n={W:d.clientWidth+1,H:d.clientHeight+1,w:this.imgSize[d.vmlBg].width,h:this.imgSize[d.vmlBg].height,L:d.offsetLeft,T:d.offsetTop,bLW:d.clientLeft,bTW:d.clientTop};a=(n.L+n.bLW==1)?1:0;e=function(b,p,q,c,s,u){b.coordsize=c+","+s;b.coordorigin=u+","+u;b.path="m0,0l"+c+",0l"+c+","+s+"l0,"+s+" xe";b.style.width=c+"px";b.style.height=s+"px";b.style.left=p+"px";b.style.top=q+"px"};e(d.vml.color.shape,(n.L+(d.isImg?0:n.bLW)),(n.T+(d.isImg?0:n.bTW)),(n.W-1),(n.H-1),0);e(d.vml.image.shape,(n.L+n.bLW),(n.T+n.bTW),(n.W),(n.H),1);g={X:0,Y:0};if(d.isImg){g.X=parseInt(h.paddingLeft,10)+1;g.Y=parseInt(h.paddingTop,10)+1}else{for(j in g){if(g.hasOwnProperty(j)){this.figurePercentage(g,n,j,h["backgroundPosition"+j])}}}d.vml.image.fill.position=(g.X/n.W)+","+(g.Y/n.H);m=h.backgroundRepeat;f={T:1,R:n.W+a,B:n.H,L:1+a};l={X:{b1:"L",b2:"R",d:"W"},Y:{b1:"T",b2:"B",d:"H"}};if(m!="repeat"||d.isImg){i={T:(g.Y),R:(g.X+n.w),B:(g.Y+n.h),L:(g.X)};if(m.search("repeat-")!=-1){k=m.split("repeat-")[1].toUpperCase();i[l[k].b1]=1;i[l[k].b2]=n[l[k].d]}if(i.B>n.H){i.B=n.H}d.vml.image.shape.style.clip="rect("+i.T+"px "+(i.R+a)+"px "+i.B+"px "+(i.L+a)+"px)"}else{d.vml.image.shape.style.clip="rect("+f.T+"px "+f.R+"px "+f.B+"px "+f.L+"px)"}},figurePercentage:function(d,c,f,a){var b,e;e=true;b=(f=="X");switch(a){case"left":case"top":d[f]=0;break;case"center":d[f]=0.5;break;case"right":case"bottom":d[f]=1;break;default:if(a.search("%")!=-1){d[f]=parseInt(a,10)/100}else{e=false}}d[f]=Math.ceil(e?((c[b?"W":"H"]*d[f])-(c[b?"w":"h"]*d[f])):parseInt(a,10));if(d[f]%2===0){d[f]++}return d[f]},fixPng:function(c){c.style.behavior="none";var g,b,f,a,d;if(c.nodeName=="BODY"||c.nodeName=="TD"||c.nodeName=="TR"){return}c.isImg=false;if(c.nodeName=="IMG"){if(c.src.toLowerCase().search(/\.png$/)!=-1){c.isImg=true;c.style.visibility="hidden"}else{return}}else{if(c.currentStyle.backgroundImage.toLowerCase().search(".png")==-1){return}}g=DD_belatedPNG;c.vml={color:{},image:{}};b={shape:{},fill:{}};for(a in c.vml){if(c.vml.hasOwnProperty(a)){for(d in b){if(b.hasOwnProperty(d)){f=g.ns+":"+d;c.vml[a][d]=document.createElement(f)}}c.vml[a].shape.stroked=false;c.vml[a].shape.appendChild(c.vml[a].fill);c.parentNode.insertBefore(c.vml[a].shape,c)}}c.vml.image.shape.fillcolor="none";c.vml.image.fill.type="tile";c.vml.color.fill.on=false;g.attachHandlers(c);g.giveLayout(c);g.giveLayout(c.offsetParent);c.vmlInitiated=true;g.applyVML(c)}};try{document.execCommand("BackgroundImageCache",false,true)}catch(r){}DD_belatedPNG.createVmlNameSpace();DD_belatedPNG.createVmlStyleSheet();
+/**
+* DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>.
+* Author: Drew Diller
+* Email: drew.diller@gmail.com
+* URL: http://www.dillerdesign.com/experiment/DD_belatedPNG/
+* Version: 0.0.8a
+* Licensed under the MIT License: http://dillerdesign.com/experiment/DD_belatedPNG/#license
+*
+* Example usage:
+* DD_belatedPNG.fix('.png_bg'); // argument is a CSS selector
+* DD_belatedPNG.fixPng( someNode ); // argument is an HTMLDomElement
+**/
+
+/*
+PLEASE READ:
+Absolutely everything in this script is SILLY.  I know this.  IE's rendering of certain pixels doesn't make sense, so neither does this code!
+*/
+
+var DD_belatedPNG = {
+	ns: 'DD_belatedPNG',
+	imgSize: {},
+	delay: 10,
+	nodesFixed: 0,
+	createVmlNameSpace: function () { /* enable VML */
+		if (document.namespaces && !document.namespaces[this.ns]) {
+			document.namespaces.add(this.ns, 'urn:schemas-microsoft-com:vml');
+		}
+	},
+	createVmlStyleSheet: function () { /* style VML, enable behaviors */
+		/*
+			Just in case lots of other developers have added
+			lots of other stylesheets using document.createStyleSheet
+			and hit the 31-limit mark, let's not use that method!
+			further reading: http://msdn.microsoft.com/en-us/library/ms531194(VS.85).aspx
+		*/
+		var screenStyleSheet, printStyleSheet;
+		screenStyleSheet = document.createElement('style');
+		screenStyleSheet.setAttribute('media', 'screen');
+		document.documentElement.firstChild.insertBefore(screenStyleSheet, document.documentElement.firstChild.firstChild);
+		if (screenStyleSheet.styleSheet) {
+			screenStyleSheet = screenStyleSheet.styleSheet;
+			screenStyleSheet.addRule(this.ns + '\\:*', '{behavior:url(#default#VML)}');
+			screenStyleSheet.addRule(this.ns + '\\:shape', 'position:absolute;');
+			screenStyleSheet.addRule('img.' + this.ns + '_sizeFinder', 'behavior:none; border:none; position:absolute; z-index:-1; top:-10000px; visibility:hidden;'); /* large negative top value for avoiding vertical scrollbars for large images, suggested by James O'Brien, http://www.thanatopsic.org/hendrik/ */
+			this.screenStyleSheet = screenStyleSheet;
+			
+			/* Add a print-media stylesheet, for preventing VML artifacts from showing up in print (including preview). */
+			/* Thanks to R�mi Pr�vost for automating this! */
+			printStyleSheet = document.createElement('style');
+			printStyleSheet.setAttribute('media', 'print');
+			document.documentElement.firstChild.insertBefore(printStyleSheet, document.documentElement.firstChild.firstChild);
+			printStyleSheet = printStyleSheet.styleSheet;
+			printStyleSheet.addRule(this.ns + '\\:*', '{display: none !important;}');
+			printStyleSheet.addRule('img.' + this.ns + '_sizeFinder', '{display: none !important;}');
+		}
+	},
+	readPropertyChange: function () {
+		var el, display, v;
+		el = event.srcElement;
+		if (!el.vmlInitiated) {
+			return;
+		}
+		if (event.propertyName.search('background') != -1 || event.propertyName.search('border') != -1) {
+			DD_belatedPNG.applyVML(el);
+		}
+		if (event.propertyName == 'style.display') {
+			display = (el.currentStyle.display == 'none') ? 'none' : 'block';
+			for (v in el.vml) {
+				if (el.vml.hasOwnProperty(v)) {
+					el.vml[v].shape.style.display = display;
+				}
+			}
+		}
+		if (event.propertyName.search('filter') != -1) {
+			DD_belatedPNG.vmlOpacity(el);
+		}
+	},
+	vmlOpacity: function (el) {
+		if (el.currentStyle.filter.search('lpha') != -1) {
+			var trans = el.currentStyle.filter;
+			trans = parseInt(trans.substring(trans.lastIndexOf('=')+1, trans.lastIndexOf(')')), 10)/100;
+			el.vml.color.shape.style.filter = el.currentStyle.filter; /* complete guesswork */
+			el.vml.image.fill.opacity = trans; /* complete guesswork */
+		}
+	},
+	handlePseudoHover: function (el) {
+		setTimeout(function () { /* wouldn't work as intended without setTimeout */
+			DD_belatedPNG.applyVML(el);
+		}, 1);
+	},
+	/**
+	* This is the method to use in a document.
+	* @param {String} selector - REQUIRED - a CSS selector, such as '#doc .container'
+	**/
+	fix: function (selector) {
+		if (this.screenStyleSheet) {
+			var selectors, i;
+			selectors = selector.split(','); /* multiple selectors supported, no need for multiple calls to this anymore */
+			for (i=0; i<selectors.length; i++) {
+				this.screenStyleSheet.addRule(selectors[i], 'behavior:expression(DD_belatedPNG.fixPng(this))'); /* seems to execute the function without adding it to the stylesheet - interesting... */
+			}
+		}
+	},
+	applyVML: function (el) {
+		el.runtimeStyle.cssText = '';
+		this.vmlFill(el);
+		this.vmlOffsets(el);
+		this.vmlOpacity(el);
+		if (el.isImg) {
+			this.copyImageBorders(el);
+		}
+	},
+	attachHandlers: function (el) {
+		var self, handlers, handler, moreForAs, a, h;
+		self = this;
+		handlers = {resize: 'vmlOffsets', move: 'vmlOffsets'};
+		if (el.nodeName == 'A') {
+			moreForAs = {mouseleave: 'handlePseudoHover', mouseenter: 'handlePseudoHover', focus: 'handlePseudoHover', blur: 'handlePseudoHover'};
+			for (a in moreForAs) {			
+				if (moreForAs.hasOwnProperty(a)) {
+					handlers[a] = moreForAs[a];
+				}
+			}
+		}
+		for (h in handlers) {
+			if (handlers.hasOwnProperty(h)) {
+				el.attachEvent('on' + h, handler);
+			}
+		}
+		el.attachEvent('onpropertychange', this.readPropertyChange);
+	},
+	giveLayout: function (el) {
+		el.style.zoom = 1;
+		if (el.currentStyle.position == 'static') {
+			el.style.position = 'relative';
+		}
+	},
+	copyImageBorders: function (el) {
+		var styles, s;
+		styles = {'borderStyle':true, 'borderWidth':true, 'borderColor':true};
+		for (s in styles) {
+			if (styles.hasOwnProperty(s)) {
+				el.vml.color.shape.style[s] = el.currentStyle[s];
+			}
+		}
+	},
+	vmlFill: function (el) {
+		if (!el.currentStyle) {
+			return;
+		} else {
+			var elStyle, noImg, lib, v, img, imgLoaded;
+			elStyle = el.currentStyle;
+		}
+		for (v in el.vml) {
+			if (el.vml.hasOwnProperty(v)) {
+				el.vml[v].shape.style.zIndex = elStyle.zIndex;
+			}
+		}
+		el.runtimeStyle.backgroundColor = '';
+		el.runtimeStyle.backgroundImage = '';
+		noImg = true;
+		if (elStyle.backgroundImage != 'none' || el.isImg) {
+			if (!el.isImg) {
+				el.vmlBg = elStyle.backgroundImage;
+				el.vmlBg = el.vmlBg.substr(5, el.vmlBg.lastIndexOf('")')-5);
+			}
+			else {
+				el.vmlBg = el.src;
+			}
+			lib = this;
+			if (!lib.imgSize[el.vmlBg]) { /* determine size of loaded image */
+				img = document.createElement('img');
+				lib.imgSize[el.vmlBg] = img;
+				img.className = lib.ns + '_sizeFinder';
+				img.runtimeStyle.cssText = 'behavior:none; position:absolute; left:-10000px; top:-10000px; border:none; margin:0; padding:0;'; /* make sure to set behavior to none to prevent accidental matching of the helper elements! */
+				img.attachEvent('onload', imgLoaded);
+				img.src = el.vmlBg;
+				img.removeAttribute('width');
+				img.removeAttribute('height');
+				document.body.insertBefore(img, document.body.firstChild);
+			}
+			el.vml.image.fill.src = el.vmlBg;
+			noImg = false;
+		}
+		el.vml.image.fill.on = !noImg;
+		el.vml.image.fill.color = 'none';
+		el.vml.color.shape.style.backgroundColor = elStyle.backgroundColor;
+		el.runtimeStyle.backgroundImage = 'none';
+		el.runtimeStyle.backgroundColor = 'transparent';
+	},
+	/* IE can't figure out what do when the offsetLeft and the clientLeft add up to 1, and the VML ends up getting fuzzy... so we have to push/enlarge things by 1 pixel and then clip off the excess */
+	vmlOffsets: function (el) {
+		var thisStyle, size, fudge, makeVisible, bg, bgR, dC, altC, b, c, v;
+		thisStyle = el.currentStyle;
+		size = {'W':el.clientWidth+1, 'H':el.clientHeight+1, 'w':this.imgSize[el.vmlBg].width, 'h':this.imgSize[el.vmlBg].height, 'L':el.offsetLeft, 'T':el.offsetTop, 'bLW':el.clientLeft, 'bTW':el.clientTop};
+		fudge = (size.L + size.bLW == 1) ? 1 : 0;
+		/* vml shape, left, top, width, height, origin */
+		makeVisible = function (vml, l, t, w, h, o) {
+			vml.coordsize = w+','+h;
+			vml.coordorigin = o+','+o;
+			vml.path = 'm0,0l'+w+',0l'+w+','+h+'l0,'+h+' xe';
+			vml.style.width = w + 'px';
+			vml.style.height = h + 'px';
+			vml.style.left = l + 'px';
+			vml.style.top = t + 'px';
+		};
+		makeVisible(el.vml.color.shape, (size.L + (el.isImg ? 0 : size.bLW)), (size.T + (el.isImg ? 0 : size.bTW)), (size.W-1), (size.H-1), 0);
+		makeVisible(el.vml.image.shape, (size.L + size.bLW), (size.T + size.bTW), (size.W), (size.H), 1 );
+		bg = {'X':0, 'Y':0};
+		if (el.isImg) {
+			bg.X = parseInt(thisStyle.paddingLeft, 10) + 1;
+			bg.Y = parseInt(thisStyle.paddingTop, 10) + 1;
+		}
+		else {
+			for (b in bg) {
+				if (bg.hasOwnProperty(b)) {
+					this.figurePercentage(bg, size, b, thisStyle['backgroundPosition'+b]);
+				}
+			}
+		}
+		el.vml.image.fill.position = (bg.X/size.W) + ',' + (bg.Y/size.H);
+		bgR = thisStyle.backgroundRepeat;
+		dC = {'T':1, 'R':size.W+fudge, 'B':size.H, 'L':1+fudge}; /* these are defaults for repeat of any kind */
+		altC = { 'X': {'b1': 'L', 'b2': 'R', 'd': 'W'}, 'Y': {'b1': 'T', 'b2': 'B', 'd': 'H'} };
+		if (bgR != 'repeat' || el.isImg) {
+			c = {'T':(bg.Y), 'R':(bg.X+size.w), 'B':(bg.Y+size.h), 'L':(bg.X)}; /* these are defaults for no-repeat - clips down to the image location */
+			if (bgR.search('repeat-') != -1) { /* now let's revert to dC for repeat-x or repeat-y */
+				v = bgR.split('repeat-')[1].toUpperCase();
+				c[altC[v].b1] = 1;
+				c[altC[v].b2] = size[altC[v].d];
+			}
+			if (c.B > size.H) {
+				c.B = size.H;
+			}
+			el.vml.image.shape.style.clip = 'rect('+c.T+'px '+(c.R+fudge)+'px '+c.B+'px '+(c.L+fudge)+'px)';
+		}
+		else {
+			el.vml.image.shape.style.clip = 'rect('+dC.T+'px '+dC.R+'px '+dC.B+'px '+dC.L+'px)';
+		}
+	},
+	fixPng: function (el) {
+		el.style.behavior = 'none';
+		if (el.nodeName == 'BODY' || el.nodeName == 'TD' || el.nodeName == 'TR') { /* elements not supported yet */
+			return;
+		}
+		el.isImg = false;
+		if (el.nodeName == 'IMG') {
+			if(el.src.toLowerCase().search(/\.png$/) != -1) {
+				el.isImg = true;
+				el.style.visibility = 'hidden';
+			}
+			else {
+				return;
+			}
+		}
+		else if (el.currentStyle.backgroundImage.toLowerCase().search('.png') == -1) {
+			return;
+		}
+		lib = DD_belatedPNG;
+		el.vml = {color: {}, image: {}};
+		els = {shape: {}, fill: {}};
+		for (v in el.vml) {
+			if (el.vml.hasOwnProperty(v)) {
+				for (e in els) {
+					if (els.hasOwnProperty(e)) {
+						nodeStr = lib.ns + ':' + e;
+						el.vml[v][e] = document.createElement(nodeStr);
+					}
+				}
+				el.vml[v].shape.stroked = false;
+				el.vml[v].shape.appendChild(el.vml[v].fill);
+				el.parentNode.insertBefore(el.vml[v].shape, el);
+			}
+		}
+		el.vml.image.shape.fillcolor = 'none'; /* Don't show blank white shapeangle when waiting for image to load. */
+		el.vml.image.fill.type = 'tile'; /* Makes image show up. */
+		el.vml.color.fill.on = false; /* Actually going to apply vml element's style.backgroundColor, so hide the whiteness. */
+		lib.attachHandlers(el);
+		lib.giveLayout(el);
+		lib.giveLayout(el.offsetParent);
+		el.vmlInitiated = true;
+		lib.applyVML(el); /* Render! */
+	}
+};
+try {
+	document.execCommand("BackgroundImageCache", false, true); /* TredoSoft Multiple IE doesn't like this, so try{} it */
+} catch(r) {}
+DD_belatedPNG.createVmlNameSpace();
+DD_belatedPNG.createVmlStyleSheet();