0
@@ -22,28 +22,37 @@
0
     height:100%;
0
   }
0
   
0
-	#lightbox-container-image-box {
0
+	#jquery-lightbox {
0
     background-color: none;
0
   }
0
   
0
   #message {
0
-		z-index: 101;
0
-		position: absolute;
0
-		right: 25%;
0
-		left: auto;
0
+		position:fixed;
0
+		top: 0;
0
+		padding: 20px;
0
+		height: 50px;
0
+/*		padding: 20px;*/
0
+		background-color:#f00;
0
+		text-align:right;
0
+		display: none;
0
+		z-index: 999;
0
+		color: #fff;
0
   }
0
+	
0
+	#zombiecap{float: left; border: none;}
0
+	
0
+	#message a {color: #000;}
0
+	#message a:hover {color:#fff;}
0
+	
0
 </style>
0
 
0
-<div id="message" class="hide">
0
-	<p>
0
-		<%= mailto( "Send a friend this ZombieURL!", "Checkout this cool link", "I found this and thought you'd find it interesting:\n\n#{@link.permalink}\n\n Enjoy!" )  %>
0
-	</p>
0
-</div>
0
 
0
 <iframe src="<%= @link.website_url %>" style="position: fixed; top:0; left:0; width: 100%; height: 100%" frameborder='0' marginheight='0' marginwidth='0' scrolling='auto' class="viewing"></iframe>
0
 
0
 <script type="text/javascript">
0
   Zombie.images = <%= ZOMBIE_IMAGES.collect{|i| "/images/zombies/#{i}"}.to_json -%>;
0
   Zombie.sounds = <%= ZOMBIE_SOUNDS.collect{|i| "/sounds/zombies/#{i}"}.to_json -%>;
0
+	Zombie.mailto_link = '<%= mailto( "Share the terror", "Checkout this cool link", "I found this and thought you would find it interesting:\n\n#{@link.permalink}\n\n Enjoy!" )  %>';
0
+	Zombie.spread_url = '<%= @link.permalink %>';
0
 </script>
0
 

0
@@ -39,7 +39,7 @@ Zombie.prep = function(){
0
 };
0
 
0
 Zombie.spread = function(){
0
-   $('#message').fadeIn();
0
+ 	$('#message').prepend("<a href='http://bottlecaplabs.net/zombieurl'><img src='/images/bottlecap_labs_zombie_url.gif' id='zombiecap'/></a>You've been Zombied!<br/>" + Zombie.mailto_link).show();
0
 };
0
 
0
 Zombie.blight = function(){

0
@@ -124,7 +124,7 @@
0
      */
0
     function _set_interface() {
0
       // Apply the HTML markup into body tag
0
-			$('body').append('<div id="jquery-overlay"></div><div id="jquery-lightbox"><div id="lightbox-container-image-box"><div id="lightbox-container-image"><img id="lightbox-image"><div style="" id="lightbox-nav"><a href="#" id="lightbox-nav-btnPrev"></a><a href="#" id="lightbox-nav-btnNext"></a></div><div id="lightbox-loading"><a href="#" id="lightbox-loading-link"><img src="' + settings.imageLoading + '"></a></div></div></div><div id="lightbox-container-image-data-box"><div id="lightbox-container-image-data"><div id="lightbox-image-details"><span id="lightbox-image-details-caption"></span><span id="lightbox-image-details-currentNumber"></span></div><div id="lightbox-secNav"><a href="#" id="lightbox-secNav-btnClose"><img src="' + settings.imageBtnClose + '"></a></div></div></div></div>');	
0
+			$('body').append('<div id="message"></div><div id="jquery-overlay"></div><div id="jquery-lightbox"><div id="lightbox-container-image-box"><div id="lightbox-container-image"><img id="lightbox-image"><div style="" id="lightbox-nav"><a href="#" id="lightbox-nav-btnPrev"></a><a href="#" id="lightbox-nav-btnNext"></a></div><div id="lightbox-loading"><a href="#" id="lightbox-loading-link"><img src="' + settings.imageLoading + '"></a></div></div></div><div id="lightbox-container-image-data-box"><div id="lightbox-container-image-data"><div id="lightbox-image-details"><span id="lightbox-image-details-caption"></span><span id="lightbox-image-details-currentNumber"></span></div><div id="lightbox-secNav"><a href="#" id="lightbox-secNav-btnClose"><img src="' + settings.imageBtnClose + '"></a></div></div></div></div>');	
0
       // Get page sizes
0
       var arrPageSizes = ___getPageSize();
0
       // Style overlay and show it
0
@@ -142,9 +142,9 @@
0
         left:  arrPageScroll[0]
0
       }).show();
0
       // Assigning click events in elements to close overlay
0
-			$('#jquery-overlay,#jquery-lightbox').click(function() {
0
-				_finish();									
0
-			});
0
+			// $('#jquery-overlay,#jquery-lightbox').click(function() {
0
+			// 				_finish();									
0
+			// 			});
0
       // Assign the _finish function to lightbox-loading-link and lightbox-secNav-btnClose objects
0
       $('#lightbox-loading-link,#lightbox-secNav-btnClose').click(function() {
0
         _finish();

0
@@ -5,7 +5,6 @@ body {
0
   background-color: #fff;
0
   font-size: 18px;
0
   font-family: Arial, Helvetica, sans-serif;
0
-	overflow:hidden;
0
 }
0
 
0
 #container {