Updating repository to my latest source, going to give this mercurial…

… thing another try and see if I can keep my changes current. Sorry for the lack of transparency to anyone who is paying attention.
flybluewolf · Nov 20, 2009 · 78fc13e · 78fc13e
1 parent b5ac90f
commit 78fc13e
Show file tree

Hide file tree

Showing 70 changed files with 1,949 additions and 43 deletions.
diff --git a/examples/css/eggplant/images/ui-bg_flat_0_aaaaaa_40x100.png b/examples/css/eggplant/images/ui-bg_flat_0_aaaaaa_40x100.png
diff --git a/examples/css/eggplant/images/ui-bg_flat_0_eeeeee_40x100.png b/examples/css/eggplant/images/ui-bg_flat_0_eeeeee_40x100.png
diff --git a/examples/css/eggplant/images/ui-bg_flat_55_994d53_40x100.png b/examples/css/eggplant/images/ui-bg_flat_55_994d53_40x100.png
diff --git a/examples/css/eggplant/images/ui-bg_flat_55_fafafa_40x100.png b/examples/css/eggplant/images/ui-bg_flat_55_fafafa_40x100.png
diff --git a/examples/css/eggplant/images/ui-bg_gloss-wave_30_3d3644_500x100.png b/examples/css/eggplant/images/ui-bg_gloss-wave_30_3d3644_500x100.png
diff --git a/examples/css/eggplant/images/ui-bg_highlight-soft_100_dcd9de_1x100.png b/examples/css/eggplant/images/ui-bg_highlight-soft_100_dcd9de_1x100.png
diff --git a/examples/css/eggplant/images/ui-bg_highlight-soft_100_eae6ea_1x100.png b/examples/css/eggplant/images/ui-bg_highlight-soft_100_eae6ea_1x100.png
diff --git a/examples/css/eggplant/images/ui-bg_highlight-soft_25_30273a_1x100.png b/examples/css/eggplant/images/ui-bg_highlight-soft_25_30273a_1x100.png
diff --git a/examples/css/eggplant/images/ui-bg_highlight-soft_45_5f5964_1x100.png b/examples/css/eggplant/images/ui-bg_highlight-soft_45_5f5964_1x100.png
diff --git a/examples/css/eggplant/images/ui-icons_454545_256x240.png b/examples/css/eggplant/images/ui-icons_454545_256x240.png
diff --git a/examples/css/eggplant/images/ui-icons_734d99_256x240.png b/examples/css/eggplant/images/ui-icons_734d99_256x240.png
diff --git a/examples/css/eggplant/images/ui-icons_8d78a5_256x240.png b/examples/css/eggplant/images/ui-icons_8d78a5_256x240.png
diff --git a/examples/css/eggplant/images/ui-icons_a8a3ae_256x240.png b/examples/css/eggplant/images/ui-icons_a8a3ae_256x240.png
diff --git a/examples/css/eggplant/images/ui-icons_ebccce_256x240.png b/examples/css/eggplant/images/ui-icons_ebccce_256x240.png
diff --git a/examples/css/eggplant/images/ui-icons_ffffff_256x240.png b/examples/css/eggplant/images/ui-icons_ffffff_256x240.png
diff --git a/examples/css/eggplant/jquery-ui-1.7.2.custom.css b/examples/css/eggplant/jquery-ui-1.7.2.custom.css
diff --git a/examples/css/le-frog/images/ui-bg_diagonals-small_0_aaaaaa_40x40.png b/examples/css/le-frog/images/ui-bg_diagonals-small_0_aaaaaa_40x40.png
diff --git a/examples/css/le-frog/images/ui-bg_diagonals-thick_15_444444_40x40.png b/examples/css/le-frog/images/ui-bg_diagonals-thick_15_444444_40x40.png
diff --git a/examples/css/le-frog/images/ui-bg_diagonals-thick_95_ffdc2e_40x40.png b/examples/css/le-frog/images/ui-bg_diagonals-thick_95_ffdc2e_40x40.png
diff --git a/examples/css/le-frog/images/ui-bg_glass_55_fbf5d0_1x400.png b/examples/css/le-frog/images/ui-bg_glass_55_fbf5d0_1x400.png
diff --git a/examples/css/le-frog/images/ui-bg_highlight-hard_30_285c00_1x100.png b/examples/css/le-frog/images/ui-bg_highlight-hard_30_285c00_1x100.png
diff --git a/examples/css/le-frog/images/ui-bg_highlight-soft_33_3a8104_1x100.png b/examples/css/le-frog/images/ui-bg_highlight-soft_33_3a8104_1x100.png
diff --git a/examples/css/le-frog/images/ui-bg_highlight-soft_50_4eb305_1x100.png b/examples/css/le-frog/images/ui-bg_highlight-soft_50_4eb305_1x100.png
diff --git a/examples/css/le-frog/images/ui-bg_highlight-soft_60_4ca20b_1x100.png b/examples/css/le-frog/images/ui-bg_highlight-soft_60_4ca20b_1x100.png
diff --git a/examples/css/le-frog/images/ui-bg_inset-soft_10_285c00_1x100.png b/examples/css/le-frog/images/ui-bg_inset-soft_10_285c00_1x100.png
diff --git a/examples/css/le-frog/images/ui-icons_4eb305_256x240.png b/examples/css/le-frog/images/ui-icons_4eb305_256x240.png
diff --git a/examples/css/le-frog/images/ui-icons_72b42d_256x240.png b/examples/css/le-frog/images/ui-icons_72b42d_256x240.png
diff --git a/examples/css/le-frog/images/ui-icons_cd0a0a_256x240.png b/examples/css/le-frog/images/ui-icons_cd0a0a_256x240.png
diff --git a/examples/css/le-frog/images/ui-icons_ffffff_256x240.png b/examples/css/le-frog/images/ui-icons_ffffff_256x240.png
diff --git a/examples/css/le-frog/jquery-ui-1.7.2.custom.css b/examples/css/le-frog/jquery-ui-1.7.2.custom.css
diff --git a/examples/css/redmond/images/ui-bg_flat_0_aaaaaa_40x100.png b/examples/css/redmond/images/ui-bg_flat_0_aaaaaa_40x100.png
diff --git a/examples/css/redmond/images/ui-bg_flat_55_fbec88_40x100.png b/examples/css/redmond/images/ui-bg_flat_55_fbec88_40x100.png
diff --git a/examples/css/redmond/images/ui-bg_glass_75_d0e5f5_1x400.png b/examples/css/redmond/images/ui-bg_glass_75_d0e5f5_1x400.png
diff --git a/examples/css/redmond/images/ui-bg_glass_85_dfeffc_1x400.png b/examples/css/redmond/images/ui-bg_glass_85_dfeffc_1x400.png
diff --git a/examples/css/redmond/images/ui-bg_glass_95_fef1ec_1x400.png b/examples/css/redmond/images/ui-bg_glass_95_fef1ec_1x400.png
diff --git a/examples/css/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png b/examples/css/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png
diff --git a/examples/css/redmond/images/ui-bg_inset-hard_100_f5f8f9_1x100.png b/examples/css/redmond/images/ui-bg_inset-hard_100_f5f8f9_1x100.png
diff --git a/examples/css/redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png b/examples/css/redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png
diff --git a/examples/css/redmond/images/ui-icons_217bc0_256x240.png b/examples/css/redmond/images/ui-icons_217bc0_256x240.png
diff --git a/examples/css/redmond/images/ui-icons_2e83ff_256x240.png b/examples/css/redmond/images/ui-icons_2e83ff_256x240.png
diff --git a/examples/css/redmond/images/ui-icons_469bdd_256x240.png b/examples/css/redmond/images/ui-icons_469bdd_256x240.png
diff --git a/examples/css/redmond/images/ui-icons_6da8d5_256x240.png b/examples/css/redmond/images/ui-icons_6da8d5_256x240.png
diff --git a/examples/css/redmond/images/ui-icons_cd0a0a_256x240.png b/examples/css/redmond/images/ui-icons_cd0a0a_256x240.png
diff --git a/examples/css/redmond/images/ui-icons_d8e7f3_256x240.png b/examples/css/redmond/images/ui-icons_d8e7f3_256x240.png
diff --git a/examples/css/redmond/images/ui-icons_f9bd01_256x240.png b/examples/css/redmond/images/ui-icons_f9bd01_256x240.png
diff --git a/examples/css/redmond/jquery-ui-1.7.2.custom.css b/examples/css/redmond/jquery-ui-1.7.2.custom.css
diff --git a/examples/css/start/images/ui-bg_flat_55_999999_40x100.png b/examples/css/start/images/ui-bg_flat_55_999999_40x100.png
diff --git a/examples/css/start/images/ui-bg_flat_75_aaaaaa_40x100.png b/examples/css/start/images/ui-bg_flat_75_aaaaaa_40x100.png
diff --git a/examples/css/start/images/ui-bg_glass_45_0078ae_1x400.png b/examples/css/start/images/ui-bg_glass_45_0078ae_1x400.png
diff --git a/examples/css/start/images/ui-bg_glass_55_f8da4e_1x400.png b/examples/css/start/images/ui-bg_glass_55_f8da4e_1x400.png
diff --git a/examples/css/start/images/ui-bg_glass_75_79c9ec_1x400.png b/examples/css/start/images/ui-bg_glass_75_79c9ec_1x400.png
diff --git a/examples/css/start/images/ui-bg_gloss-wave_45_e14f1c_500x100.png b/examples/css/start/images/ui-bg_gloss-wave_45_e14f1c_500x100.png
diff --git a/examples/css/start/images/ui-bg_gloss-wave_50_6eac2c_500x100.png b/examples/css/start/images/ui-bg_gloss-wave_50_6eac2c_500x100.png
diff --git a/examples/css/start/images/ui-bg_gloss-wave_75_2191c0_500x100.png b/examples/css/start/images/ui-bg_gloss-wave_75_2191c0_500x100.png
diff --git a/examples/css/start/images/ui-bg_inset-hard_100_fcfdfd_1x100.png b/examples/css/start/images/ui-bg_inset-hard_100_fcfdfd_1x100.png
diff --git a/examples/css/start/images/ui-icons_0078ae_256x240.png b/examples/css/start/images/ui-icons_0078ae_256x240.png
diff --git a/examples/css/start/images/ui-icons_056b93_256x240.png b/examples/css/start/images/ui-icons_056b93_256x240.png
diff --git a/examples/css/start/images/ui-icons_d8e7f3_256x240.png b/examples/css/start/images/ui-icons_d8e7f3_256x240.png
diff --git a/examples/css/start/images/ui-icons_e0fdff_256x240.png b/examples/css/start/images/ui-icons_e0fdff_256x240.png
diff --git a/examples/css/start/images/ui-icons_f5e175_256x240.png b/examples/css/start/images/ui-icons_f5e175_256x240.png
diff --git a/examples/css/start/images/ui-icons_f7a50d_256x240.png b/examples/css/start/images/ui-icons_f7a50d_256x240.png
diff --git a/examples/css/start/images/ui-icons_fcd113_256x240.png b/examples/css/start/images/ui-icons_fcd113_256x240.png
diff --git a/examples/css/start/jquery-ui-1.7.2.custom.css b/examples/css/start/jquery-ui-1.7.2.custom.css
diff --git a/examples/jgrowl.html b/examples/jgrowl.html
@@ -107,7 +107,6 @@
 		(function($){
 
 			$(document).ready(function(){
-
 				// This value can be true, false or a function to be used as a callback when the closer is clciked
 				$.jGrowl.defaults.closer = function() {
 					console.log("Closing everything!", this);
@@ -122,7 +121,6 @@
 				$.jGrowl("This notification will live a little longer.", { life: 1000 });
 				$.jGrowl("Sticky notification with a header", { header: 'A Header', sticky: true });
 				$.jGrowl("Custom theme, and a whole bunch of callbacks...", { 
-					sticky: true,
 					theme:  'manilla',
 					speed:  'slow',
 					beforeOpen: function(e,m,o) {
@@ -141,7 +139,6 @@
 
 				$.jGrowl("Custom animation test...", { 
 					theme: 'manilla',
-					sticky: true,
 					speed: 'slow',
 					animateOpen: { 
 						height: "show"
@@ -153,14 +150,29 @@
 
 				$.jGrowl("Looks like the iPhone.", { 
 					header: 'iPhone',
-					theme: 'iphone',
-					sticky: true
+					theme: 'iphone'
 				});
+
 
+				$.jGrowl("This message will not open because we have a callback that returns false.", {
+					beforeOpen: function() {
+						console.log("Going to open a notification, but not really...");
+					},
+					open: function() {
+						return false;
+					}
+				});
+
+				$.jGrowl("This message will not close because we have a callback that returns false.", {
+					beforeClose: function() {
+						return false;
+					}
+				});
 
 				$.jGrowl.defaults.closerTemplate = '<div>hide all notifications</div>';
 
 				$('#test1').jGrowl("Testing a custom container (this one is sticky, and will also be prepended).", {
+					closer: false,
 					sticky: true, 
 					glue: 'before',
 					speed: 2000,
@@ -191,14 +203,12 @@
 
 				$('#test2').jGrowl("Trying a background image.", { 
 					theme: 'smoke',
-					sticky: true,
 					closer: false
 				});
 
 				$('#test2').jGrowl("This demo notification uses images from the UI flora theme to create similar styled notifications.", { 
 					theme: 'flora',
 					header: "Flora makes Fauna",
-					sticky: true,
 					closer: false
 				});
 			});
@@ -213,6 +223,8 @@ <h1>jGrowl Tests</h1>
 
 		<p><a href="javascript:void(0);" onclick="$('#test1').jGrowl('shutdown');">Shutdown jGrowl for the #test1 container in the top-left corner of the screen.</a></p>
 
+		<p><a href="javascript:void(0);" onclick="$('#test1').jGrowl('close');">Close all in #test1.</a></p>
+
 		<div id="random">An extra wide node, watch as the jGrowl containers stay put in the corners of the screen..</div>
 
 		<div id="logs"><h3>Log:</h3></div>

diff --git a/examples/jquery-ui1.html b/examples/jquery-ui1.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml" debug="true">
+	<head>
+		<title>jGrowl meet Twitter</title>
+		<link rel="stylesheet" href="../jquery.jgrowl.css" type="text/css"/>
+		<link type="text/css" href="css/eggplant/jquery-ui-1.7.2.custom.css" rel="Stylesheet" />
+		<script type="text/javascript">
+			$(function(){
+				$('.ui-state-default').hover(
+					function(){$(this).addClass('ui-state-hover');},
+					function(){$(this).removeClass('ui-state-hover');}
+				)
+				.mousedown(function(){$(this).addClass('ui-state-active');})
+				.mouseup(function(){$(this).removeClass('ui-state-active');})
+				.mouseout(function(){$(this).removeClass('ui-state-active');});
+			});
+		</script>
+
+		<script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
+		<script type="text/javascript" src="../jquery-1.3.2.js"></script>
+		<script type="text/javascript" src="../jquery.jgrowl.js"></script>
+		<script type="text/javascript">
+
+		// In case you don't have firebug...
+		if (!window.console || !console.firebug) {
+			var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml", "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
+			window.console = {};
+			for (var i = 0; i < names.length; ++i) window.console[names[i]] = function() {};
+		}
+
+		(function($){
+			/**
+			 * @todo Add the twitter avatars to tweets, via tweet.user["profile_image_url"]
+			 * @todo Find a way to calculate the dates relatively
+			 * @todo Test is a cookie plugin is available so that some of this data can be 'cached'
+			 */
+			$.jTweet = function( username , total ) {
+				$.getJSON("http://twitter.com/status/user_timeline/" + username + ".json?count=" + total + "&callback=?", function(response) { 
+					$.each(response, function(i, tweet) {
+						$.jGrowl( (tweet.text.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+/, function(m) {
+							return m.link(m);
+						})) + ' [' + tweet.source + ']' , { header: tweet.created_at , sticky: true } );
+					});
+				});
+			};
+		})(jQuery);
+
+		//	Setup a twitter interface with jGrowl
+		$(document).ready(function() {
+			$.jTweet('jquery', 5);
+		});
+
+		</script>
+	</head>
+	<body>
+	<div id="trdevtool_contain" class="ui-widget ui-widget-content ui-corner-all">
+		<div class="ui-widget-header ui-corner-top">
+			<h1>jQuery UI ThemeRoller <span>Developer Tool</span></h1>
+		</div>
+	</div>
+
+	</body>
+</html>
diff --git a/examples/jquery-ui2.html b/examples/jquery-ui2.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml" debug="true">
+	<head>
+		<title>jGrowl meet Twitter</title>
+		<link rel="stylesheet" href="../jquery.jgrowl.css" type="text/css"/>
+		<link type="text/css" href="css/le-frog/jquery-ui-1.7.2.custom.css" rel="Stylesheet" />
+		<script type="text/javascript">
+			$(function(){
+				$('.ui-state-default').hover(
+					function(){$(this).addClass('ui-state-hover');},
+					function(){$(this).removeClass('ui-state-hover');}
+				)
+				.mousedown(function(){$(this).addClass('ui-state-active');})
+				.mouseup(function(){$(this).removeClass('ui-state-active');})
+				.mouseout(function(){$(this).removeClass('ui-state-active');});
+			});
+		</script>
+
+		<script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
+		<script type="text/javascript" src="../jquery-1.3.2.js"></script>
+		<script type="text/javascript" src="../jquery.jgrowl.js"></script>
+		<script type="text/javascript">
+
+		// In case you don't have firebug...
+		if (!window.console || !console.firebug) {
+			var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml", "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
+			window.console = {};
+			for (var i = 0; i < names.length; ++i) window.console[names[i]] = function() {};
+		}
+
+		(function($){
+			/**
+			 * @todo Add the twitter avatars to tweets, via tweet.user["profile_image_url"]
+			 * @todo Find a way to calculate the dates relatively
+			 * @todo Test is a cookie plugin is available so that some of this data can be 'cached'
+			 */
+			$.jTweet = function( username , total ) {
+				$.getJSON("http://twitter.com/status/user_timeline/" + username + ".json?count=" + total + "&callback=?", function(response) { 
+					$.each(response, function(i, tweet) {
+						$.jGrowl( (tweet.text.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+/, function(m) {
+							return m.link(m);
+						})) + ' [' + tweet.source + ']' , { header: tweet.created_at , sticky: true } );
+					});
+				});
+			};
+		})(jQuery);
+
+		//	Setup a twitter interface with jGrowl
+		$(document).ready(function() {
+			$.jTweet('jquery', 5);
+		});
+
+		</script>
+	</head>
+	<body>
+	<div id="trdevtool_contain" class="ui-widget ui-widget-content ui-corner-all">
+		<div class="ui-widget-header ui-corner-top">
+			<h1>jQuery UI ThemeRoller <span>Developer Tool</span></h1>
+		</div>
+	</div>
+
+	</body>
+</html>
diff --git a/examples/jquery-ui3.html b/examples/jquery-ui3.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml" debug="true">
+	<head>
+		<title>jGrowl meet Twitter</title>
+		<link rel="stylesheet" href="../jquery.jgrowl.css" type="text/css"/>
+		<link type="text/css" href="css/redmond/jquery-ui-1.7.2.custom.css" rel="Stylesheet" />
+		<script type="text/javascript">
+			$(function(){
+				$('.ui-state-default').hover(
+					function(){$(this).addClass('ui-state-hover');},
+					function(){$(this).removeClass('ui-state-hover');}
+				)
+				.mousedown(function(){$(this).addClass('ui-state-active');})
+				.mouseup(function(){$(this).removeClass('ui-state-active');})
+				.mouseout(function(){$(this).removeClass('ui-state-active');});
+			});
+		</script>
+
+		<script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
+		<script type="text/javascript" src="../jquery-1.3.2.js"></script>
+		<script type="text/javascript" src="../jquery.jgrowl.js"></script>
+		<script type="text/javascript">
+
+		// In case you don't have firebug...
+		if (!window.console || !console.firebug) {
+			var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml", "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
+			window.console = {};
+			for (var i = 0; i < names.length; ++i) window.console[names[i]] = function() {};
+		}
+
+		(function($){
+			/**
+			 * @todo Add the twitter avatars to tweets, via tweet.user["profile_image_url"]
+			 * @todo Find a way to calculate the dates relatively
+			 * @todo Test is a cookie plugin is available so that some of this data can be 'cached'
+			 */
+			$.jTweet = function( username , total ) {
+				$.getJSON("http://twitter.com/status/user_timeline/" + username + ".json?count=" + total + "&callback=?", function(response) { 
+					$.each(response, function(i, tweet) {
+						$.jGrowl( (tweet.text.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+/, function(m) {
+							return m.link(m);
+						})) + ' [' + tweet.source + ']' , { header: tweet.created_at , sticky: true } );
+					});
+				});
+			};
+		})(jQuery);
+
+		//	Setup a twitter interface with jGrowl
+		$(document).ready(function() {
+			$.jTweet('jquery', 5);
+		});
+
+		</script>
+	</head>
+	<body>
+	<div id="trdevtool_contain" class="ui-widget ui-widget-content ui-corner-all">
+		<div class="ui-widget-header ui-corner-top">
+			<h1>jQuery UI ThemeRoller <span>Developer Tool</span></h1>
+		</div>
+	</div>
+
+	</body>
+</html>
diff --git a/examples/multiple-containers.html b/examples/multiple-containers.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+  <head>
+    <script src="../jquery-1.3.2.js"></script>
+    <script src="../jquery.jgrowl.js"></script>
+    <link rel="stylesheet" type="text/css" href="../jquery.jgrowl.css"/>
+    </head>
+  <body>
+    <div>
+    <input type="button" onclick="$.jGrowl('Default Positioning');" value="Default"/>
+    <input type="button" onclick="$('#one').jGrowl('Bottom Right Positioning');" value="Bottom Right"/>
+    <input type="button" onclick="$('#two').jGrowl('Bottom Left Positioning');" value="Bottom Left"/>
+</div>
+    <div id="one" class="jGrowl bottom-right"></div>
+    <div id="two" class="jGrowl bottom-left"></div>
+    </body>
+  </html>
diff --git a/jquery.jgrowl.css b/jquery.jgrowl.css
@@ -2,6 +2,7 @@
 div.jGrowl {
 	padding: 			10px;
 	z-index: 			9999;
+	color: 				#fff;
 }
 
 /** Special IE6 Style Positioning **/
@@ -76,7 +77,6 @@ div.center div.jGrowl-notification, div.center div.jGrowl-closer {
 
 div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
 	background-color: 		#000;
-	color: 					#fff;
 	opacity: 				.85;
 	filter: 				alpha(opacity = 85);
 	zoom: 					1;
@@ -102,6 +102,7 @@ div.jGrowl div.jGrowl-notification div.header {
 }
 
 div.jGrowl div.jGrowl-notification div.close {
+	z-index:				99;
 	float: 					right;
 	font-weight: 			bold;
 	font-size: 				12px;
@@ -117,3 +118,10 @@ div.jGrowl div.jGrowl-closer {
 	font-weight: 			bold;
 	text-align: 			center;
 }
+
+/** Hide jGrowl when printing **/
+@media print {
+	div.jGrowl {
+		display: 			none;
+	}
+}