From: senator <lebbeous@esilibrary.com>
Date: Mon, 7 Feb 2011 21:46:39 +0000 (-0500)
Subject: ctx.media_prefix for all images and css
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=6ed6c086767c6a296d5cc611e8e1a129a8df94f3;p=evergreen%2Fequinox.git

ctx.media_prefix for all images and css
---

diff --git a/Open-ILS/web/templates/default/opac/myopac/circs.tt2 b/Open-ILS/web/templates/default/opac/myopac/circs.tt2
index 747451d0fb..8e6cc43132 100644
--- a/Open-ILS/web/templates/default/opac/myopac/circs.tt2
+++ b/Open-ILS/web/templates/default/opac/myopac/circs.tt2
@@ -4,19 +4,19 @@
 <div id='myopac_checked_div' style="padding:0px;">
     <div id="acct_checked_tabs" style="padding-bottom: 12px;color:#666;">
         <div class="align selected" id="checked_label">
-            <img src="/images/sub_checked_out_on.jpg" />
+            <img src="[% ctx.media_prefix %]/images/sub_checked_out_on.jpg" />
         </div>
         <div class="align" id="checked_hist_link">
             <a class="" href="#"><img
-                src="/images/sub_checked_hist_off.jpg" /></a>
+                src="[% ctx.media_prefix %]/images/sub_checked_hist_off.jpg" /></a>
         </div>
         <div class="align hide_me" id="checked_link">
             <a href="#">
-                <img src="/images/sub_checked_out_off.jpg" />
+                <img src="[% ctx.media_prefix %]/images/sub_checked_out_off.jpg" />
             </a>
         </div>
         <div class="align selected hide_me" id="checked_hist_label">
-            <img src="/images/sub_checked_hist_on.jpg" />
+            <img src="[% ctx.media_prefix %]/images/sub_checked_hist_on.jpg" />
         </div>    
         <div class="clear-both"></div>
     </div>
@@ -40,11 +40,11 @@
                 <td style="padding-left:9px;">
                     <a class="hide_me" href="#"><img
                         alt="Save"
-                        src="/images/save-btn.png" /></a>
+                        src="[% ctx.media_prefix %]/images/save-btn.png" /></a>
                 </td>
                 <td style="padding-left:5px;">
                     <a href="#"><img alt="Renewing Help"
-                        src="/images/question-mark.png" /></a>
+                        src="[% ctx.media_prefix %]/images/question-mark.png" /></a>
                 </td>
             </tr>
         </table>
diff --git a/Open-ILS/web/templates/default/opac/myopac/holds.tt2 b/Open-ILS/web/templates/default/opac/myopac/holds.tt2
index ed9f11272a..c239066f84 100644
--- a/Open-ILS/web/templates/default/opac/myopac/holds.tt2
+++ b/Open-ILS/web/templates/default/opac/myopac/holds.tt2
@@ -4,18 +4,18 @@
 <div id='myopac_holds_div'>
     <div id="acct_holds_tabs" style="padding-bottom: 12px;color:#666;">
         <div class="align selected" id="holds_label">
-            <img src="/images/sub_holds_on.jpg" />
+            <img src="[% ctx.media_prefix %]/images/sub_holds_on.jpg" />
         </div>
         <div class="align hide_me" id="holds_hist_link">
             <a href="#"><img
-                src="/images/sub_holds_hist_off.jpg" /></a>
+                src="[% ctx.media_prefix %]/images/sub_holds_hist_off.jpg" /></a>
         </div>
         <div class="align hide_me" id="holds_link">
             <a href="#"><img
-                src="/images/sub_holds_off.jpg" /></a>
+                src="[% ctx.media_prefix %]/images/sub_holds_off.jpg" /></a>
         </div>
         <div class="align selected hide_me" id="holds_hist_label">
-            <img src="/images/sub_holds_hist_on.jpg" />
+            <img src="[% ctx.media_prefix %]/images/sub_holds_hist_on.jpg" />
         </div>	
         <div class="clear-both"></div>
     </div>
@@ -54,12 +54,12 @@
                 <td width="1" style="padding-left:9px;">
                     <a href="#"><img
                         alt="Save"
-                        src="/images/save-btn.png" /></a>
+                        src="[% ctx.media_prefix %]/images/save-btn.png" /></a>
                 </td>
                 <td width="1" style="padding-left:5px;">
                     <a href="#"><img
                         alt="Holds Help"
-                        src="/images/question-mark.png" /></a>
+                        src="[% ctx.media_prefix %]/images/question-mark.png" /></a>
                 </td>
                 <td align="right">
                     <select class="hide_me" id="holds_sort">
diff --git a/Open-ILS/web/templates/default/opac/myopac/lists.tt2 b/Open-ILS/web/templates/default/opac/myopac/lists.tt2
index c156ce1e76..2123f4b792 100644
--- a/Open-ILS/web/templates/default/opac/myopac/lists.tt2
+++ b/Open-ILS/web/templates/default/opac/myopac/lists.tt2
@@ -15,7 +15,7 @@
                 Share this list?
                 <a href="#"><img
                     alt="Sharing Help"
