From b43b4a8e6e312bbf384cb17518381c545de63779 Mon Sep 17 00:00:00 2001
From: senator <lebbeous@esilibrary.com>
Date: Mon, 31 Jan 2011 12:21:25 -0500
Subject: [PATCH] kind of have the home page working, minus entity renderin

---
 Open-ILS/web/templates/default/kcls-new/home.tt2   | 119 ---------------------
 .../web/templates/default/kcls-new/searchbar.tt2   |   1 -
 Open-ILS/web/templates/default/kcls-new/topnav.tt2 |   1 -
 Open-ILS/web/templates/default/kcls-new/utils.tt2  |   1 -
 .../default/{kcls-new => kcls-wire}/base.tt2       |  13 +--
 .../default/{kcls-new => kcls-wire}/footer.tt2     |   0
 .../default/kcls-wire/format_selector.tt2          |  42 ++++++++
 Open-ILS/web/templates/default/kcls-wire/home.tt2  |  31 ++++++
 .../web/templates/default/kcls-wire/homesearch.tt2 | 115 ++++++++++++++++++++
 .../web/templates/default/kcls-wire/libselect.tt2  |   8 ++
 .../web/templates/default/kcls-wire/searchbar.tt2  |  35 ++++++
 .../default/kcls-wire/stypes_selector.tt2          |  10 ++
 Open-ILS/web/templates/default/kcls-wire/tips.tt2  |  11 ++
 .../web/templates/default/kcls-wire/topnav.tt2     |  31 ++++++
 Open-ILS/web/templates/default/kcls-wire/utils.tt2 |  19 ++++
 15 files changed, 309 insertions(+), 128 deletions(-)
 delete mode 100644 Open-ILS/web/templates/default/kcls-new/home.tt2
 delete mode 100644 Open-ILS/web/templates/default/kcls-new/searchbar.tt2
 delete mode 100644 Open-ILS/web/templates/default/kcls-new/topnav.tt2
 delete mode 100644 Open-ILS/web/templates/default/kcls-new/utils.tt2
 rename Open-ILS/web/templates/default/{kcls-new => kcls-wire}/base.tt2 (62%)
 rename Open-ILS/web/templates/default/{kcls-new => kcls-wire}/footer.tt2 (100%)
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/format_selector.tt2
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/home.tt2
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/homesearch.tt2
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/libselect.tt2
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/searchbar.tt2
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/stypes_selector.tt2
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/tips.tt2
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/topnav.tt2
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/utils.tt2

