From a4d609c76fdbe4e9ffa53256dfffa7a83d766829 Mon Sep 17 00:00:00 2001
From: Andromeda Yelton <andromeda.yelton@gmail.com>
Date: Tue, 13 Dec 2011 13:32:29 -0500
Subject: [PATCH] added google books branding to extra search box on empty
 search results page

---
 frontend/templates/search.html |  4 ++--
 static/js/watermark_change.js  | 11 +++++++++++
 static/js/watermark_init.js    |  4 ++++
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/frontend/templates/search.html b/frontend/templates/search.html
index 34d6f4f5..f7739ae2 100644
--- a/frontend/templates/search.html
+++ b/frontend/templates/search.html
@@ -24,7 +24,7 @@
         <div class="js-maincol-inner">
             <div class="content-block">
                 <div class="content-block-heading">
-                    <h2 class="content-heading">Search Results</span></h2>
+                    <h2 class="content-heading">Google Books search results</span></h2>
                         <ul class="book-list-view">
                             <li>View As:</li>
                             <li class="view-list">
@@ -51,7 +51,7 @@
                     <div class="js-search">
                         <div class="js-search-inner">
                             <form action="{% url search %}" method="get"> 
-                                <input type="text" placeholder="Search for a book..." size="25" class="inputbox" name="q">
+			                    <input type="text" id="watermarkempty" size="25" onfocus="imgfocusempty()" onblur="imgblurempty(15)" class="inputbox" name="q" value="{{ q }}">
                                 <input type="button" onclick="this.form.searchword.focus();"  class="button" value="Search">
                             </form>
                         </div>
diff --git a/static/js/watermark_change.js b/static/js/watermark_change.js
index c5a4adfc..bf086d98 100644
--- a/static/js/watermark_change.js
+++ b/static/js/watermark_change.js
@@ -7,3 +7,14 @@ function imgblur(pos){
 function imgfocus(){
 	document.getElementById('watermark').style.background="";
 }
+
+// special case for search box which is repeated on empty search results page
+function imgblurempty(pos){
+	if (document.getElementById('watermarkempty').value == "") {
+		document.getElementById('watermarkempty').style.background="white url('/static/images/google_watermark.gif') no-repeat "+pos+"px center";
+	}
+}
+
+function imgfocusempty(){
+	document.getElementById('watermarkempty').style.background="";
+}
diff --git a/static/js/watermark_init.js b/static/js/watermark_init.js
index 814df5ba..ba63463e 100644
--- a/static/js/watermark_init.js
+++ b/static/js/watermark_init.js
@@ -3,4 +3,8 @@ $j(document).ready(function() {
 	if (!$j('#watermark').val()) {
 		$j('#watermark').css({"background": "white url('/static/images/google_watermark.gif') no-repeat left center"});
 	}
+	// special case for search box which is repeated on empty search results page
+	if (!$j('#watermarkempty').val()) {
+		$j('#watermarkempty').css({"background": "white url('/static/images/google_watermark.gif') no-repeat left center"});
+	}
 });