-                    src="/images/question-mark.png" /></a>
+                    src="[% ctx.media_prefix %]/images/question-mark.png" /></a>
             </td>
             <td>
                 <input type="radio" value="0" name="shareList"
@@ -29,10 +29,10 @@
         </tr>
     </table>
     <a href="#"><img
-        alt="Submit" src="/images/btnSubmit.png" /></a>
+        alt="Submit" src="[% ctx.media_prefix %]/images/btnSubmit.png" /></a>
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     <a href="#"><img
-        alt="Cancel" src="/images/btnCancel.png" /></a>
+        alt="Cancel" src="[% ctx.media_prefix %]/images/btnCancel.png" /></a>
 </div>
 <div id='myopac_bookbag_div' style="padding:5px;">
     <div class="header_middle">
@@ -47,9 +47,9 @@
                 <a href="#"
                     style="position:relative;top:-3px;left:-5px;"><img
                     alt="Saving Help"
-                    src="/images/question-mark.png" /></a>
+                    src="[% ctx.media_prefix %]/images/question-mark.png" /></a>
                 <a id='acct_lists_save' href="#"><img alt="Save"
-                    src="/images/save-btn.png" /></a>
+                    src="[% ctx.media_prefix %]/images/save-btn.png" /></a>
             </div>
         </div>
     </div>
@@ -67,7 +67,7 @@
                         <td>
                             <a href="#"><img
                                 alt="Anonymous List Help"
-                                src="/images/question-mark.png" /></a>
+                                src="[% ctx.media_prefix %]/images/question-mark.png" /></a>
                         </td>
                     </tr>
                 </table>
@@ -105,7 +105,7 @@
                     <div style="float:left;padding:5px 0px 0px 10px;">
                         <a target='_blank' name='share_list_rss'
                             class='hide_me'><img alt="RSS Feed" border="0"
-                            src="/opac/images/small-rss.png"
+                            src="/opac[% ctx.media_prefix %]/images/small-rss.png"
                             title="You are sharing this list"/></a>
                     </div>
                     <div style="float:left;padding:5px 0px 0px 10px;">
@@ -178,7 +178,7 @@
                     <a name='myopac_bb_published_atom'
                         class='unadorned_link hide_me'>
                         <img alt="RSS Feed" border="0"
-                        src="/opac/images/small-rss.png"
+                        src="/opac[% ctx.media_prefix %]/images/small-rss.png"
                         title="[% l("ATOM Feed") %]" />
                     </a>
                 </td>
diff --git a/Open-ILS/web/templates/default/opac/myopac/main.tt2 b/Open-ILS/web/templates/default/opac/myopac/main.tt2
index abeef06780..1dfaf713d1 100644
--- a/Open-ILS/web/templates/default/opac/myopac/main.tt2
+++ b/Open-ILS/web/templates/default/opac/myopac/main.tt2
@@ -9,30 +9,30 @@
         <div id="myopac_sum_fines">
             <div style="position:absolute;">
                 <div style="position:relative;top:-15px;left:-23px;">
-                    <img src="/images/acct_sum_fines_tl.png" />
+                    <img src="[% ctx.media_prefix %]/images/acct_sum_fines_tl.png" />
                 </div>
             </div>
             <div style="position:absolute;">
                 <div style="position:relative;top:-15px;left:172px;">
-                    <img src="/images/acct_sum_fines_tr.png" />
+                    <img src="[% ctx.media_prefix %]/images/acct_sum_fines_tr.png" />
                 </div>
             </div>
             <div style="position:absolute;">
                 <div style="position:relative;top:161px;left:-23px;">
-                    <img src="/images/acct_sum_fines_bl.png" />
+                    <img src="[% ctx.media_prefix %]/images/acct_sum_fines_bl.png" />
                 </div>
             </div>
             <div style="position:absolute;">
                 <div style="position:relative;top:161px;left:172px;">
-                    <img src="/images/acct_sum_fines_br.png" />
+                    <img src="[% ctx.media_prefix %]/images/acct_sum_fines_br.png" />
                 </div>
             </div>
             Fines: <span id="myopac_sum_fines_bal">$0.00</span><br />
             <a class="hide_me" href="#" id="pay_fines_btn1"><img
                 alt="Pay Fines"
-                onmouseover="this.src='/images/pay-fines-btn-hover.png';"
-                onmouseout="this.src='/images/pay-fines-btn.png';"
-                src="/images/pay-fines-btn.png"
+                onmouseover="this.src='[% ctx.media_prefix %]/images/pay-fines-btn-hover.png';"
+                onmouseout="this.src='[% ctx.media_prefix %]/images/pay-fines-btn.png';"
+                src="[% ctx.media_prefix %]/images/pay-fines-btn.png"
                 style="position:relative;top:5px;" /></a>
         </div>
         <div style="width:662px;">
@@ -240,8 +240,8 @@
                 </table>
             </div>
             <a href="#"><img alt="Pay Fines"
-                onmouseover="this.src='/images/pay-fines-btn-hover.png';"
-                src="/images/pay-fines-btn.png"
+                onmouseover="this.src='[% ctx.media_prefix %]/images/pay-fines-btn-hover.png';"
+                src="[% ctx.media_prefix %]/images/pay-fines-btn.png"
                 style="position:relative;top:5px;" /></a>
             <br/>
         </div>
