<?php
<style>
.service {margin-bottom:10px; clear:both;}
.service img {clear:both; float:left; padding:0 .5em 20px 0; width:24px; height:auto;}
</style>
<!-- alt text for images should match text in a elements, to aid with Google Analytics tracking -->
<div id="services">
<div class="service">
<a href="http://www.arc.losrios.edu/arclibrary/Contact_Us/Hours.htm"><img src="http://www.arc.losrios.edu/Images/Images-arc/Library/Hours(0).png" height="40" alt=“Hours”></a>
</div>
<div class="service">
<a href="http://www.arc.losrios.edu/arclibrary/Contact_Us.htm"><img src="http://www.arc.losrios.edu/Images/Images-arc/Library/AskLibrarian_Menu.jpg" width="136" alt=“ask a librarian, contact us, phone, email, text“></a>
</div>
<div class="service" id="arc-appt">
<a href="http://arc.losrios.libcal.com/scheduler.php?iid=525&u=4411&t=Make an appointment!"><img src="http://www.arc.losrios.edu/Images/Images-arc/Library/ResearchAppts(1).png" height="40" alt="Research Appointments"></a>
</div>
</div>
<!-- Place this div in your web page where you want your chat widget to appear. -->
<div class="needs-js">chat loading...</div>
<!-- Place this script as near to the end of your BODY as possible. -->
<script type="text/javascript">
(function() {
var x = document.createElement("script"); x.type = "text/javascript"; x.async = true;
x.src = (document.location.protocol === "https:" ? "https://" : "http://") + "libraryh3lp.com/js/libraryh3lp.js?8699";
var y = document.getElementsByTagName("script")[0]; y.parentNode.insertBefore(x, y);
})();
</script>
<script>
checkCookies('newWindowLinks');
var arcSched = document.querySelectorAll('#arc-appt a');
for (var i=0; i<arcSched.length; i++) {
arcSched[i].addEventListener('click', function(e) {
e.preventDefault();
window.open('http://arc.losrios.libcal.com/scheduler.php?iid=525&u=4411&t=Make an appointment!', 'sched','width=660,height=400,left=100,top=100').focus();
});
}
</script>