diff --git a/Open-ILS/web/templates/default/kcls-new/home.tt2 b/Open-ILS/web/templates/default/kcls-new/home.tt2
deleted file mode 100644
index c6d1118247..0000000000
--- a/Open-ILS/web/templates/default/kcls-new/home.tt2
+++ /dev/null
@@ -1,119 +0,0 @@
-[% INCLUDE "topnav.tt2" %]
-
-<div id="search-wrapper">
-    <div style="margin:auto;width:974px;height:0px;">
-        <div id="user-ql">
-            <script type="text/javascript">
-/* if(grabUser()) {
-	var str = '<div style="float:right;width:214px;">';
-	str += '<div style="position:absolute;"><div style="position:relative;top:-81px;">\n';
-	str += '<div id="quick-links">\n';
-	str += '</div></div></div></div>';
-	document.write(str);
-}*/
-            </script>
-        </div>
-    [% INCLUDE utils.tt2 %]
-    </div>
-
-    [% INCLUDE searchbar.tt2 %]
-</div>
-
-<div id="content-wrapper">
-    <div id="myopac_tabs" class="hide_me">
-        <div id="acct_tabs">
-            <a href="myopac/main" id="acct_summary" rel="myopac_summary_div"></a>
-            <a href="myopac/circs" id="acct_checked_out" rel="myopac_checked_div"></a>
-            <a href="myopac/holds" id="acct_holds" rel="myopac_holds_div"></a>
-            <a href="myopac/prefs" id="acct_prefs" rel="myopac_prefs_div"></a>
-            <a href="myopac/bookbags" id="acct_lists" rel="myopac_bookbag_div"></a>
-            <a href="myopac/fines" class="hide_me" id="acct_favs" style="margin-right:0px;" rel="myopac_fines_div"></a>
-        </div>
-    </div>
-
-    <div id="adv_search_parent" class="hide_me">
-        <div id="adv_search_tabs">
-            <a href="javascript:;" alt="Advanced Search" id="adv_search" onclick="swapTabs(this);" rel="adv_global_search"></a>
-            <a href="javascript:;" alt="Numeric Search" id="num_search" onclick="swapTabs(this);" rel="adv_quick_search_sidebar"></a>
-            <a href="javascript:;" alt="Expert Search" id="expert_search" onclick="swapTabs(this);" rel="adv_marc_search_sidebar"></a>
-        </div>
-    </div>
-
-    <div id="results_header_bar" class="hide_me">
-        <div id="results_header_inner">
-            <div class="results_header_btns">
-                <a href="index.xml"><img
-                    alt="Another Search"
-                    src="/opac/skin/kcls/graphics/another_search.png"
-                    onmouseover="this.src='/opac/skin/kcls/graphics/another_search_hover.png';"
-                    onmouseout="this.src='/opac/skin/kcls/graphics/another_search.png';"
-                    /></a>
-            </div>
-            <div class="results_header_btns">
-                <a href="javascript:;"
-                    onclick="goTo(buildOPACLink({page:ADVANCED}));"><img
-                    alt="Advanced Search"
-                    src="/opac/skin/kcls/graphics/adv_search.png"
-                    onmouseover="this.src='/opac/skin/kcls/graphics/adv_search_hover.png';"
-                    onmouseout="this.src='/opac/skin/kcls/graphics/adv_search.png';"
-                    /></a>
-            </div>
-            <div class="results_header_btns" style="width:111px;height:25px;">
-                <a href="javascript:;" class="hide_me" id="cacheListLink"
-                    onclick="showCachedList();"><img
-                    alt="View My List"
-                    src="/opac/skin/kcls/graphics/view_my_list.png"
-                    onmouseover="this.src='/opac/skin/kcls/graphics/view_my_list_hover.png';"
-                    onmouseout="this.src='/opac/skin/kcls/graphics/view_my_list.png';"
-                    /></a>
-            </div>
- 
-            <div class="results_header_div"></div>
-            <div class="results_header_lbl">Sort by</div>
-            <!-- XXX TODO -->filter/sorter thign here
-            <div class="results_header_div"></div>
-            <div class="results_header_lbl">View</div>
-            <select class="results_header_sel" style="width:88px;" onchange="this.selectedIndex?showDetailedInfo(true):showDetailedInfo(false);">
-                <option>Simple</option>
-                <option>Detailed</option>
-            </select>
-            <div class="results_header_div"></div>
-            <input type="checkbox" id="opac.result.limit2avai2"
-            onclick='searchBarSubmit(true, this);'
-            style="float:left;position:relative;top:2px;left:-2px;margin-right:4px;" />
-            <label for="opac.result.limit2avai2" class="results_header_lbl">
-                Limit to available items
-            </label>
-            <div style="clear:both;"></div>
-        </div>
-    </div>
-
-    <div id="main-content">
-        <!-- XXX TODO if not(myopac,advanced,result) -->
-        <div style="height:15px;clear:both;"></div>
-        <!-- XXX TODO endif -->
-<!--#if expr="$OILS_PAGE='index.xml'"-->
-	<!--#include virtual="common/altcanvas.xml"-->
-	<!--#include virtual="home/homesearch.xml"-->
-<!--#else-->
-	<!--#if expr="$OILS_PAGE='rresult.xml'"-->
-        <div id="tehResultsPage"><!-- XXX matches ABC below -->
-	<!--#include virtual="result/result_header.xml"-->
-	    <div id="rresults_page">
-	<!--#endif-->
-	<!--#include virtual="common/altcanvas.xml"--> 
-	<!--#include virtual="common/ilsevents.xml"--> 
-	<!--#include virtual="page_${OILS_PAGE}"-->
-	
-	<!--#if expr="$OILS_PAGE!='advanced.xml'"-->
-	<!--#include virtual="common/statusbar.xml"-->
-	<!--#endif-->
-	<!--#if expr="$OILS_PAGE='advanced.xml'"-->
-	<style type="text/css">#search-wrapper{padding:0; border:none;}</style>
-	<!--#endif-->
-	<!--#include virtual="common/tips.xml"-->
-    <!--#if expr="$OILS_PAGE='rresult.xml'"--></div></div><!--#endif--><!-- XXX matches ABC above -->
-<!--#endif-->
-	<div style="clear:both;height:15px;"></div>	
-    </div>
-</div>
diff --git a/Open-ILS/web/templates/default/kcls-new/searchbar.tt2 b/Open-ILS/web/templates/default/kcls-new/searchbar.tt2
deleted file mode 100644
index ea6277541a..0000000000
--- a/Open-ILS/web/templates/default/kcls-new/searchbar.tt2
+++ /dev/null
@@ -1 +0,0 @@
-searchbar todo
diff --git a/Open-ILS/web/templates/default/kcls-new/topnav.tt2 b/Open-ILS/web/templates/default/kcls-new/topnav.tt2
deleted file mode 100644
index 8cd6067d51..0000000000
--- a/Open-ILS/web/templates/default/kcls-new/topnav.tt2
+++ /dev/null
@@ -1 +0,0 @@
-topnav todo
diff --git a/Open-ILS/web/templates/default/kcls-new/utils.tt2 b/Open-ILS/web/templates/default/kcls-new/utils.tt2
deleted file mode 100644
index d103dca3e4..0000000000
--- a/Open-ILS/web/templates/default/kcls-new/utils.tt2
+++ /dev/null
@@ -1 +0,0 @@
-utils todo
diff --git a/Open-ILS/web/templates/default/kcls-new/base.tt2 b/Open-ILS/web/templates/default/kcls-wire/base.tt2
similarity index 62%
rename from Open-ILS/web/templates/default/kcls-new/base.tt2
rename to Open-ILS/web/templates/default/kcls-wire/base.tt2
index 4d8da96be7..48396d5f9c 100644
--- a/Open-ILS/web/templates/default/kcls-new/base.tt2
+++ b/Open-ILS/web/templates/default/kcls-wire/base.tt2
@@ -1,17 +1,18 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" [
+]>
 <html xmlns='http://www.w3.org/1999/xhtml' lang='[% ctx.locale %]' xml:lang='[% ctx.locale %]'>
     <head>