@@ -330,7 +330,7 @@
                         <div style="position:absolute;">
                             <div style="position:relative;left:80px;">
                                 <a href="#"><img
-                                    src="/images/question-mark.png" /></a>
+                                    src="[% ctx.media_prefix %]/images/question-mark.png" /></a>
                             </div>
                         </div>
                         Security Code
diff --git a/Open-ILS/web/templates/default/opac/myopac/prefs.tt2 b/Open-ILS/web/templates/default/opac/myopac/prefs.tt2
index 9788b0ef65..ea6fb158bf 100644
--- a/Open-ILS/web/templates/default/opac/myopac/prefs.tt2
+++ b/Open-ILS/web/templates/default/opac/myopac/prefs.tt2
@@ -7,33 +7,33 @@
             <div style="float:left;">
                 <div class="align selected"
                      id="prefs_info_lbl"><img src=
-                     "/images/sub_prefs_info_on.jpg" /></div>
+                     "[% ctx.media_prefix %]/images/sub_prefs_info_on.jpg" /></div>
 
                 <div class="align hide_me"
                      id="prefs_info_link">
                     <a href="#"><img src=
-                         "/images/sub_prefs_info_off.jpg" /></a>
+                         "[% ctx.media_prefix %]/images/sub_prefs_info_off.jpg" /></a>
                 </div>
 
                 <div class="align"
                      id="prefs_notify_link">
                     <a href="#"><img src=
-                         "/images/sub_prefs_notify_off.jpg" /></a>
+                         "[% ctx.media_prefix %]/images/sub_prefs_notify_off.jpg" /></a>
                 </div>
 
                 <div class="align selected hide_me"
                      id="prefs_notify_lbl"><img src=
-                     "/images/sub_prefs_notify_on.jpg" /></div>
+                     "[% ctx.media_prefix %]/images/sub_prefs_notify_on.jpg" /></div>
 
                 <div class="align"
                      id="prefs_search_link">
                     <a href="#"><img src=
-                         "/images/sub_prefs_search_off.jpg" /></a>
+                         "[% ctx.media_prefix %]/images/sub_prefs_search_off.jpg" /></a>
                 </div>
 
                 <div class="align selected hide_me"
                      id="prefs_search_lbl"><img src=
-                     "/images/sub_prefs_search_on.jpg" /></div>
+                     "[% ctx.media_prefix %]/images/sub_prefs_search_on.jpg" /></div>
             </div>
 
             <div style="float:right;width:65px;">
@@ -42,7 +42,7 @@
                         <a id='acct_prefs_save'
                              class='hide_me'
                              href="#"><img alt="Save"
-                             src="/images/save-btn.png" /></a>
+                             src="[% ctx.media_prefix %]/images/save-btn.png" /></a>
                     </div>
                 </div>
             </div>
@@ -77,7 +77,7 @@
                                 <a href="#">
                                 <img alt="Search Hits Help"
                                      src=
-                                     "/images/question-mark.png" /></a>
+                                     "[% ctx.media_prefix %]/images/question-mark.png" /></a>
                             </div>
                         </div><select id='prefs_hits_per'
                             style="position:relative;z-index:100;">
@@ -399,7 +399,7 @@
                                     <a href="#">
                                     <img alt="Username Help"
                                          src=
-                                         "/images/question-mark.png" /></a>
+                                         "[% ctx.media_prefix %]/images/question-mark.png" /></a>
                                 </div>
                             </div>[% l("Username") %]
                         </td>
@@ -600,7 +600,7 @@
                                     <td>
                                         <a href="#"><img
                                             alt="Address Help"
-                                            src="/images/question-mark.png" /></a>
+                                            src="[% ctx.media_prefix %]/images/question-mark.png" /></a>
                                     </td>
                                 </tr>
                             </table>
diff --git a/Open-ILS/web/templates/default/opac/parts/advanced/search.tt2 b/Open-ILS/web/templates/default/opac/parts/advanced/search.tt2
index 58cce8ba9a..44fb6b38fe 100644
--- a/Open-ILS/web/templates/default/opac/parts/advanced/search.tt2
+++ b/Open-ILS/web/templates/default/opac/parts/advanced/search.tt2
@@ -256,7 +256,7 @@
     <tr class='border_4_2'>
         <td align="left" colspan='2'>
             <!-- XXX TODO make a real form, and make this a real submitter -->
-        <img src="/images/search_btn.gif" alt="Search"  style="cursor:pointer;" />
+        <img src="[% ctx.media_prefix %]/images/search_btn.gif" alt="Search"  style="cursor:pointer;" />
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         <!-- XXX TODO make a real form, and make this a real resetter -->
         <a href="javascript:;" style="position: relative; top: -9px;">Reset Form</a>
