added a class to the HTML class when a device is deemed large enough …

…for image swapping. This lets you include images of different dimensions for small and large sizes. For example, the small size could be cropped as a small square, whereas the large size could be a wide rectangle shape. This class allows you to style the small and large images differently, since their shape may affect the layout.

rwd-images/rwd-images.js

@@ -10,7 +10,8 @@
 	var	rwdi = (function(){
 			var defaults = {
 				clientSideOnly: false,
-				widthBreakPoint: 480
+				widthBreakPoint: 480,
+				htmlClass: "rwd-imgs-lrg"
 			};
 			//mixins from rwd_images global
 			if( 'rwd_images' in win ){
@@ -40,6 +41,9 @@
 			return;
 		}
 
+		//add HTML class
+		doc.documentElement.className += " " + rwdi.htmlClass;
+
 		//find and replace img elements
 		var findrepsrc = function(){
 			var imgs = doc.getElementsByTagName('img'),