From 2304e06077372c1cd2fb51aad5bb9ef2968d1f5f Mon Sep 17 00:00:00 2001
From: payload <payload@lavabit.com>
Date: Sat, 17 Sep 2011 21:10:59 +0200
Subject: [PATCH] datenspuren: sun rays are standard now

---
 content/static/datenspuren/script/clouds.js | 12 ++++++------
 content/static/datenspuren/style/style.css  | 16 ++++++++++++++++
 xsl/datenspuren/xhtml5.xsl                  |  3 +++
 3 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/content/static/datenspuren/script/clouds.js b/content/static/datenspuren/script/clouds.js
index c222af6a2..ee8e8024a 100644
--- a/content/static/datenspuren/script/clouds.js
+++ b/content/static/datenspuren/script/clouds.js
@@ -159,13 +159,13 @@ $(document).ready(function() {
     $('#cloudy-sun').click(function() {
 	funEnabled = !funEnabled;
 	if (funEnabled) {
-	    var solar = $('<div id="solar"> </div>');
-	    solar.hide();
-	    $('#cloudy').append(solar);
-	    $('#solar').fadeIn(1000);
-	    setTimeout(stepClouds, 100);
+	    $('#solar').removeClass('anim-paused');
+	    $('#solar').addClass('anim-running');
+	    stepClouds();
 	} else {
-	    $('#solar').detach();
+	    $('#solar').removeClass('anim-running');
+	    $('#solar').addClass('anim-paused');
 	}
     });
 });
+
diff --git a/content/static/datenspuren/style/style.css b/content/static/datenspuren/style/style.css
index 721ec41b4..2349a78f6 100644
--- a/content/static/datenspuren/style/style.css
+++ b/content/static/datenspuren/style/style.css
@@ -149,12 +149,28 @@ dl dd {
     right: -3900px;
     width: 8000px;
     height: 8000px;
+}
+.solar-anim {
     -webkit-animation: rotate 230s infinite linear;
     -moz-animation: rotate 230s infinite linear;
     -o-animation: rotate 230s infinite linear;
     -ms-animation: rotate 230s infinite linear;
     animation: rotate 230s infinite linear;
 }
+.anim-paused {
+    -webkit-animation-play-state: paused;
+    -moz-animation-play-state: paused;
+    -ms-animation-play-state: paused;
+    -o-animation-play-state: paused;
+    animation-play-state: paused;
+}
+.anim-running {
+    -webkit-animation-play-state: running;
+    -moz-animation-play-state: running;
+    -ms-animation-play-state: running;
+    -o-animation-play-state: running;
+    animation-play-state: running;
+}
 @-webkit-keyframes rotate {
     0% {
         -webkit-transform:rotate(0deg);
diff --git a/xsl/datenspuren/xhtml5.xsl b/xsl/datenspuren/xhtml5.xsl
index 6b3daf5ff..f90b81bae 100644
--- a/xsl/datenspuren/xhtml5.xsl
+++ b/xsl/datenspuren/xhtml5.xsl
@@ -46,6 +46,9 @@
             <div id="cloudy-sun" title="Click here!">
               <xsl:text> </xsl:text>
             </div>
+            <div id="solar" class="solar-anim anim-paused">
+              <xsl:text> </xsl:text>
+            </div>
 	  </div>
           <xsl:call-template name="heading">
             <xsl:with-param name="title" select="$title"/>