@@ -288,7 +288,7 @@
         <div style='margin-top: 8px;' class='adv_quick_search_submit'>
             <!-- XXX TODO make a real form, and make a real submitter (quick
             submit, FKA advGenericSearch() -->
-            <img src="/images/search_btn.gif"
+            <img src="[% ctx.media_prefix %]/images/search_btn.gif"
                 alt="Search" id="adv_quick_submit" style="cursor:pointer;" />
         </div>
     </div>
@@ -325,7 +325,7 @@
             href='javascript:advAddMARC();'>[% l("Add Row") %]</a>
         <!-- XXX TODO make a real form, and make a real submitter (FKA
         advMARCRun()) -->
-        <img alt="Search" src="/images/search_btn.gif"
+        <img alt="Search" src="[% ctx.media_prefix %]/images/search_btn.gif"
             style="cursor:pointer;" />
     </div>
 </div>
diff --git a/Open-ILS/web/templates/default/opac/parts/base.tt2 b/Open-ILS/web/templates/default/opac/parts/base.tt2
index 7921cd3565..881b46e8ca 100644
--- a/Open-ILS/web/templates/default/opac/parts/base.tt2
+++ b/Open-ILS/web/templates/default/opac/parts/base.tt2
@@ -3,11 +3,11 @@
     <head>
         <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
         <link rel="stylesheet" type="text/css"
-            href="/css/skin/default/opac/semiauto.css" />
+            href="[% ctx.media_prefix %]/css/skin/default/opac/semiauto.css" />
         <link rel="stylesheet" type="text/css"
-            href="/css/skin/default/opac/style.css" />
+            href="[% ctx.media_prefix %]/css/skin/default/opac/style.css" />
         <link rel="stylesheet" type="text/css"
-            href="/css/skin/default/opac/contentslider.css" />
+            href="[% ctx.media_prefix %]/css/skin/default/opac/contentslider.css" />
         <title>Catalog - King County Library - [% ctx.page_title %]</title>
         <link rel="unapi-server" type="application/xml" title="unAPI"
             href="/opac/extras/unapi" />
diff --git a/Open-ILS/web/templates/default/opac/parts/homesearch.tt2 b/Open-ILS/web/templates/default/opac/parts/homesearch.tt2
index 03fc3bd588..72c424279a 100644
--- a/Open-ILS/web/templates/default/opac/parts/homesearch.tt2
+++ b/Open-ILS/web/templates/default/opac/parts/homesearch.tt2
@@ -26,7 +26,7 @@
   
 <!-- ************************************ home page banner start ********************************************** -->
     <div class="contentdiv" style="background:white;">
-      <a href="http://www.kcls.org/newcatalog"><img alt="New catalog" src="/images/banner1.jpg" /></a>
+      <a href="http://www.kcls.org/newcatalog"><img alt="New catalog" src="[% ctx.media_prefix %]/images/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 />
@@ -38,7 +38,7 @@
     </div>
     <div class="contentdiv" style="background:#2bb0fd;">
       <br />
-      <img src="/images/KCLS_logo_horiz.gif" /><br />
+      <img src="[% ctx.media_prefix %]/images/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>
@@ -63,13 +63,13 @@
                 <a href="http://www.kcls.org/newcatalog"></a>
             </div>
         </div>
-        <img alt="New catalog" src="/images/banner1.jpg" />
+        <img alt="New catalog" src="[% ctx.media_prefix %]/images/banner1.jpg" />
     </div>
 </div>
 
 <div id="hp-buttons">
     <div class="float-left">
-        <img src="/images/hp-links-left.jpg" />
+        <img src="[% ctx.media_prefix %]/images/hp-links-left.jpg" />
     </div>
     <div class="float-left">
     <div id="home-buttons-inner">
@@ -80,8 +80,8 @@
       </table>
     </div>
   </div>
-  <div class="float-left"><img src="/images/hp-links-right.jpg" /></div>
-  <div class="float-right"><a href="http://www.kcls.org/locations"><img alt="Locations" src="/images/locations.jpg" /></a></div>
+  <div class="float-left"><img src="[% ctx.media_prefix %]/images/hp-links-right.jpg" /></div>
+  <div class="float-right"><a href="http://www.kcls.org/locations"><img alt="Locations" src="[% ctx.media_prefix %]/images/locations.jpg" /></a></div>
   <div class="clear-both"></div>
 </div>
 <!-- ****************** end: homesearch.xml ***************************** -->
diff --git a/Open-ILS/web/templates/default/opac/parts/login/form.tt2 b/Open-ILS/web/templates/default/opac/parts/login/form.tt2
index cd9e78c798..ac271098cb 100644
--- a/Open-ILS/web/templates/default/opac/parts/login/form.tt2
+++ b/Open-ILS/web/templates/default/opac/parts/login/form.tt2
@@ -118,7 +118,7 @@
                                 </div>
                                 <div style="padding-top:14px;">
                                     <a href="#" id="login_button"><img
-                                        alt="Log in" src="/images/login-btn2.png" /></a>
+                                        alt="Log in" src="[% ctx.media_prefix %]/images/login-btn2.png" /></a>
                                     <input class="hide_me"
                                         id="login_form_submit" type="submit" />
                                     <a href="#"
@@ -133,14 +133,14 @@
                 <td class="login_boxes right_brain" align="center"
                     valign="top" width="291">
                     <a href="http://www.kcls.org/about/contact/"><img
-                        src="/images/questions.png"
+                        src="[% ctx.media_prefix %]/images/questions.png"
                         alt="Questions?" style="margin-top:29px;" /></a>
 	                <div style="width:182px;color:black;padding:5px 25px;">
                         Visit our FAQs section for answers to common questions
                         about how to use your account.
 	                </div>
                     <a href="http://www.kcls.org/usingthelibrary/catalog_help/index.cfm#FAQs"><img
-                        alt="FAQs" src="/images/faqs-btn.png"
+                        alt="FAQs" src="[% ctx.media_prefix %]/images/faqs-btn.png"
                         style="margin-top:13px;" /></a>
 	            </td>
             </tr>
diff --git a/Open-ILS/web/templates/default/opac/parts/place_hold.tt2 b/Open-ILS/web/templates/default/opac/parts/place_hold.tt2
index 7548b56182..7fc9f31ac4 100644
--- a/Open-ILS/web/templates/default/opac/parts/place_hold.tt2
+++ b/Open-ILS/web/templates/default/opac/parts/place_hold.tt2
@@ -46,10 +46,10 @@
             services, please select "Outreach" to have the item delivered
             during your scheduled visit.</p>
         <a href="#" id="holds_submit"><img
-            alt="Submit" src="/images/btnSubmit.png" /></a>
+            alt="Submit" src="[% ctx.media_prefix %]/images/btnSubmit.png" /></a>
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         <a href="#" id="holds_cancel"><img
-            alt="Cancel" src="/images/btnCancel.png" /></a>
+            alt="Cancel" src="[% ctx.media_prefix %]/images/btnCancel.png" /></a>
         <br /><br />
         <p>* If you need your item today, and it is checked in at your
             library, please place your hold and then call your library to set it
diff --git a/Open-ILS/web/templates/default/opac/parts/record/extras.tt2 b/Open-ILS/web/templates/default/opac/parts/record/extras.tt2
index 05cbd78bd4..8a5382689a 100644
--- a/Open-ILS/web/templates/default/opac/parts/record/extras.tt2
+++ b/Open-ILS/web/templates/default/opac/parts/record/extras.tt2
@@ -20,7 +20,7 @@
             <div class="rdetail_extras_hr"></div>
             <div class="rdetail_extras_link">
                 <a href='javascript:rdetailShowExtra("summary");'><img
-                    alt="" src="/images/rdetail_arrow.png" /></a>
+                    alt="" src="[% ctx.media_prefix %]/images/rdetail_arrow.png" /></a>
                 <a href='javascript:rdetailShowExtra("summary");'
                     class="rdetail_extras_lbl">Summary</a>
             </div>
@@ -43,7 +43,7 @@
             <div class="rdetail_extras_hr"></div>
             <div class="rdetail_extras_link">
                 <a href='javascript:rdetailShowExtra("subject");'><img
-                    alt="" src="/images/rdetail_arrow.png" /></a>
+                    alt="" src="[% ctx.media_prefix %]/images/rdetail_arrow.png" /></a>
                 <a href='javascript:rdetailShowExtra("subject");' class="rdetail_extras_lbl">subject</a>
             </div>
         </div>
@@ -127,7 +127,7 @@
             <div class="rdetail_extras_hr"></div>
             <div class="rdetail_extras_link">
                 <a href='javascript:rdetailShowExtra("content");'><img alt=""
-                    src="/images/rdetail_arrow.png" /></a>
+                    src="[% ctx.media_prefix %]/images/rdetail_arrow.png" /></a>
                 <a href='javascript:rdetailShowExtra("content");' class="rdetail_extras_lbl">Contents</a>
             </div>
         </div>
@@ -143,7 +143,7 @@
             class="rdetail_extras hide_me" id="rdetail_authors_link"><div class="rdetail_extras_hr"></div>
             <div class="rdetail_extras_link">
                 <a href='javascript:rdetailShowExtra("authors");'><img
-                    alt="" src="/images/rdetail_arrow.png" /></a>
+                    alt="" src="[% ctx.media_prefix %]/images/rdetail_arrow.png" /></a>
                 <a href='javascript:rdetailShowExtra("authors");' class="rdetail_extras_lbl">Author</a>
             </div>
         </div>
@@ -164,7 +164,7 @@
             class="rdetail_extras hide_me" id="rdetail_series_link"><div class="rdetail_extras_hr"></div>
             <div class="rdetail_extras_link">
                 <a href='javascript:rdetailShowExtra("series");'><img
-                    alt="" src="/images/rdetail_arrow.png" /></a>
+                    alt="" src="[% ctx.media_prefix %]/images/rdetail_arrow.png" /></a>
                 <a href='javascript:rdetailShowExtra("series");'
                     class="rdetail_extras_lbl">series</a>
             </div>
@@ -180,7 +180,7 @@
             <div class="rdetail_extras_hr"></div>
             <div class="rdetail_extras_link">
                 <a href='javascript:rdetailShowExtra("awards");'><img
-                    alt="" src="/images/rdetail_arrow.png" /></a>
+                    alt="" src="[% ctx.media_prefix %]/images/rdetail_arrow.png" /></a>
                 <a href='javascript:rdetailShowExtra("awards");'
                     class="rdetail_extras_lbl">awards, reviews &amp; suggested reads</a>
             </div>
@@ -213,7 +213,7 @@
             <div class="rdetail_extras_hr"></div>
             <div class="rdetail_extras_link">
                 <a href='javascript:rdetailShowExtra("reviews");'><img
-                    alt="" src="/images/rdetail_arrow.png" /></a>
+                    alt="" src="[% ctx.media_prefix %]/images/rdetail_arrow.png" /></a>
                 <a href='javascript:rdetailShowExtra("reviews");'
                     class="rdetail_extras_lbl">[% l("Reviews") %]</a>
             </div>
@@ -226,7 +226,7 @@
             <div class="rdetail_extras_hr"></div>
             <div class="rdetail_extras_link">
                 <a href='javascript:rdetailShowExtra("excerpt");'><img
-                    alt="" src="/images/rdetail_arrow.png" /></a>
+                    alt="" src="[% ctx.media_prefix %]/images/rdetail_arrow.png" /></a>
                 <a href='javascript:rdetailShowExtra("excerpt");'
                     class="rdetail_extras_lbl">[% l("Excerpt") %]</a>
             </div>
@@ -239,7 +239,7 @@
             <div class="rdetail_extras_hr"></div>
             <div class="rdetail_extras_link">
                 <a href='javascript:rdetailShowExtra("preview");'><img
-                    alt="" src="/images/rdetail_arrow.png" /></a>
+                    alt="" src="[% ctx.media_prefix %]/images/rdetail_arrow.png" /></a>
                 <a href='javascript:rdetailShowExtra("preview");'
                     class="rdetail_extras_lbl">[% l("Preview") %]</a>
             </div>
@@ -252,7 +252,7 @@
             <div class="rdetail_extras_hr"></div>
             <div class="rdetail_extras_link">
                 <a href='javascript:rdetailShowExtra("novelist");'><img
-                    alt="" src="/images/rdetail_arrow.png" /></a>
+                    alt="" src="[% ctx.media_prefix %]/images/rdetail_arrow.png" /></a>
                 <a href='javascript:rdetailShowExtra("novelist");'
                     class="rdetail_extras_lbl">[% l("Suggestions by NoveList") %]</a>
             </div>
@@ -263,7 +263,7 @@
             <div class="rdetail_extras_hr"></div>
             <div class="rdetail_extras_link">
                 <a href='javascript:rdetailShowExtra("cn");'><img
-                    alt="" src="/images/rdetail_arrow.png" /></a>
+                    alt="" src="[% ctx.media_prefix %]/images/rdetail_arrow.png" /></a>
                 <a href='javascript:rdetailShowExtra("cn");'
                     class="rdetail_extras_lbl">[% l("Shelf Browser") %]</a>
             </div>
@@ -290,7 +290,7 @@
             <div class="rdetail_extras_hr"></div>
             <div class="rdetail_extras_link">
                 <a href='javascript:rdetailShowExtra("copyinfo");'><img
-                    alt="" src="/images/rdetail_arrow.png" /></a>
+                    alt="" src="[% ctx.media_prefix %]/images/rdetail_arrow.png" /></a>
                 <a href='javascript:rdetailShowExtra("copyinfo");'
                     class="rdetail_extras_lbl">[% l("Copy Summary") %]</a>
             </div>
@@ -302,7 +302,7 @@
             <div class="rdetail_extras_hr"></div>
             <div class="rdetail_extras_link">
                 <a href='javascript:rdetailShowExtra("marc");'><img
-                    alt="" src="/images/rdetail_arrow.png" /></a>
+                    alt="" src="[% ctx.media_prefix %]/images/rdetail_arrow.png" /></a>
                 <a href='javascript:rdetailShowExtra("marc");'
                     class="rdetail_extras_lbl">[% l("MARC Record") %]</a>
             </div>
diff --git a/Open-ILS/web/templates/default/opac/parts/record/summary.tt2 b/Open-ILS/web/templates/default/opac/parts/record/summary.tt2
index 5e3ab90832..e1d5e358b5 100644
--- a/Open-ILS/web/templates/default/opac/parts/record/summary.tt2
+++ b/Open-ILS/web/templates/default/opac/parts/record/summary.tt2
@@ -33,7 +33,7 @@
                                     <div style="border-bottom:1px dotted #ccc;padding-top:10px;"
                                         class="rdetail_aux_utils">
                                         <a href="place_hold" id="rdetail_place_hold"><img
-                                            src="/images/green_check.png" alt="place hold" />
+                                            src="[% ctx.media_prefix %]/images/green_check.png" alt="place hold" />
                                             <span style="position:relative;top:-3px;left:3px;">Place Hold</span></a>
                                     </div>
                                     <div style="padding-top:6px;" class="rdetail_aux_utils">
@@ -45,7 +45,7 @@
                                         </div>
                                         <a href="#"><img
                                             alt="add to my list"
-                                            src="/images/clipboard.png" /></a>
+                                            src="[% ctx.media_prefix %]/images/clipboard.png" /></a>
                                     </div>
                                 </div>
                                 <div style="float:right;margin-right:17px;">
@@ -131,24 +131,24 @@
 
 <div id="rdetail_locs_expand">
     <a href="#"><img
-        src="/images/plus_sign.png" /></a>
+        src="[% ctx.media_prefix %]/images/plus_sign.png" /></a>
     <a style="position:relative;top:-3px;" href="#">Show more locations</a>
 </div>
 
 <div id="rdetail_locs_collapse" class="hide_me">
     <a href="#"><img
-        src="/images/plus_sign.png" /></a>
+        src="[% ctx.media_prefix %]/images/plus_sign.png" /></a>
     <a style="position:relative;top:-3px;" href="#">Collapse locations</a>
 </div>
 
 <div id="rdetail_extras_expand">
     <a href="#"><img
-        src="/images/plus_sign.png" /></a>
+        src="[% ctx.media_prefix %]/images/plus_sign.png" /></a>
     <a style="position:relative;top:-3px;" href="#">Expand all tabs</a>
 </div>
 
 <div id="rdetail_extras_collapse" class="hide_me">
-    <a href="#"><img src="/images/plus_sign.png" /></a>
+    <a href="#"><img src="[% ctx.media_prefix %]/images/plus_sign.png" /></a>
     <a style="position:relative;top:-3px;" href="#">Collapse all tabs</a>
 </div>
 
@@ -168,11 +168,11 @@
                             </td>
                             <td width="1" valign="top" align="right" style="white-space:nowrap;">
                                 <a href="place_hold" id=''><img alt="Place Hold"
-                                    src="/images/place_hold.gif" /></a>
+                                    src="[% ctx.media_prefix %]/images/place_hold.gif" /></a>
                                 <a href="#" id="rd_reviews_and_more" target="_blank"><img
-                                    alt="Reviews and More" src="/images/reviews.gif" /></a>
+                                    alt="Reviews and More" src="[% ctx.media_prefix %]/images/reviews.gif" /></a>
                                 <a href="#" id=""><img alt="Add to My List"
-                                    src="/images/add_mylist.gif" /></a>
+                                    src="[% ctx.media_prefix %]/images/add_mylist.gif" /></a>
                             </td>
                         </tr>
                     </table>
diff --git a/Open-ILS/web/templates/default/opac/parts/result/table.tt2 b/Open-ILS/web/templates/default/opac/parts/result/table.tt2
index a183ead0c6..0d2a56906a 100644
--- a/Open-ILS/web/templates/default/opac/parts/result/table.tt2
+++ b/Open-ILS/web/templates/default/opac/parts/result/table.tt2
@@ -139,7 +139,7 @@
                                                         <div style="border-bottom:1px dotted #ccc;padding-top:10px;"
                                                             class="results_aux_utils"><a
                                                                 href="javascript:;" name="place_hold_link"><img
-                                                                src="/images/green_check.png"
+                                                                src="[% ctx.media_prefix %]/images/green_check.png"
                                                                 alt="place hold" /><span
                                                                     style="position:relative;top:-3px;left:3px;">Place Hold</span></a>
                                                         </div>
@@ -154,13 +154,13 @@
                                                             <a href="javascript:;"
                                                                 name="result_my_list_link_img"><img
                                                                 alt="add to my list"
-                                                                src="/images/clipboard.png" /></a>
+                                                                src="[% ctx.media_prefix %]/images/clipboard.png" /></a>
                                                         </div>
                                                         <div style="padding-top:7px;" class="results_aux_utils">
                                                             <a title="Reviews and More" target="_blank"
                                                                 name="reviews_and_more" href="javascript:;"><img
                                                                 alt="reviews &amp; more"
-                                                                src="/images/starz.png" /> <span
+                                                                src="[% ctx.media_prefix %]/images/starz.png" /> <span
                                                                     style="position:relative;top:-5px;">Reviews &amp; More</span></a>
                                                         </div>
                                                     </div>
diff --git a/Open-ILS/web/templates/default/opac/parts/searchbar.tt2 b/Open-ILS/web/templates/default/opac/parts/searchbar.tt2
index 507afedc55..559f1a5d33 100644
--- a/Open-ILS/web/templates/default/opac/parts/searchbar.tt2
+++ b/Open-ILS/web/templates/default/opac/parts/searchbar.tt2
@@ -27,9 +27,9 @@
                         <input type="button" id="search_submit" value="GO"
                             class="hide_me" /><a href="#"
                                 id="search_submit_alt"><img
-                                alt="Search" src="/images/go-btn.png"
-                            onmouseover="this.src='/images/go-btn-hover.png';"
-                            onmouseout="this.src='/images/go-btn.png';" /></a>
+                                alt="Search" src="[% ctx.media_prefix %]/images/go-btn.png"
+                            onmouseover="this.src='[% ctx.media_prefix %]/images/go-btn-hover.png';"
+                            onmouseout="this.src='[% ctx.media_prefix %]/images/go-btn.png';" /></a>
                     </div>
                 </div>
             </td>
diff --git a/Open-ILS/web/templates/default/opac/parts/topnav.tt2 b/Open-ILS/web/templates/default/opac/parts/topnav.tt2
index 350959d003..a3ddabf5d6 100644
--- a/Open-ILS/web/templates/default/opac/parts/topnav.tt2
+++ b/Open-ILS/web/templates/default/opac/parts/topnav.tt2
@@ -2,14 +2,14 @@
 <div id="header">
     <div class="float-left"><a
         href="http://www.kcls.org"><img alt="KCLS Logo"
-        src="/images/KCLS_logo_horiz.gif" /></a></div>
+        src="[% ctx.media_prefix %]/images/KCLS_logo_horiz.gif" /></a></div>
     <div class="float-right">
         <div id="your-acct-login"><a
             href="[% skin_root %]login" id="home_myopac_link"><img
             alt="Your Account Log in"
-            src="/images/login-btn.png"
-            onmouseover="this.src='/images/login-btn-hover.png';"
-            onmouseout="this.src='/images/login-btn.png';" /></a></div>
+            src="[% ctx.media_prefix %]/images/login-btn.png"
+            onmouseover="this.src='[% ctx.media_prefix %]/images/login-btn-hover.png';"
+            onmouseout="this.src='[% ctx.media_prefix %]/images/login-btn.png';" /></a></div>
 
 
     </div>
diff --git a/Open-ILS/web/templates/default/opac/parts/utils.tt2 b/Open-ILS/web/templates/default/opac/parts/utils.tt2
index d8dd56ab0d..e1402252db 100644
--- a/Open-ILS/web/templates/default/opac/parts/utils.tt2
+++ b/Open-ILS/web/templates/default/opac/parts/utils.tt2
@@ -3,27 +3,27 @@
             <div class="float-right">
                 <div class="pos-rel">
                     <img
-                        src="/images/utils-corner-left.png"
+                        src="[% ctx.media_prefix %]/images/utils-corner-left.png"
                         class="float-left" />
                     <div class="left-corner"> 
                         <a href="javascript:history.go(-1)"
                             id="util_back_btn"><img alt="Back"
-                            src="/images/tool_back.png" /></a>
+                            src="[% ctx.media_prefix %]/images/tool_back.png" /></a>
                         <a href="[% skin_root %]home"
                             id="util_home_btn"><img alt="Homepage"
-                            src="/images/tool_home.png" /></a>
+                            src="[% ctx.media_prefix %]/images/tool_home.png" /></a>
                         <a href="javascript:window.print();"
                             id="util_print_btn"><img alt="Print Page"
-                            src="/images/tool_print.png" /></a>
+                            src="[% ctx.media_prefix %]/images/tool_print.png" /></a>
                         <a href="http://www.kcls.org/usingthelibrary/catalog_help/index.cfm"
                             id="util_help_btn"><img alt="Help"
-                            src="/images/tool_help.png" /></a>
+                            src="[% ctx.media_prefix %]/images/tool_help.png" /></a>
                         <a href="javascript:history.go(+1)"
                             id="util_forw_btn"><img alt="Forward"
-                            src="/images/tool_forward.png" /></a>
+                            src="[% ctx.media_prefix %]/images/tool_forward.png" /></a>
                     </div>
                     <img
-                        src="/images/utils-corner-right.png"
+                        src="[% ctx.media_prefix %]/images/utils-corner-right.png"
                         class="float-left" />
                 </div>
             </div>
diff --git a/Open-ILS/web/templates/default/opac/results.tt2 b/Open-ILS/web/templates/default/opac/results.tt2
index 5e52f13da7..df39f4f457 100644
--- a/Open-ILS/web/templates/default/opac/results.tt2
+++ b/Open-ILS/web/templates/default/opac/results.tt2
@@ -10,22 +10,22 @@
             <div id="results_header_inner">
                 <div class="results_header_btns">
                     <a href="index.xml"><img alt="Another Search"
-                        src="/images/another_search.png"
-                        onmouseover="this.src='/images/another_search_hover.png';"
-                        onmouseout="this.src='/images/another_search.png';" /></a>
+                        src="[% ctx.media_prefix %]/images/another_search.png"
+                        onmouseover="this.src='[% ctx.media_prefix %]/images/another_search_hover.png';"
+                        onmouseout="this.src='[% ctx.media_prefix %]/images/another_search.png';" /></a>
                 </div>
                 <div class="results_header_btns">
                     <a href="advanced"><img alt="Advanced Search"
-                        src="/images/adv_search.png"
-                        onmouseover="this.src='/images/adv_search_hover.png';"
-                        onmouseout="this.src='/images/adv_search.png';" /></a>
+                        src="[% ctx.media_prefix %]/images/adv_search.png"
+                        onmouseover="this.src='[% ctx.media_prefix %]/images/adv_search_hover.png';"
+                        onmouseout="this.src='[% ctx.media_prefix %]/images/adv_search.png';" /></a>
                 </div>
                 <div class="results_header_btns cached_list_div">
                     <a href="#" class="hide_me" id="cacheListLink"><img
                         alt="View My List"
-                        src="/images/view_my_list.png"
-                        onmouseover="this.src='/images/view_my_list_hover.png';"
-                        onmouseout="this.src='/images/view_my_list.png';" /></a>
+                        src="[% ctx.media_prefix %]/images/view_my_list.png"
+                        onmouseover="this.src='[% ctx.media_prefix %]/images/view_my_list_hover.png';"
+                        onmouseout="this.src='[% ctx.media_prefix %]/images/view_my_list.png';" /></a>
                 </div>
                 <div class="results_header_div"></div>
                 <div class="results_header_lbl">Sort by</div>