Primo Search Widgets

<!--Widget Starts Here-->
<form id="simple" name="searchForm" method="get" target="_self" action="https://maine.primo.exlibrisgroup.com/discovery/search" enctype="application/x-www-form-urlencoded; charset=utf-8" onsubmit="searchPrimo()">
<div class="">
<input type="text" id="primoQueryTemp" placeholder="Search anything (author, title, keyword, course, etc.)" style="width: 45%;">

<!-- This Value needs to be change to the Individual Campus ID for Primo  -->
<input type="hidden" name="vid" value="01MAINE_INST:USM">         

<input type="hidden" name="tab" id="primoTab">

<input type="hidden" name="mode" value="Basic">

<select name="search_scope" id="primoScope" style="width: 38%; height: 34px;">
      <option value="MyInst_and_CI">Almost Everything</option>
      <option value="LibraryCatalog">Library Catalog</option>
      <option value="CentralIndex">Electronic Resources</option>
      <option value="CourseReserves">Course Reserves</option>
 </select>
<!-- Fixed parameters -->
<input type="hidden" name="displayMode" value="full">
<input type="hidden" name="bulkSize" value="10">
<input type="hidden" name="highlight" value="true">
<input type="hidden" name="dum" value="true">
<input type="hidden" name="query" id="primoQuery">
<input type="hidden" name="displayField" value="all">
<!-- Enable this if "Expand My Results" is enabled by default in Views Wizard -->
<input type="hidden" name="pcAvailabiltyMode" value="true">
<!-- Search Button. Change style= as you like for font/size/border-->
<button id="go" title="Search" onclick="searchPrimo()" type="button" value="Search" alt="Search" style="border-radius: 4px; font-family: Helvetica, Arial, sans-serif; background: linear-gradient(#2d95b7, #23748e); color: #ffffff; border: 1px solid;">Search</button>
</div></form>
<!--Widget Ends Here-->

<script type="text/javascript">
function searchPrimo() {
document.getElementById("primoQuery").value = "any,contains," + document.getElementById("primoQueryTemp").value.replace(/[,]/g, " ");

var dropdownValue = document.getElementById("primoScope").value;
var tabValue;
switch (dropdownValue){
    case "MyInst_and_CI":
        tabValue = "Everything";
        break;
    case "MyInstitution":
        tabValue = "LibraryCatalog";
        break;
    case "CentralIndex":
        tabValue = "CentralIndex";
        break;
    case "CourseReserves":
        tabValue = "CourseReserves";
        break;
    default:
        tabValue = dropdownValue;
        break;
}
document.getElementById("primoTab").value = tabValue;
document.forms["searchForm"].submit();
}
</script>