use tinySrc to generate scaled images based on client window

.htaccess

@@ -6,7 +6,10 @@
 RewriteEngine On
 # direct image requests to temp
 RewriteCond %{QUERY_STRING} full=(.*)&?
-RewriteRule (.*)rwd-([0-9]+)x([0-9]+)/.*\.(jpe?g|png|gif) $1%1 [L]
+#RewriteRule (.*)rwd-([0-9]+)x([0-9]+)/.*\.(jpe?g|png|gif) $1%1 [L]
+#This rule does not take into account SSL. Also you might want to use %{SERVER_PORT} if you are not using port 80
+#This only works if you set the FULL path to the content. Relative paths won't work unless you do some more RegExp magic
+RewriteRule (.*)rwd-([0-9]+)x([0-9]+)/.*\.(jpe?g|png|gif) http://src.sencha.io/$2/$3/http://%{HTTP_HOST}/%1 [L]
 # ignore trap for non-image requests, rewrite URL without trap segment
 RewriteRule (.*)rwd-([0-9]+)x([0-9]+)/(.*)$ $1$2
-# //End Responsive Images
+# //End Responsive Images

responsiveimgs.js

@@ -6,7 +6,7 @@
 (function( win ){
 	//defaults / mixins
 	var	rwdi			= win.rwd_images || {},
-		widthBreakPoint	= rwdi.widthBreakPoint || 480,
+		widthBreakPoint	= rwdi.widthBreakPoint || 360,
 		htmlClass		= "rwd-imgs-lrg",
 		wideload		= win.screen.availWidth > widthBreakPoint,
 		filePath		= location.href,
@@ -55,7 +55,7 @@
             	base = null;
             }
             else{
-            	base.href = dirPath +  "rwd-" + screen.width + "x" + screen.height + "/";
+               base.href = dirPath +  "rwd-" + (screen.width-20) + "x" + (screen.height-20) + "/";
             }
             //return 
 			return base;
@@ -100,4 +100,4 @@
 		//fallback
 		win.attachEvent( "onload", readyCallback );
 	}
-})(this);
+})(this);