Dynamically reset the dimensions of resized photos to fit if they're too wide.

1 files changed, 17 insertions, 10 deletions

diff --git a/themes/default/jquery/jquery.ui.init.js b/themes/default/jquery/jquery.ui.init.js
index e9da2203..5c159137 100644
--- a/themes/default/jquery/jquery.ui.init.js
+++ b/themes/default/jquery/jquery.ui.init.js
@@ -1,18 +1,25 @@
 /**
- * Apply jQuery UI components
+ * Initialize UI elements
  * 
  * @todo Write helpers to grab all jQuery UI components by class and initialize
  */
 
-$(function(){
+$("document").ready(function() {
 
-  //accordion
-  $('#gSettingsGroup-1').accordion({
-    header: ".ui-accordion-header",
-    clearStyle: true
-  });
-  
-  //tabs
-  $('#gSettings ul').tabs();
+  /**
+   * Reset width of sized photos wider than their 
+   * parent container so that they fit
+   */
+  if ($("#gItem").innerWidth()) {
+    var containerWidth = $("#gItem").innerWidth();
+    var oPhoto = $("#gItem img").filter(function() {
+      return this.id.match(/gPhotoID-/);
+    })
+    if (containerWidth < oPhoto.width()) {
+      var proportion = containerWidth / oPhoto.width();
+      oPhoto.width(containerWidth);
+      oPhoto.height(proportion * oPhoto.height());
+    }
+  }
 
 });