-        <link rel="stylesheet" type="text/css" href="css/style.css" />
-        <link rel="stylesheet" type="text/css" href="css/contentslider.css" />
+        <link rel="stylesheet" type="text/css" href="/opac/skin/kcls/css/style.css" />
+        <link rel="stylesheet" type="text/css" href="/opac/skin/kcls/css/contentslider.css" />
         <title>Catalog - King County Library - [% ctx.page_title %]</title>
-        <!-- Don't think we're going to need this anymore.
-        <link rel="unapi-server" type="application/xml" title="unAPI" href="/opac/extras/unapi"/> -->
+        <link rel="unapi-server" type="application/xml" title="unAPI"
+            href="/opac/extras/unapi" />
         <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
         [% BLOCK html_head; END; # provide a default that can be overridden %]
         [% PROCESS html_head %]
     </head>
     <body>
         [% content %] 
-        [% footer %]
+        [% INCLUDE "default/kcls-wire/footer.tt2" %]
     </body>
 </html>
diff --git a/Open-ILS/web/templates/default/kcls-new/footer.tt2 b/Open-ILS/web/templates/default/kcls-wire/footer.tt2
similarity index 100%
rename from Open-ILS/web/templates/default/kcls-new/footer.tt2
rename to Open-ILS/web/templates/default/kcls-wire/footer.tt2
diff --git a/Open-ILS/web/templates/default/kcls-wire/format_selector.tt2 b/Open-ILS/web/templates/default/kcls-wire/format_selector.tt2
new file mode 100644
index 0000000000..8f23865284
--- /dev/null
+++ b/Open-ILS/web/templates/default/kcls-wire/format_selector.tt2
@@ -0,0 +1,42 @@
+<!-- ****************** format_selector.xml ***************************** -->
+<select id='format_selector'>
+    <option value=''>&opac.search.allFormats;</option>
+    <option value='a'>Book</option>
+    <option value='i'>Book on cassette</option>
+    <option value='n'>Book on CD</option>
+    <option value='x'>Download music</option>
+    <option value='y'>Download video</option>
+    <option value='h'>DVD</option>
+    <option value='w'>eBook - Audio</option>
+    <option value='v'>eBook - Text</option>
+    <option value='e'>Equipment</option>
+    <option value='f'>Films</option>
+    <option value='o'>Kit</option>
+    <option value='q'>Large print</option>
+    <option value='b'>Magazine</option>
+    <option value='d'>Microform</option>
+    <option value='k'>Music cassette</option>
+    <option value='j'>Music CD</option>
+    <option value='l'>Music LP</option>
+    <option value='p'>Newspaper</option>
+    <option value='t'>Online</option>
+    <option value='u'>Player</option>
+    <option value='c'>Printed music</option>
+    <option value='2'>Read along with cassette</option>
+    <option value='5'>Read along with CD</option>	
+    <option value='c'>Scores</option>	
+    <option value='m'>Software</option>
+    <option value='g'>Video</option>
+    <option value='r'>3-D Object</option>
+    <option value='z'>Map</option>
+    <option value='s'>Slide set</option>	
+<!--
+	<option value='at'>&opac.search.books;</option>
+	<option value='at-d'>&opac.search.largePrint;</option>
+	<option value='i'>&opac.search.audioBooks;</option>
+	<option value='g'>&opac.search.videoRecordings;</option>
+	<option value='j'>&opac.search.music;</option>
+	<option value='m'>&opac.search.electronic;</option>
+-->
+</select>
+<!-- ****************** end: format_selector.xml ***************************** -->
diff --git a/Open-ILS/web/templates/default/kcls-wire/home.tt2 b/Open-ILS/web/templates/default/kcls-wire/home.tt2
new file mode 100644
index 0000000000..67433f66cb
--- /dev/null
+++ b/Open-ILS/web/templates/default/kcls-wire/home.tt2
@@ -0,0 +1,31 @@
+[%  WRAPPER "default/kcls-wire/base.tt2";
+    INCLUDE "default/kcls-wire/topnav.tt2";
+    ctx.page_title = "Home" %]
+
+<div id="search-wrapper">
+    <div style="margin:auto;width:974px;height:0px;">
+        <div id="user-ql">
+            <script type="text/javascript">
+/* if(grabUser()) {
+	var str = '<div style="float:right;width:214px;">';
+	str += '<div style="position:absolute;"><div style="position:relative;top:-81px;">\n';
+	str += '<div id="quick-links">\n';
+	str += '</div></div></div></div>';
+	document.write(str);
+}*/
+            </script>
+        </div>
+    [% INCLUDE "default/kcls-wire/utils.tt2" %]
+    </div>
+
+    [% INCLUDE "default/kcls-wire/searchbar.tt2" %]
+</div>
+
+<div id="content-wrapper">
+    <div id="main-content">
+        <div style="height:15px;clear:both;"></div>
+        [% INCLUDE "default/kcls-wire/homesearch.tt2" %]
+	    <div style="clear:both;height:15px;"></div>	
+    </div>
+</div>
+[% END %]
diff --git a/Open-ILS/web/templates/default/kcls-wire/homesearch.tt2 b/Open-ILS/web/templates/default/kcls-wire/homesearch.tt2
new file mode 100644
index 0000000000..77a50ca32c
--- /dev/null
+++ b/Open-ILS/web/templates/default/kcls-wire/homesearch.tt2
@@ -0,0 +1,115 @@
+<!-- ****************** homesearch.xml ***************************** -->
+<div id="hp-banner">
+  <div id="hp-welcome">
+    <h1>Welcome to the<br />New Library Catalog!</h1>
+    Featuring enhanced holds, management<br />tools, improved self checkout, and more.<br /><br />
+    <a href="http://www.kcls.org/newcatalog" style="position:relative;top:5px;">Learn more &raquo;</a><br /><br />
+    
+    <div id="paginate-homebanner">
+      <!-- <a href="#" class="next">next</a>
+      <a href="#" class="prev">prev</a> -->
+      
+      
+<!-- ************************************ home page rotator navigator start ************************************* -->
+      <a class="toc" href="#1" rel="1" style="background:gray;"></a>
+      <a class="toc" href="#2" rel="2" style="background:#ffc331;"></a>
+      <a class="toc" href="#3" rel="3" style="background:pink;"></a>
+      <a class="toc" href="#4" rel="4" style="background:#2bb0fd;"></a>
+      <a class="toc" href="#5" rel="5" style="background:#54987f;"></a>
+      <a class="toc" href="#6" rel="6" style="background:#decc92;"></a>
+      <a class="toc" href="#7" rel="7" style="background:white;"></a>
+<!-- **************************************** home page navigator end ******************************************* -->
+
+
+
+
+<!-- DON'T TOUCH THESE NEXT 4 LINES! -->
+    </div>
+  </div>
+  <div style="float:right;width:675px;height:213px;color:green;overflow:hidden;">
+  <div id="homebanner" class="sliderwrapper">
+  
+  
+  
+  
+  
+  
+<!-- ************************************ home page banner start ********************************************** -->
+    <div class="contentdiv" style="background:white;">
+      <a href="http://www.kcls.org/newcatalog"><img alt="New catalog" src="/opac/skin/kcls/graphics/banner1.jpg" /></a>
+    </div>
+    <div class="contentdiv" style="background:#ffc331;">
+      test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
+      test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
+    </div>
+    <div class="contentdiv" style="background:pink;">
+      test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
+      test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
+    </div>
+    <div class="contentdiv" style="background:#2bb0fd;">
+      <br />
+      <img src="/opac/skin/kcls/graphics/KCLS_logo_horiz.gif" /><br />
+      test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
+      test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
+    </div>
+    <div class="contentdiv" style="background:#54987f;">
+      <div style="width:700px;height:30px;border:1px solid red;"></div>
+      test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
+      test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
+    </div>
+    <div class="contentdiv" style="background:#decc92;">
+      test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
+      test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
+    </div>
+    <div class="contentdiv" style="background:white;">
+      <table cellpadding="0" cellspacing="0" border="0" style="width:100%;height:100%;"><tr><td align="center" style="width:100%;height:100%;border:1px solid black;">
+        They call me Box Boy.
+      </td></tr></table>
+    </div>
+<!-- ************************************* home page banner end *********************************************** -->
+
+
+
+
+
+
+  </div>
+
+<script type="text/javascript">
+featuredcontentslider.init({
+id: "homebanner",
+contentsource: ["inline", ""],
+toc: "markup",
+nextprev: ["", ""],
+enablefade: [true, 0.04],
+onChange: function(previndex, curindex){},
+
+
+autorotate: [true, 3000] //pause time (in milliseconds)
+})
+</script>
+
+    <div style="position:absolute;z-index:101;"><div style="position:relative;"><a href="http://www.kcls.org/newcatalog" style="display:block;width:675px;height:213px;"></a></div></div>
+      <img alt="New catalog" src="/opac/skin/kcls/graphics/banner1.jpg" />
+    
+    
+    
+  </div>
+</div>
+
+<div id="hp-buttons">
+  <div style="float:left;"><img src="/opac/skin/kcls/graphics/hp-links-left.jpg" /></div>
+  <div style="float:left;">
+    <div id="home-buttons-inner">
+      <table cellpadding="0" cellspacing="5" border="0" id="hp-ql-table">
+          <tr><td colspan="4"><span style="color: #333;font-weight: bold;font-size: 13px;">Browse for:</span></td></tr>
+        <tr><td><a href="http://www.kcls.org/booksandreading/">books</a></td><td><a href="http://www.kcls.org/movies/movies_browse.cfm">movies</a></td><td><a href="http://www.kcls.org/ecollection/">downloads</a></td><td><a href="http://www.kcls.org/websites/">websites</a></td></tr>
+        <tr><td><a href="http://www.kcls.org/music/">music</a></td><td><a href="http://www.kcls.org/databases/subject_categories.cfm#17">magazines</a></td><td><a href="http://www.kcls.org/databases/">databases</a></td><td><a href="http://www.kcls.org/answers/">answers</a></td></tr>
+      </table>
+    </div>
+  </div>
+  <div style="float:left;"><img src="/opac/skin/kcls/graphics/hp-links-right.jpg" /></div>
+  <div style="float:right;"><a href="http://www.kcls.org/locations"><img alt="Locations" src="/opac/skin/kcls/graphics/locations.jpg" /></a></div>
+  <div style="clear:both;"></div>
+</div>
+<!-- ****************** end: homesearch.xml ***************************** -->
diff --git a/Open-ILS/web/templates/default/kcls-wire/libselect.tt2 b/Open-ILS/web/templates/default/kcls-wire/libselect.tt2
new file mode 100644
index 0000000000..664b421ea0
--- /dev/null
+++ b/Open-ILS/web/templates/default/kcls-wire/libselect.tt2
@@ -0,0 +1,8 @@
+<!-- ****************** libselect.xml ***************************** -->
+	<span id='depth_selector_span'>
+        <select id='depth_selector'><!-- XXX TODO --></select>
+	</span>
+	<span style="display:none" id='lib_selector_span'>
+		<a id='lib_selector_link' class='classic_link' href='javascript:void(0)'>&library.select.help;</a>
+	</span>
+<!-- ****************** end: libselect.xml ***************************** -->
diff --git a/Open-ILS/web/templates/default/kcls-wire/searchbar.tt2 b/Open-ILS/web/templates/default/kcls-wire/searchbar.tt2
new file mode 100644
index 0000000000..593257ae6d
--- /dev/null
+++ b/Open-ILS/web/templates/default/kcls-wire/searchbar.tt2
@@ -0,0 +1,35 @@
+<div id="search-box">    
+    <table cellpadding="0" cellspacing="10" border="0" style="position:relative;left:-10px;">
+        <tr>
+            <td colspan="3">
+                <span class="search_catalog_lbl">Search the Catalog</span> <a href="javascript:;" id="home_adv_search_link" style="position:relative;top:-1px;left:10px;"><span class="adv_search_font">Advanced Search</span></a>
+            </td>
+        </tr>
+        <tr>
+            <td>[% INCLUDE "default/kcls-wire/stypes_selector.tt2" %]</td>
+            <td>
+                <div id="search_box_wrapper">
+                    <input type="text" id="search_box" style="width:162px;" value="Search Keyword" onfocus="if (this.value=='Search Keyword'){this.value='';this.style.color='#000';}" onblur="if (this.value==''){this.value='Search Keyword';this.style.color='#999';}" />
+                    <input id='facet_box' type='hidden' />
+                </div>
+            </td>
+            <td valign="top">
+                <div style="position:absolute;"><div style="position:relative;top:-3px;"><input type="button" id="search_submit" value="GO" class="hide_me" /><a href="javascript:;" id="search_submit_alt" onclick="$('search_submit').click()"><img alt="Search" src="/opac/skin/kcls/graphics/go-btn.png" onmouseover="this.src='/opac/skin/kcls/graphics/go-btn-hover.png';" onmouseout="this.src='/opac/skin/kcls/graphics/go-btn.png';" /></a></div></div>
+            </td>
+        </tr>
+        <tr>
+            <td>[% INCLUDE "default/kcls-wire/format_selector.tt2" %]</td>
+            <td>[% INCLUDE "default/kcls-wire/libselect.tt2" %]</td>
+        </tr>
+    </table>
+ 
+    <div class="hide_me">
+        <input type="checkbox" id="opac.result.limit2avail" />
+        <label style="position:relative;top:-3px;" for="opac.result.limit2avail">
+            <span style="font-size:10px;">Limit to available items</span>
+        </label>
+      </div>
+      
+    <div id="breadcrumb"><a href="index.xml">Catalog Home</a> &gt;</div>
+    <div style="clear:both"></div>
+</div>
diff --git a/Open-ILS/web/templates/default/kcls-wire/stypes_selector.tt2 b/Open-ILS/web/templates/default/kcls-wire/stypes_selector.tt2
new file mode 100644
index 0000000000..9bde3bf5fe
--- /dev/null
+++ b/Open-ILS/web/templates/default/kcls-wire/stypes_selector.tt2
@@ -0,0 +1,10 @@
+<!-- ****************** stypes_selector.xml ***************************** -->
+<select id='search_type_selector'>
+	<option value='keyword' selected='selected'>&common.keyword;</option>
+	<option value='title'>&common.title;</option>
+	<option value='author'>&common.author;</option>
+	<option value='subject'>&common.subject;</option>
+	<option value='series'>&common.series;</option>
+	<option value='cn'>Call Number</option>
+</select>
+<!-- ****************** end: stypes_selector.xml ***************************** -->
diff --git a/Open-ILS/web/templates/default/kcls-wire/tips.tt2 b/Open-ILS/web/templates/default/kcls-wire/tips.tt2
new file mode 100644
index 0000000000..477429e8e1
--- /dev/null
+++ b/Open-ILS/web/templates/default/kcls-wire/tips.tt2
@@ -0,0 +1,11 @@
+<!-- ****************** tips.xml ***************************** -->
+<div class="hide_me">
+    <div id='tips' class='tips hide_me'>
+        <div class='hide_me'>
+            <span>&common.tips.tip1;</span>
+            <span>&common.tips.tip2;</span>
+        </div>
+        <span style="font-weight: bold;">&tips.label;</span>
+    </div>
+</div>
+<!-- ****************** end: tips.xml ***************************** -->
diff --git a/Open-ILS/web/templates/default/kcls-wire/topnav.tt2 b/Open-ILS/web/templates/default/kcls-wire/topnav.tt2
new file mode 100644
index 0000000000..f7751263a1
--- /dev/null
+++ b/Open-ILS/web/templates/default/kcls-wire/topnav.tt2
@@ -0,0 +1,31 @@
+<!-- ****************** top_nav.xml ***************************** -->
+<div id="header">
+    <div style="float:left;"><a
+        href="http://www.kcls.org"><img alt="KCLS Logo"
+        src="/opac/skin/kcls/graphics/KCLS_logo_horiz.gif" /></a></div>
+    <div style="float:right;">
+        <div id="your-acct-login"><a
+            href="javascript:void(0);" id="home_myopac_link"><img
+            alt="Your Account Log in"
+            src="/opac/skin/kcls/graphics/login-btn.png"
+            onmouseover="this.src='/opac/skin/kcls/graphics/login-btn-hover.png';"
+            onmouseout="this.src='/opac/skin/kcls/graphics/login-btn.png';" /></a></div>
+
+
+    </div>
+    <div style="clear:both;height:0px;margin:0px;padding:0px;"></div>
+</div>
+<div style="height:24px;background:#252525;">
+    <div id="gold-links">
+        <div id="header-links">
+            <a href="http://www.kcls.org/usingthelibrary/index.cfm">Using the Library</a>
+            <a href="http://www.kcls.org/booksandreading/">Books &amp; Reading</a>
+            <a href="http://www.kcls.org/research/index.cfm">Research &amp; Homework</a>
+            <a href="http://www.kcls.org/programs/">Programs &amp; Classes</a>
+            <a href="http://www.kcls.org/events/">Events</a>
+            <a href="/opac/extras/mobile/">Mobile Catalog</a>
+            <a href="http://www.kcls.org/about/">About KCLS</a>
+        </div>
+    </div>
+</div>
+<!-- ****************** end: top_nav.xml ***************************** -->
diff --git a/Open-ILS/web/templates/default/kcls-wire/utils.tt2 b/Open-ILS/web/templates/default/kcls-wire/utils.tt2
new file mode 100644
index 0000000000..4ab334a930
--- /dev/null
+++ b/Open-ILS/web/templates/default/kcls-wire/utils.tt2
@@ -0,0 +1,19 @@
+<!-- ****************** utils.xml ***************************** -->
+
+<div style="float:right;">
+<div style="position:relative;">
+<img src="/opac/skin/kcls/graphics/utils-corner-left.png" style="float:left;" />
+  <div style="float:left;width:163px;height:30px;background:url('/opac/skin/kcls/graphics/utils-corner-mid.png') repeat-x top;"> 
+  
+  	<a href="javascript:history.go(-1)" style="position:relative;top:1px;left:10px;"><img alt="Back" src="/opac/skin/kcls/graphics/tool_back.png" /></a>
+	<a href="./" style="position:relative;top:3px;left:20px;"><img src="/opac/skin/kcls/graphics/tool_home.png" alt="Homepage" /></a>
+	<a href="javascript:window.print();" style="position:relative;top:5px;left:30px;"><img src="/opac/skin/kcls/graphics/tool_print.png" alt="Print Page" /></a>
+	<a href="http://www.kcls.org/usingthelibrary/catalog_help/index.cfm" style="position:relative;top:2px;left:40px;"><img alt="Help" src="/opac/skin/kcls/graphics/tool_help.png" /></a>
+   	<a href="javascript:history.go(+1)" style="position:relative;top:2px;left:50px;"><img src="/opac/skin/kcls/graphics/tool_forward.png" alt="Forward" /></a>
+	
+  </div>
+<img src="/opac/skin/kcls/graphics/utils-corner-right.png" style="float:left;" />
+</div>
+</div>
+
+<!-- ****************** end: utils.xml ***************************** -->
-- 
2.11.0