compass-jquery-plugin 0.3.2.3 → 0.3.2.4

data/templates/jquery/jquery.replacetext.js

@@ -42,88 +42,88 @@
 // 1.1 - (11/21/2009) Simplified the code and API substantially.
 // 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;
-              }
+(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);
             }
-          }
-          
-        } while ( node = node.nextSibling );
-      }
-      
-      // Time to remove those elements!
-      remove.length && $(remove).remove();
-    });
-  };  
-  
+
+            // Time to remove those elements!
+            remove.length && $(remove).remove();
+        });
+    };
+
 })(jQuery);

data/templates/jquery/jquery.themeswitchertool.js

@@ -1,190 +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);
+ ---------------------------------------------------------------------*/
+$.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);
 
-	//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);  }
-		}
-	)
-	.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('.themeName').css({
-		'float': 'left',
-		margin: '3px 0'
-	}).end();
+    //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'
+                           }).end()
+            .find('img').css({
+                                 'float': 'left',
+                                 border: '1px solid #333',
+                                 margin: '0 2px'
+                             }).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;
 };