compass-jquery-plugin 0.3.2.8 → 0.3.3.0

data/templates/jquery/jquery.replacetext.js

@@ -43,87 +43,87 @@
 // 1.0 - (11/21/2009) Initial release
 
 (function($) {
-    '$:nomunge'; // Used by YUI compressor.
-
-    // Method: jQuery.fn.replaceText
-    //
-    // Replace text in specified elements. Note that only text content will be
-    // modified, leaving all tags and attributes untouched. The new text can be
-    // either text or HTML.
-    //
-    // Uses the String prototype replace method, full documentation on that method
-    // can be found here:
-    //
-    // https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference/Objects/String/Replace
-    //
-    // Usage:
-    //
-    // > jQuery('selector').replaceText( search, replace [, text_only ] );
-    //
-    // Arguments:
-    //
-    //  search - (RegExp|String) A RegExp object or substring to be replaced.
-    //    Because the String prototype replace method is used internally, this
-    //    argument should be specified accordingly.
-    //  replace - (String|Function) The String that replaces the substring received
-    //    from the search argument, or a function to be invoked to create the new
-    //    substring. Because the String prototype replace method is used internally,
-    //    this argument should be specified accordingly.
-    //  text_only - (Boolean) If true, any HTML will be rendered as text. Defaults
-    //    to false.
-    //
-    // Returns:
-    //
-    //  (jQuery) The initial jQuery collection of elements.
-
-    $.fn.replaceText = function(search, replace, text_only) {
-        return this.each(function() {
-            var node = this.firstChild,
-                    val,
-                    new_val,
-
-                // Elements to be removed at the end.
-                    remove = [];
-
-            // Only continue if firstChild exists.
-            if (node) {
-
-                // Loop over all childNodes.
-                do {
-
-                    // Only process text nodes.
-                    if (node.nodeType === 3) {
-
-                        // The original node value.
-                        val = node.nodeValue;
-
-                        // The new value.
-                        new_val = val.replace(search, replace);
-
-                        // Only replace text if the new value is actually different!
-                        if (new_val !== val) {
-
-                            if (!text_only && /</.test(new_val)) {
-                                // The new value contains HTML, set it in a slower but far more
-                                // robust way.
-                                $(node).before(new_val);
-
-                                // Don't remove the node yet, or the loop will lose its place.
-                                remove.push(node);
-                            } else {
-                                // The new value contains no HTML, so it can be set in this
-                                // very fast, simple way.
-                                node.nodeValue = new_val;
-                            }
-                        }
-                    }
-
-                } while (node = node.nextSibling);
+  '$:nomunge'; // Used by YUI compressor.
+
+  // Method: jQuery.fn.replaceText
+  //
+  // Replace text in specified elements. Note that only text content will be
+  // modified, leaving all tags and attributes untouched. The new text can be
+  // either text or HTML.
+  //
+  // Uses the String prototype replace method, full documentation on that method
+  // can be found here:
+  //
+  // https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference/Objects/String/Replace
+  //
+  // Usage:
+  //
+  // > jQuery('selector').replaceText( search, replace [, text_only ] );
+  //
+  // Arguments:
+  //
+  //  search - (RegExp|String) A RegExp object or substring to be replaced.
+  //    Because the String prototype replace method is used internally, this
+  //    argument should be specified accordingly.
+  //  replace - (String|Function) The String that replaces the substring received
+  //    from the search argument, or a function to be invoked to create the new
+  //    substring. Because the String prototype replace method is used internally,
+  //    this argument should be specified accordingly.
+  //  text_only - (Boolean) If true, any HTML will be rendered as text. Defaults
+  //    to false.
+  //
+  // Returns:
+  //
+  //  (jQuery) The initial jQuery collection of elements.
+
+  $.fn.replaceText = function(search, replace, text_only) {
+    return this.each(function() {
+      var node = this.firstChild,
+              val,
+              new_val,
+
+        // Elements to be removed at the end.
+              remove = [];
+
+      // Only continue if firstChild exists.
+      if (node) {
+
+        // Loop over all childNodes.
+        do {
+
+          // Only process text nodes.
+          if (node.nodeType === 3) {
+
+            // The original node value.
+            val = node.nodeValue;
+
+            // The new value.
+            new_val = val.replace(search, replace);
+
+            // Only replace text if the new value is actually different!
+            if (new_val !== val) {
+
+              if (!text_only && /</.test(new_val)) {
+                // The new value contains HTML, set it in a slower but far more
+                // robust way.
+                $(node).before(new_val);
+
+                // Don't remove the node yet, or the loop will lose its place.
+                remove.push(node);
+              } else {
+                // The new value contains no HTML, so it can be set in this
+                // very fast, simple way.
+                node.nodeValue = new_val;
+              }
             }
+          }
 
-            // Time to remove those elements!
-            remove.length && $(remove).remove();
-        });
-    };
+        } while (node = node.nextSibling);
+      }
+
+      // Time to remove those elements!
+      remove.length && $(remove).remove();
+    });
+  };
 
 })(jQuery);

data/templates/jquery/jquery.themeswitchertool.js

@@ -1,215 +1,215 @@
 /* jQuery plugin themeswitcher
  ---------------------------------------------------------------------*/
 $.fn.themeswitcher = function(settings) {
-    var options = jQuery.extend({
-        loadTheme: null,
-        initialText: 'Switch Theme',
-        width: 150,
-        height: 400,
-        buttonPreText: 'Theme: ',
-        closeOnSelect: true,
-        buttonHeight: 14,
-        cookieName: 'jquery-ui-theme',
-        onOpen: function() {
-        },
-        onClose: function() {
-        },
-        onSelect: function() {
-        }
-    }, settings);
+  var options = jQuery.extend({
+    loadTheme: null,
+    initialText: 'Switch Theme',
+    width: 150,
+    height: 400,
+    buttonPreText: 'Theme: ',
+    closeOnSelect: true,
+    buttonHeight: 14,
+    cookieName: 'jquery-ui-theme',
+    onOpen: function() {
+    },
+    onClose: function() {
+    },
+    onSelect: function() {
+    }
+  }, settings);
 
-    //markup
-    var button = $('<a href="#" class="jquery-ui-themeswitcher-trigger"><span class="jquery-ui-themeswitcher-icon"></span><span class="jquery-ui-themeswitcher-title">' + options.initialText + '</span></a>');
-    var switcherpane = $('<div class="jquery-ui-themeswitcher"><div id="themeGallery"> <ul> <li><a href="compiled/jquery/ui/ui-lightness.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_ui_light.png" alt="UI Lightness" title="UI Lightness" /> <span class="themeName">UI lightness</span></a></li> <li><a href="compiled/jquery/ui/ui-darkness.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_ui_dark.png" alt="UI Darkness" title="UI Darkness" /> <span class="themeName">UI darkness</span> </a></li> <li><a href="compiled/jquery/ui/smoothness.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_smoothness.png" alt="Smoothness" title="Smoothness" /> <span class="themeName">Smoothness</span> </a></li> <li><a href="compiled/jquery/ui/start.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_start_menu.png" alt="Start" title="Start" /> <span class="themeName">Start</span></a></li></li> <li><a href="compiled/jquery/ui/redmond.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_windoze.png" alt="Redmond" title="Redmond" /> <span class="themeName">Redmond</span></a></li></li> <li><a href="compiled/jquery/ui/sunny.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_sunny.png" alt="Sunny" title="Sunny" /> <span class="themeName">Sunny</span></a></li></li> <li><a href="compiled/jquery/ui/overcast.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_overcast.png" alt="Overcast" title="Overcast" /> <span class="themeName">Overcast</span></a></li> <li><a href="compiled/jquery/ui/le-frog.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_le_frog.png" alt="Le Frog" title="Le Frog" /> <span class="themeName">Le Frog</span></a></li></li> <li><a href="compiled/jquery/ui/flick.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_flick.png" alt="Flick" title="Flick" /> <span class="themeName">Flick</span></a></li> <li><a href="compiled/jquery/ui/pepper-grinder.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_pepper_grinder.png" alt="Pepper Grinder" title="Pepper Grinder" /> <span class="themeName">Pepper Grinder</span></a></li> <li><a href="compiled/jquery/ui/eggplant.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_eggplant.png" alt="Eggplant" title="Eggplant" /> <span class="themeName">Eggplant</span></a></li> <li><a href="compiled/jquery/ui/dark-hive.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_dark_hive.png" alt="Dark Hive" title="Dark Hive" /> <span class="themeName">Dark Hive</span></a></li></li> <li><a href="compiled/jquery/ui/cupertino.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_cupertino.png" alt="Cupertino" title="Cupertino" /> <span class="themeName">Cupertino</span></a></li> <li><a href="compiled/jquery/ui/south-street.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_south_street.png" alt="South St" title="South St" /> <span class="themeName">South Street</span></a></li> <li><a href="compiled/jquery/ui/blitzer.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_blitzer.png" alt="Blitzer" title="Blitzer" /> <span class="themeName">Blitzer</span></a></li></li> <li><a href="compiled/jquery/ui/humanity.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_humanity.png" alt="Humanity" title="Humanity" /> <span class="themeName">Humanity</span></a></li></li> <li><a href="compiled/jquery/ui/hot-sneaks.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_hot_sneaks.png" alt="Hot Sneaks" title="Hot Sneaks" /> <span class="themeName">Hot sneaks</span></a></li></li> <li><a href="compiled/jquery/ui/excite-bike.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_excite_bike.png" alt="Excite Bike" title="Excite Bike" /> <span class="themeName">Excite Bike</span></a></li> <li><a href="compiled/jquery/ui/vader.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_black_matte.png" alt="Vader" title="Vader" /> <span class="themeName">Vader</span></a></li> <li><a href="compiled/jquery/ui/dot-luv.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_dot_luv.png" alt="Dot Luv" title="Dot Luv" /> <span class="themeName">Dot Luv</span></a></li> <li><a href="compiled/jquery/ui/mint-choc.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_mint_choco.png" alt="Mint Choc" title="Mint Choc" /> <span class="themeName">Mint Choc</span></a></li></li> <li><a href="compiled/jquery/ui/black-tie.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_black_tie.png" alt="Black Tie" title="Black Tie" /> <span class="themeName">Black Tie</span></a></li></li> <li><a href="compiled/jquery/ui/trontastic.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_trontastic.png" alt="Trontastic" title="Trontastic" /><span class="themeName">Trontastic</span></a></li> <li><a href="compiled/jquery/ui/swanky-purse.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_swanky_purse.png" alt="Swanky Purse" title="Swanky Purse" /> <span class="themeName">Swanky Purse</span></a></li></ul></div></div>').find('div').removeAttr('id');
-    //button events
-    button.click(
-            function() {
-                if (switcherpane.is(':visible')) {
-                    switcherpane.spHide();
-                }
-                else {
-                    switcherpane.spShow();
-                }
-                return false;
+  //markup
+  var button = $('<a href="#" class="jquery-ui-themeswitcher-trigger"><span class="jquery-ui-themeswitcher-icon"></span><span class="jquery-ui-themeswitcher-title">' + options.initialText + '</span></a>');
+  var switcherpane = $('<div class="jquery-ui-themeswitcher"><div id="themeGallery"> <ul> <li><a href="compiled/jquery/ui/ui-lightness.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_ui_light.png" alt="UI Lightness" title="UI Lightness" /> <span class="themeName">UI lightness</span></a></li> <li><a href="compiled/jquery/ui/ui-darkness.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_ui_dark.png" alt="UI Darkness" title="UI Darkness" /> <span class="themeName">UI darkness</span> </a></li> <li><a href="compiled/jquery/ui/smoothness.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_smoothness.png" alt="Smoothness" title="Smoothness" /> <span class="themeName">Smoothness</span> </a></li> <li><a href="compiled/jquery/ui/start.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_start_menu.png" alt="Start" title="Start" /> <span class="themeName">Start</span></a></li></li> <li><a href="compiled/jquery/ui/redmond.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_windoze.png" alt="Redmond" title="Redmond" /> <span class="themeName">Redmond</span></a></li></li> <li><a href="compiled/jquery/ui/sunny.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_sunny.png" alt="Sunny" title="Sunny" /> <span class="themeName">Sunny</span></a></li></li> <li><a href="compiled/jquery/ui/overcast.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_overcast.png" alt="Overcast" title="Overcast" /> <span class="themeName">Overcast</span></a></li> <li><a href="compiled/jquery/ui/le-frog.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_le_frog.png" alt="Le Frog" title="Le Frog" /> <span class="themeName">Le Frog</span></a></li></li> <li><a href="compiled/jquery/ui/flick.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_flick.png" alt="Flick" title="Flick" /> <span class="themeName">Flick</span></a></li> <li><a href="compiled/jquery/ui/pepper-grinder.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_pepper_grinder.png" alt="Pepper Grinder" title="Pepper Grinder" /> <span class="themeName">Pepper Grinder</span></a></li> <li><a href="compiled/jquery/ui/eggplant.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_eggplant.png" alt="Eggplant" title="Eggplant" /> <span class="themeName">Eggplant</span></a></li> <li><a href="compiled/jquery/ui/dark-hive.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_dark_hive.png" alt="Dark Hive" title="Dark Hive" /> <span class="themeName">Dark Hive</span></a></li></li> <li><a href="compiled/jquery/ui/cupertino.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_cupertino.png" alt="Cupertino" title="Cupertino" /> <span class="themeName">Cupertino</span></a></li> <li><a href="compiled/jquery/ui/south-street.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_south_street.png" alt="South St" title="South St" /> <span class="themeName">South Street</span></a></li> <li><a href="compiled/jquery/ui/blitzer.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_blitzer.png" alt="Blitzer" title="Blitzer" /> <span class="themeName">Blitzer</span></a></li></li> <li><a href="compiled/jquery/ui/humanity.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_humanity.png" alt="Humanity" title="Humanity" /> <span class="themeName">Humanity</span></a></li></li> <li><a href="compiled/jquery/ui/hot-sneaks.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_hot_sneaks.png" alt="Hot Sneaks" title="Hot Sneaks" /> <span class="themeName">Hot sneaks</span></a></li></li> <li><a href="compiled/jquery/ui/excite-bike.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_excite_bike.png" alt="Excite Bike" title="Excite Bike" /> <span class="themeName">Excite Bike</span></a></li> <li><a href="compiled/jquery/ui/vader.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_black_matte.png" alt="Vader" title="Vader" /> <span class="themeName">Vader</span></a></li> <li><a href="compiled/jquery/ui/dot-luv.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_dot_luv.png" alt="Dot Luv" title="Dot Luv" /> <span class="themeName">Dot Luv</span></a></li> <li><a href="compiled/jquery/ui/mint-choc.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_mint_choco.png" alt="Mint Choc" title="Mint Choc" /> <span class="themeName">Mint Choc</span></a></li></li> <li><a href="compiled/jquery/ui/black-tie.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_black_tie.png" alt="Black Tie" title="Black Tie" /> <span class="themeName">Black Tie</span></a></li></li> <li><a href="compiled/jquery/ui/trontastic.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_trontastic.png" alt="Trontastic" title="Trontastic" /><span class="themeName">Trontastic</span></a></li> <li><a href="compiled/jquery/ui/swanky-purse.css"> <img src="/images/jquery/ui/themeSwitcher/theme_90_swanky_purse.png" alt="Swanky Purse" title="Swanky Purse" /> <span class="themeName">Swanky Purse</span></a></li></ul></div></div>').find('div').removeAttr('id');
+  //button events
+  button.click(
+          function() {
+            if (switcherpane.is(':visible')) {
+              switcherpane.spHide();
+            }
+            else {
+              switcherpane.spShow();
             }
-            );
+            return false;
+          }
+          );
 
-    //menu events (mouseout didn't work...)
-    switcherpane.hover(
-            function() {
-            },
-            function() {
-                if (switcherpane.is(':visible')) {
-                    $(this).spHide();
-                }
+  //menu events (mouseout didn't work...)
+  switcherpane.hover(
+          function() {
+          },
+          function() {
+            if (switcherpane.is(':visible')) {
+              $(this).spHide();
             }
-            );
+          }
+          );
 
-    //show/hide panel functions
-    $.fn.spShow = function() {
-        $(this).css({top: button.offset().top + options.buttonHeight + 6, left: button.offset().left}).slideDown(50);
-        button.css(button_active);
-        options.onOpen();
-    }
-    $.fn.spHide = function() {
-        $(this).slideUp(50, function() {
-            options.onClose();
-        });
-        button.css(button_default);
-    }
+  //show/hide panel functions
+  $.fn.spShow = function() {
+    $(this).css({top: button.offset().top + options.buttonHeight + 6, left: button.offset().left}).slideDown(50);
+    button.css(button_active);
+    options.onOpen();
+  }
+  $.fn.spHide = function() {
+    $(this).slideUp(50, function() {
+      options.onClose();
+    });
+    button.css(button_default);
+  }
 
 
-    /* Theme Loading
-     ---------------------------------------------------------------------*/
-    switcherpane.find('a').click(function() {
-        updateCSS($(this).attr('href'));
-        var themeName = $(this).find('span').text();
-        button.find('.jquery-ui-themeswitcher-title').text(options.buttonPreText + themeName);
-        $.cookie(options.cookieName, themeName);
-        options.onSelect();
-        if (options.closeOnSelect && switcherpane.is(':visible')) {
-            switcherpane.spHide();
-        }
-        return false;
-    });
+  /* Theme Loading
+   ---------------------------------------------------------------------*/
+  switcherpane.find('a').click(function() {
+    updateCSS($(this).attr('href'));
+    var themeName = $(this).find('span').text();
+    button.find('.jquery-ui-themeswitcher-title').text(options.buttonPreText + themeName);
+    $.cookie(options.cookieName, themeName);
+    options.onSelect();
+    if (options.closeOnSelect && switcherpane.is(':visible')) {
+      switcherpane.spHide();
+    }
+    return false;
+  });
 
-    //function to append a new theme stylesheet with the new style changes
-    function updateCSS(locStr) {
-        var cssLink = $('<link href="/stylesheets/' + locStr + '" type="text/css" rel="Stylesheet" class="ui-theme" />');
-        $("head").append(cssLink);
+  //function to append a new theme stylesheet with the new style changes
+  function updateCSS(locStr) {
+    var cssLink = $('<link href="/stylesheets/' + locStr + '" type="text/css" rel="Stylesheet" class="ui-theme" />');
+    $("head").append(cssLink);
 
 
-        if ($("link.ui-theme").size() > 3) {
-            $("link.ui-theme:first").remove();
-        }
+    if ($("link.ui-theme").size() > 3) {
+      $("link.ui-theme:first").remove();
     }
+  }
 
-    /* Inline CSS
-     ---------------------------------------------------------------------*/
-    var button_default = {
-        fontFamily: 'Trebuchet MS, Verdana, sans-serif',
-        fontSize: '11px',
-        color: '#666',
-        background: '#eee image_url("jquery/ui/themeSwitcher/buttonbg.png") 50% 50% repeat-x',
-        border: '1px solid #ccc',
-        '-moz-border-radius': '6px',
-        '-webkit-border-radius': '6px',
-        textDecoration: 'none',
-        padding: '3px 3px 3px 8px',
-        width: options.width - 11,//minus must match left and right padding
-        display: 'block',
-        height: options.buttonHeight,
-        outline: '0'
-    };
-    var button_hover = {
-        'borderColor':'#bbb',
-        'background': '#f0f0f0',
-        cursor: 'pointer',
-        color: '#444'
-    };
-    var button_active = {
-        color: '#aaa',
-        background: '#000',
-        border: '1px solid #ccc',
-        borderBottom: 0,
-        '-moz-border-radius-bottomleft': 0,
-        '-webkit-border-bottom-left-radius': 0,
-        '-moz-border-radius-bottomright': 0,
-        '-webkit-border-bottom-right-radius': 0,
-        outline: '0'
-    };
+  /* Inline CSS
+   ---------------------------------------------------------------------*/
+  var button_default = {
+    fontFamily: 'Trebuchet MS, Verdana, sans-serif',
+    fontSize: '11px',
+    color: '#666',
+    background: '#eee image_url("jquery/ui/themeSwitcher/buttonbg.png") 50% 50% repeat-x',
+    border: '1px solid #ccc',
+    '-moz-border-radius': '6px',
+    '-webkit-border-radius': '6px',
+    textDecoration: 'none',
+    padding: '3px 3px 3px 8px',
+    width: options.width - 11,//minus must match left and right padding
+    display: 'block',
+    height: options.buttonHeight,
+    outline: '0'
+  };
+  var button_hover = {
+    'borderColor':'#bbb',
+    'background': '#f0f0f0',
+    cursor: 'pointer',
+    color: '#444'
+  };
+  var button_active = {
+    color: '#aaa',
+    background: '#000',
+    border: '1px solid #ccc',
+    borderBottom: 0,
+    '-moz-border-radius-bottomleft': 0,
+    '-webkit-border-bottom-left-radius': 0,
+    '-moz-border-radius-bottomright': 0,
+    '-webkit-border-bottom-right-radius': 0,
+    outline: '0'
+  };
 
-    //button css
-    button.css(button_default)
-            .hover(
-            function() {
-                $(this).css(button_hover);
-            },
-            function() {
-                if (!switcherpane.is(':animated') && switcherpane.is(':hidden')) {
-                    $(this).css(button_default);
-                }
+  //button css
+  button.css(button_default)
+          .hover(
+          function() {
+            $(this).css(button_hover);
+          },
+          function() {
+            if (!switcherpane.is(':animated') && switcherpane.is(':hidden')) {
+              $(this).css(button_default);
             }
-            )
-            .find('.jquery-ui-themeswitcher-icon').css({
-                                                           'float': 'right',
-                                                           width: '16px',
-                                                           height: '16px',
-                                                           background: 'image_url("jquery/ui/themeSwitcher/icon_color_arrow.gif") 50% 50% no-repeat'
-                                                       });
-    //pane css
-    switcherpane.css({
-        position: 'absolute',
-        'float': 'left',
-        fontFamily: 'Trebuchet MS, Verdana, sans-serif',
-        fontSize: '12px',
-        background: '#000',
-        color: '#fff',
-        padding: '8px 3px 3px',
-        border: '1px solid #ccc',
-        '-moz-border-radius-bottomleft': '6px',
-        '-webkit-border-bottom-left-radius': '6px',
-        '-moz-border-radius-bottomright': '6px',
-        '-webkit-border-bottom-right-radius': '6px',
-        borderTop: 0,
-        zIndex: 999999,
-        width: options.width - 6//minus must match left and right padding
-    })
-            .find('ul').css({
-                                listStyle: 'none',
-                                margin: '0',
-                                padding: '0',
-                                overflow: 'auto',
-                                height: options.height
-                            }).end()
-            .find('li').hover(
-            function() {
-                $(this).css({
-                    'borderColor':'#555',
-                    'background': 'image_url("jquery/ui/themeSwitcher/menuhoverbg.png") 50% 50% repeat-x',
-                    cursor: 'pointer'
-                });
-            },
-            function() {
-                $(this).css({
-                    'borderColor':'#111',
-                    'background': '#000',
-                    cursor: 'auto'
-                });
-            }
-            ).css({
-                      width: options.width - 30,
-                      height: '',
-                      padding: '2px',
-                      margin: '1px',
-                      border: '1px solid #111',
-                      '-moz-border-radius': '4px',
-                      clear: 'left',
-                      'float': 'left'
-                  }).end()
-            .find('a').css({
-                               color: '#aaa',
-                               textDecoration: 'none',
-                               'float': 'left',
-                               width: '100%',
-                               outline: '0'
+          }
+          )
+          .find('.jquery-ui-themeswitcher-icon').css({
+                                                       'float': 'right',
+                                                       width: '16px',
+                                                       height: '16px',
+                                                       background: 'image_url("jquery/ui/themeSwitcher/icon_color_arrow.gif") 50% 50% no-repeat'
+                                                     });
+  //pane css
+  switcherpane.css({
+    position: 'absolute',
+    'float': 'left',
+    fontFamily: 'Trebuchet MS, Verdana, sans-serif',
+    fontSize: '12px',
+    background: '#000',
+    color: '#fff',
+    padding: '8px 3px 3px',
+    border: '1px solid #ccc',
+    '-moz-border-radius-bottomleft': '6px',
+    '-webkit-border-bottom-left-radius': '6px',
+    '-moz-border-radius-bottomright': '6px',
+    '-webkit-border-bottom-right-radius': '6px',
+    borderTop: 0,
+    zIndex: 999999,
+    width: options.width - 6//minus must match left and right padding
+  })
+          .find('ul').css({
+                            listStyle: 'none',
+                            margin: '0',
+                            padding: '0',
+                            overflow: 'auto',
+                            height: options.height
+                          }).end()
+          .find('li').hover(
+          function() {
+            $(this).css({
+              'borderColor':'#555',
+              'background': 'image_url("jquery/ui/themeSwitcher/menuhoverbg.png") 50% 50% repeat-x',
+              cursor: 'pointer'
+            });
+          },
+          function() {
+            $(this).css({
+              'borderColor':'#111',
+              'background': '#000',
+              cursor: 'auto'
+            });
+          }
+          ).css({
+                  width: options.width - 30,
+                  height: '',
+                  padding: '2px',
+                  margin: '1px',
+                  border: '1px solid #111',
+                  '-moz-border-radius': '4px',
+                  clear: 'left',
+                  'float': 'left'
+                }).end()
+          .find('a').css({
+                           color: '#aaa',
+                           textDecoration: 'none',
+                           'float': 'left',
+                           width: '100%',
+                           outline: '0'
+                         }).end()
+          .find('img').css({
+                             'float': 'left',
+                             border: '1px solid #333',
+                             margin: '0 2px'
                            }).end()
-            .find('img').css({
-                                 'float': 'left',
-                                 border: '1px solid #333',
-                                 margin: '0 2px'
-                             }).end()
-            .find('.themeName').css({
-                                        'float': 'left',
-                                        margin: '3px 0'
-                                    }).end();
+          .find('.themeName').css({
+                                    'float': 'left',
+                                    margin: '3px 0'
+                                  }).end();
 
-    $(this).append(button);
-    $('body').append(switcherpane);
-    switcherpane.hide();
-    if ($.cookie(options.cookieName) || options.loadTheme) {
-        var themeName = $.cookie(options.cookieName) || options.loadTheme;
-        switcherpane.find('a:contains(' + themeName + ')').trigger('click');
-    }
-    return this;
+  $(this).append(button);
+  $('body').append(switcherpane);
+  switcherpane.hide();
+  if ($.cookie(options.cookieName) || options.loadTheme) {
+    var themeName = $.cookie(options.cookieName) || options.loadTheme;
+    switcherpane.find('a:contains(' + themeName + ')').trigger('click');
+  }
+  return this;
 };