+++ /dev/null
-[% 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>
+++ /dev/null
-searchbar todo
+++ /dev/null
-topnav todo
+++ /dev/null
-utils todo
-<!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>
--- /dev/null
+<!-- ****************** 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 ***************************** -->
--- /dev/null
+[% 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 %]
--- /dev/null
+<!-- ****************** 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 »</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 ***************************** -->
--- /dev/null
+<!-- ****************** 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 ***************************** -->
--- /dev/null
+<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> ></div>
+ <div style="clear:both"></div>
+</div>
--- /dev/null
+<!-- ****************** 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 ***************************** -->
--- /dev/null
+<!-- ****************** 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 ***************************** -->
--- /dev/null
+<!-- ****************** 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 & Reading</a>
+ <a href="http://www.kcls.org/research/index.cfm">Research & Homework</a>
+ <a href="http://www.kcls.org/programs/">Programs & 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 ***************************** -->
--- /dev/null
+<!-- ****************** 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 ***************************** -->