<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><script type="text/javascript">window.NREUM||(NREUM={});NREUM.info = {"beacon":"bam.nr-data.net","errorBeacon":"bam.nr-data.net","licenseKey":"340439aef9","applicationID":"3370391","transactionName":"M1QBYkcACBVYUUQNCgoeLmB2TjYHTUBfCiYLXxdEWg0KA0sdeQoBAUk=","queueTime":0,"applicationTime":122,"agent":"","atts":""}</script><script type="text/javascript">(window.NREUM||(NREUM={})).loader_config={xpid:"VgcHUV9UGwADU1FRDgA="};window.NREUM||(NREUM={}),__nr_require=function(t,n,e){function r(e){if(!n[e]){var o=n[e]={exports:{}};t[e][0].call(o.exports,function(n){var o=t[e][1][n];return r(o||n)},o,o.exports)}return n[e].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<e.length;o++)r(e[o]);return r}({1:[function(t,n,e){function r(t){try{s.console&&console.log(t)}catch(n){}}var o,i=t("ee"),a=t(18),s={};try{o=localStorage.getItem("__nr_flags").split(","),console&&"function"==typeof console.log&&(s.console=!0,o.indexOf("dev")!==-1&&(s.dev=!0),o.indexOf("nr_dev")!==-1&&(s.nrDev=!0))}catch(c){}s.nrDev&&i.on("internal-error",function(t){r(t.stack)}),s.dev&&i.on("fn-err",function(t,n,e){r(e.stack)}),s.dev&&(r("NR AGENT IN DEVELOPMENT MODE"),r("flags: "+a(s,function(t,n){return t}).join(", ")))},{}],2:[function(t,n,e){function r(t,n,e,r,s){try{p?p-=1:o(s||new UncaughtException(t,n,e),!0)}catch(f){try{i("ierr",[f,c.now(),!0])}catch(d){}}return"function"==typeof u&&u.apply(this,a(arguments))}function UncaughtException(t,n,e){this.message=t||"Uncaught error with no additional information",this.sourceURL=n,this.line=e}function o(t,n){var e=n?null:c.now();i("err",[t,e])}var i=t("handle"),a=t(19),s=t("ee"),c=t("loader"),f=t("gos"),u=window.onerror,d=!1,l="nr@seenError",p=0;c.features.err=!0,t(1),window.onerror=r;try{throw new Error}catch(h){"stack"in h&&(t(8),t(7),"addEventListener"in window&&t(5),c.xhrWrappable&&t(9),d=!0)}s.on("fn-start",function(t,n,e){d&&(p+=1)}),s.on("fn-err",function(t,n,e){d&&!e[l]&&(f(e,l,function(){return!0}),this.thrown=!0,o(e))}),s.on("fn-end",function(){d&&!this.thrown&&p>0&&(p-=1)}),s.on("internal-error",function(t){i("ierr",[t,c.now(),!0])})},{}],3:[function(t,n,e){t("loader").features.ins=!0},{}],4:[function(t,n,e){function r(t){}if(window.performance&&window.performance.timing&&window.performance.getEntriesByType){var o=t("ee"),i=t("handle"),a=t(8),s=t(7),c="learResourceTimings",f="addEventListener",u="resourcetimingbufferfull",d="bstResource",l="resource",p="-start",h="-end",m="fn"+p,w="fn"+h,v="bstTimer",y="pushState",g=t("loader");g.features.stn=!0,t(6);var x=NREUM.o.EV;o.on(m,function(t,n){var e=t[0];e instanceof x&&(this.bstStart=g.now())}),o.on(w,function(t,n){var e=t[0];e instanceof x&&i("bst",[e,n,this.bstStart,g.now()])}),a.on(m,function(t,n,e){this.bstStart=g.now(),this.bstType=e}),a.on(w,function(t,n){i(v,[n,this.bstStart,g.now(),this.bstType])}),s.on(m,function(){this.bstStart=g.now()}),s.on(w,function(t,n){i(v,[n,this.bstStart,g.now(),"requestAnimationFrame"])}),o.on(y+p,function(t){this.time=g.now(),this.startPath=location.pathname+location.hash}),o.on(y+h,function(t){i("bstHist",[location.pathname+location.hash,this.startPath,this.time])}),f in window.performance&&(window.performance["c"+c]?window.performance[f](u,function(t){i(d,[window.performance.getEntriesByType(l)]),window.performance["c"+c]()},!1):window.performance[f]("webkit"+u,function(t){i(d,[window.performance.getEntriesByType(l)]),window.performance["webkitC"+c]()},!1)),document[f]("scroll",r,{passive:!0}),document[f]("keypress",r,!1),document[f]("click",r,!1)}},{}],5:[function(t,n,e){function r(t){for(var n=t;n&&!n.hasOwnProperty(u);)n=Object.getPrototypeOf(n);n&&o(n)}function o(t){s.inPlace(t,[u,d],"-",i)}function i(t,n){return t[1]}var a=t("ee").get("events"),s=t(21)(a,!0),c=t("gos"),f=XMLHttpRequest,u="addEventListener",d="removeEventListener";n.exports=a,"getPrototypeOf"in Object?(r(document),r(window),r(f.prototype)):f.prototype.hasOwnProperty(u)&&(o(window),o(f.prototype)),a.on(u+"-start",function(t,n){var e=t[1],r=c(e,"nr@wrapped",function(){function t(){if("function"==typeof e.handleEvent)return e.handleEvent.apply(e,arguments)}var n={object:t,"function":e}[typeof e];return n?s(n,"fn-",null,n.name||"anonymous"):e});this.wrapped=t[1]=r}),a.on(d+"-start",function(t){t[1]=this.wrapped||t[1]})},{}],6:[function(t,n,e){var r=t("ee").get("history"),o=t(21)(r);n.exports=r,o.inPlace(window.history,["pushState","replaceState"],"-")},{}],7:[function(t,n,e){var r=t("ee").get("raf"),o=t(21)(r),i="equestAnimationFrame";n.exports=r,o.inPlace(window,["r"+i,"mozR"+i,"webkitR"+i,"msR"+i],"raf-"),r.on("raf-start",function(t){t[0]=o(t[0],"fn-")})},{}],8:[function(t,n,e){function r(t,n,e){t[0]=a(t[0],"fn-",null,e)}function o(t,n,e){this.method=e,this.timerDuration=isNaN(t[1])?0:+t[1],t[0]=a(t[0],"fn-",this,e)}var i=t("ee").get("timer"),a=t(21)(i),s="setTimeout",c="setInterval",f="clearTimeout",u="-start",d="-";n.exports=i,a.inPlace(window,[s,"setImmediate"],s+d),a.inPlace(window,[c],c+d),a.inPlace(window,[f,"clearImmediate"],f+d),i.on(c+u,r),i.on(s+u,o)},{}],9:[function(t,n,e){function r(t,n){d.inPlace(n,["onreadystatechange"],"fn-",s)}function o(){var t=this,n=u.context(t);t.readyState>3&&!n.resolved&&(n.resolved=!0,u.emit("xhr-resolved",[],t)),d.inPlace(t,y,"fn-",s)}function i(t){g.push(t),h&&(b?b.then(a):w?w(a):(E=-E,R.data=E))}function a(){for(var t=0;t<g.length;t++)r([],g[t]);g.length&&(g=[])}function s(t,n){return n}function c(t,n){for(var e in t)n[e]=t[e];return n}t(5);var f=t("ee"),u=f.get("xhr"),d=t(21)(u),l=NREUM.o,p=l.XHR,h=l.MO,m=l.PR,w=l.SI,v="readystatechange",y=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],g=[];n.exports=u;var x=window.XMLHttpRequest=function(t){var n=new p(t);try{u.emit("new-xhr",[n],n),n.addEventListener(v,o,!1)}catch(e){try{u.emit("internal-error",[e])}catch(r){}}return n};if(c(p,x),x.prototype=p.prototype,d.inPlace(x.prototype,["open","send"],"-xhr-",s),u.on("send-xhr-start",function(t,n){r(t,n),i(n)}),u.on("open-xhr-start",r),h){var b=m&&m.resolve();if(!w&&!m){var E=1,R=document.createTextNode(E);new h(a).observe(R,{characterData:!0})}}else f.on("fn-end",function(t){t[0]&&t[0].type===v||a()})},{}],10:[function(t,n,e){function r(){var t=window.NREUM,n=t.info.accountID||null,e=t.info.agentID||null,r=t.info.trustKey||null,i="btoa"in window&&"function"==typeof window.btoa;if(!n||!e||!i)return null;var a={v:[0,1],d:{ty:"Browser",ac:n,ap:e,id:o.generateCatId(),tr:o.generateCatId(),ti:Date.now()}};return r&&n!==r&&(a.d.tk=r),btoa(JSON.stringify(a))}var o=t(16);n.exports={generateTraceHeader:r}},{}],11:[function(t,n,e){function r(t){var n=this.params,e=this.metrics;if(!this.ended){this.ended=!0;for(var r=0;r<p;r++)t.removeEventListener(l[r],this.listener,!1);n.aborted||(e.duration=s.now()-this.startTime,this.loadCaptureCalled||4!==t.readyState?null==n.status&&(n.status=0):a(this,t),e.cbTime=this.cbTime,d.emit("xhr-done",[t],t),c("xhr",[n,e,this.startTime]))}}function o(t,n){var e=t.responseType;if("json"===e&&null!==n)return n;var r="arraybuffer"===e||"blob"===e||"json"===e?t.response:t.responseText;return w(r)}function i(t,n){var e=f(n),r=t.params;r.host=e.hostname+":"+e.port,r.pathname=e.pathname,t.sameOrigin=e.sameOrigin}function a(t,n){t.params.status=n.status;var e=o(n,t.lastSize);if(e&&(t.metrics.rxSize=e),t.sameOrigin){var r=n.getResponseHeader("X-NewRelic-App-Data");r&&(t.params.cat=r.split(", ").pop())}t.loadCaptureCalled=!0}var s=t("loader");if(s.xhrWrappable){var c=t("handle"),f=t(12),u=t(10).generateTraceHeader,d=t("ee"),l=["load","error","abort","timeout"],p=l.length,h=t("id"),m=t(15),w=t(14),v=window.XMLHttpRequest;s.features.xhr=!0,t(9),d.on("new-xhr",function(t){var n=this;n.totalCbs=0,n.called=0,n.cbTime=0,n.end=r,n.ended=!1,n.xhrGuids={},n.lastSize=null,n.loadCaptureCalled=!1,t.addEventListener("load",function(e){a(n,t)},!1),m&&(m>34||m<10)||window.opera||t.addEventListener("progress",function(t){n.lastSize=t.loaded},!1)}),d.on("open-xhr-start",function(t){this.params={method:t[0]},i(this,t[1]),this.metrics={}}),d.on("open-xhr-end",function(t,n){"loader_config"in NREUM&&"xpid"in NREUM.loader_config&&this.sameOrigin&&n.setRequestHeader("X-NewRelic-ID",NREUM.loader_config.xpid);var e=!1;if("init"in NREUM&&"distributed_tracing"in NREUM.init&&(e=!!NREUM.init.distributed_tracing.enabled),e&&this.sameOrigin){var r=u();r&&n.setRequestHeader("newrelic",r)}}),d.on("send-xhr-start",function(t,n){var e=this.metrics,r=t[0],o=this;if(e&&r){var i=w(r);i&&(e.txSize=i)}this.startTime=s.now(),this.listener=function(t){try{"abort"!==t.type||o.loadCaptureCalled||(o.params.aborted=!0),("load"!==t.type||o.called===o.totalCbs&&(o.onloadCalled||"function"!=typeof n.onload))&&o.end(n)}catch(e){try{d.emit("internal-error",[e])}catch(r){}}};for(var a=0;a<p;a++)n.addEventListener(l[a],this.listener,!1)}),d.on("xhr-cb-time",function(t,n,e){this.cbTime+=t,n?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof e.onload||this.end(e)}),d.on("xhr-load-added",function(t,n){var e=""+h(t)+!!n;this.xhrGuids&&!this.xhrGuids[e]&&(this.xhrGuids[e]=!0,this.totalCbs+=1)}),d.on("xhr-load-removed",function(t,n){var e=""+h(t)+!!n;this.xhrGuids&&this.xhrGuids[e]&&(delete this.xhrGuids[e],this.totalCbs-=1)}),d.on("addEventListener-end",function(t,n){n instanceof v&&"load"===t[0]&&d.emit("xhr-load-added",[t[1],t[2]],n)}),d.on("removeEventListener-end",function(t,n){n instanceof v&&"load"===t[0]&&d.emit("xhr-load-removed",[t[1],t[2]],n)}),d.on("fn-start",function(t,n,e){n instanceof v&&("onload"===e&&(this.onload=!0),("load"===(t[0]&&t[0].type)||this.onload)&&(this.xhrCbStart=s.now()))}),d.on("fn-end",function(t,n){this.xhrCbStart&&d.emit("xhr-cb-time",[s.now()-this.xhrCbStart,this.onload,n],n)})}},{}],12:[function(t,n,e){n.exports=function(t){var n=document.createElement("a"),e=window.location,r={};n.href=t,r.port=n.port;var o=n.href.split("://");!r.port&&o[1]&&(r.port=o[1].split("/")[0].split("@").pop().split(":")[1]),r.port&&"0"!==r.port||(r.port="https"===o[0]?"443":"80"),r.hostname=n.hostname||e.hostname,r.pathname=n.pathname,r.protocol=o[0],"/"!==r.pathname.charAt(0)&&(r.pathname="/"+r.pathname);var i=!n.protocol||":"===n.protocol||n.protocol===e.protocol,a=n.hostname===document.domain&&n.port===e.port;return r.sameOrigin=i&&(!n.hostname||a),r}},{}],13:[function(t,n,e){function r(){}function o(t,n,e){return function(){return i(t,[f.now()].concat(s(arguments)),n?null:this,e),n?void 0:this}}var i=t("handle"),a=t(18),s=t(19),c=t("ee").get("tracer"),f=t("loader"),u=NREUM;"undefined"==typeof window.newrelic&&(newrelic=u);var d=["setPageViewName","setCustomAttribute","setErrorHandler","finished","addToTrace","inlineHit","addRelease"],l="api-",p=l+"ixn-";a(d,function(t,n){u[n]=o(l+n,!0,"api")}),u.addPageAction=o(l+"addPageAction",!0),u.setCurrentRouteName=o(l+"routeName",!0),n.exports=newrelic,u.interaction=function(){return(new r).get()};var h=r.prototype={createTracer:function(t,n){var e={},r=this,o="function"==typeof n;return i(p+"tracer",[f.now(),t,e],r),function(){if(c.emit((o?"":"no-")+"fn-start",[f.now(),r,o],e),o)try{return n.apply(this,arguments)}catch(t){throw c.emit("fn-err",[arguments,this,t],e),t}finally{c.emit("fn-end",[f.now()],e)}}}};a("actionText,setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","),function(t,n){h[n]=o(p+n)}),newrelic.noticeError=function(t,n){"string"==typeof t&&(t=new Error(t)),i("err",[t,f.now(),!1,n])}},{}],14:[function(t,n,e){n.exports=function(t){if("string"==typeof t&&t.length)return t.length;if("object"==typeof t){if("undefined"!=typeof ArrayBuffer&&t instanceof ArrayBuffer&&t.byteLength)return t.byteLength;if("undefined"!=typeof Blob&&t instanceof Blob&&t.size)return t.size;if(!("undefined"!=typeof FormData&&t instanceof FormData))try{return JSON.stringify(t).length}catch(n){return}}}},{}],15:[function(t,n,e){var r=0,o=navigator.userAgent.match(/Firefox[\/\s](\d+\.\d+)/);o&&(r=+o[1]),n.exports=r},{}],16:[function(t,n,e){function r(){function t(){return n?15&n[e++]:16*Math.random()|0}var n=null,e=0,r=window.crypto||window.msCrypto;r&&r.getRandomValues&&(n=r.getRandomValues(new Uint8Array(31)));for(var o,i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx",a="",s=0;s<i.length;s++)o=i[s],"x"===o?a+=t().toString(16):"y"===o?(o=3&t()|8,a+=o.toString(16)):a+=o;return a}function o(){function t(){return n?15&n[e++]:16*Math.random()|0}var n=null,e=0,r=window.crypto||window.msCrypto;r&&r.getRandomValues&&Uint8Array&&(n=r.getRandomValues(new Uint8Array(31)));for(var o=[],i=0;i<16;i++)o.push(t().toString(16));return o.join("")}n.exports={generateUuid:r,generateCatId:o}},{}],17:[function(t,n,e){function r(t,n){if(!o)return!1;if(t!==o)return!1;if(!n)return!0;if(!i)return!1;for(var e=i.split("."),r=n.split("."),a=0;a<r.length;a++)if(r[a]!==e[a])return!1;return!0}var o=null,i=null,a=/Version\/(\S+)\s+Safari/;if(navigator.userAgent){var s=navigator.userAgent,c=s.match(a);c&&s.indexOf("Chrome")===-1&&s.indexOf("Chromium")===-1&&(o="Safari",i=c[1])}n.exports={agent:o,version:i,match:r}},{}],18:[function(t,n,e){function r(t,n){var e=[],r="",i=0;for(r in t)o.call(t,r)&&(e[i]=n(r,t[r]),i+=1);return e}var o=Object.prototype.hasOwnProperty;n.exports=r},{}],19:[function(t,n,e){function r(t,n,e){n||(n=0),"undefined"==typeof e&&(e=t?t.length:0);for(var r=-1,o=e-n||0,i=Array(o<0?0:o);++r<o;)i[r]=t[n+r];return i}n.exports=r},{}],20:[function(t,n,e){n.exports={exists:"undefined"!=typeof window.performance&&window.performance.timing&&"undefined"!=typeof window.performance.timing.navigationStart}},{}],21:[function(t,n,e){function r(t){return!(t&&t instanceof Function&&t.apply&&!t[a])}var o=t("ee"),i=t(19),a="nr@original",s=Object.prototype.hasOwnProperty,c=!1;n.exports=function(t,n){function e(t,n,e,o){function nrWrapper(){var r,a,s,c;try{a=this,r=i(arguments),s="function"==typeof e?e(r,a):e||{}}catch(f){l([f,"",[r,a,o],s])}u(n+"start",[r,a,o],s);try{return c=t.apply(a,r)}catch(d){throw u(n+"err",[r,a,d],s),d}finally{u(n+"end",[r,a,c],s)}}return r(t)?t:(n||(n=""),nrWrapper[a]=t,d(t,nrWrapper),nrWrapper)}function f(t,n,o,i){o||(o="");var a,s,c,f="-"===o.charAt(0);for(c=0;c<n.length;c++)s=n[c],a=t[s],r(a)||(t[s]=e(a,f?s+o:o,i,s))}function u(e,r,o){if(!c||n){var i=c;c=!0;try{t.emit(e,r,o,n)}catch(a){l([a,e,r,o])}c=i}}function d(t,n){if(Object.defineProperty&&Object.keys)try{var e=Object.keys(t);return e.forEach(function(e){Object.defineProperty(n,e,{get:function(){return t[e]},set:function(n){return t[e]=n,n}})}),n}catch(r){l([r])}for(var o in t)s.call(t,o)&&(n[o]=t[o]);return n}function l(n){try{t.emit("internal-error",n)}catch(e){}}return t||(t=o),e.inPlace=f,e.flag=a,e}},{}],ee:[function(t,n,e){function r(){}function o(t){function n(t){return t&&t instanceof r?t:t?c(t,s,i):i()}function e(e,r,o,i){if(!l.aborted||i){t&&t(e,r,o);for(var a=n(o),s=m(e),c=s.length,f=0;f<c;f++)s[f].apply(a,r);var d=u[g[e]];return d&&d.push([x,e,r,a]),a}}function p(t,n){y[t]=m(t).concat(n)}function h(t,n){var e=y[t];if(e)for(var r=0;r<e.length;r++)e[r]===n&&e.splice(r,1)}function m(t){return y[t]||[]}function w(t){return d[t]=d[t]||o(e)}function v(t,n){f(t,function(t,e){n=n||"feature",g[e]=n,n in u||(u[n]=[])})}var y={},g={},x={on:p,addEventListener:p,removeEventListener:h,emit:e,get:w,listeners:m,context:n,buffer:v,abort:a,aborted:!1};return x}function i(){return new r}function a(){(u.api||u.feature)&&(l.aborted=!0,u=l.backlog={})}var s="nr@context",c=t("gos"),f=t(18),u={},d={},l=n.exports=o();l.backlog=u},{}],gos:[function(t,n,e){function r(t,n,e){if(o.call(t,n))return t[n];var r=e();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(t,n,{value:r,writable:!0,enumerable:!1}),r}catch(i){}return t[n]=r,r}var o=Object.prototype.hasOwnProperty;n.exports=r},{}],handle:[function(t,n,e){function r(t,n,e,r){o.buffer([t],r),o.emit(t,n,e)}var o=t("ee").get("handle");n.exports=r,r.ee=o},{}],id:[function(t,n,e){function r(t){var n=typeof t;return!t||"object"!==n&&"function"!==n?-1:t===window?0:a(t,i,function(){return o++})}var o=1,i="nr@id",a=t("gos");n.exports=r},{}],loader:[function(t,n,e){function r(){if(!E++){var t=b.info=NREUM.info,n=p.getElementsByTagName("script")[0];if(setTimeout(u.abort,3e4),!(t&&t.licenseKey&&t.applicationID&&n))return u.abort();f(g,function(n,e){t[n]||(t[n]=e)}),c("mark",["onload",a()+b.offset],null,"api");var e=p.createElement("script");e.src="https://"+t.agent,n.parentNode.insertBefore(e,n)}}function o(){"complete"===p.readyState&&i()}function i(){c("mark",["domContent",a()+b.offset],null,"api")}function a(){return R.exists&&performance.now?Math.round(performance.now()):(s=Math.max((new Date).getTime(),s))-b.offset}var s=(new Date).getTime(),c=t("handle"),f=t(18),u=t("ee"),d=t(17),l=window,p=l.document,h="addEventListener",m="attachEvent",w=l.XMLHttpRequest,v=w&&w.prototype;NREUM.o={ST:setTimeout,SI:l.setImmediate,CT:clearTimeout,XHR:w,REQ:l.Request,EV:l.Event,PR:l.Promise,MO:l.MutationObserver};var y=""+location,g={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-1123.min.js"},x=w&&v&&v[h]&&!/CriOS/.test(navigator.userAgent),b=n.exports={offset:s,now:a,origin:y,features:{},xhrWrappable:x,userAgent:d};t(13),p[h]?(p[h]("DOMContentLoaded",i,!1),l[h]("load",r,!1)):(p[m]("onreadystatechange",o),l[m]("onload",r)),c("mark",["firstbyte",s],null,"api");var E=0,R=t(20)},{}]},{},["loader",2,11,4,3]);</script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Google Tag Manager -->
<script>
    (function (w, d, s, l, i) {
    w[l] = w[l] || []; w[l].push({
    'gtm.start':
    new Date().getTime(), event: 'gtm.js'
    }); var f = d.getElementsByTagName(s)[0],
    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-5WW4QTZ');
</script>
<!-- End Google Tag Manager -->

    <script type="text/javascript">

        var ROOT = '/spaces/';
        var DEFAULTDATEFORMAT = 'MM/dd/yyyy';
        var DEFAULTCULTURE = 'en-US';
        var DEFAULTTIMEFORMAT = 'h:mm tt';

        //myGlobalT._handleFormSubmit(myGlobalT) will simulate a submit click in the Braintree modal.
        //If we are not using this variable, remove it and also remove the file Spaces/Presentation/Scripts/Spaces/braintree.js
        var myGlobalT;

        window.onerror = function (message, url, linenumber) {
            console.log("JS ERROR: " + message + " on line " + linenumber + " for " + url);
            return true;
        }
    </script>
    <title>Spaces | Demco Software</title>
    <link href="/common/assets/css/styles-spaces-bundle?v=3YoGlOXSnPL4zsfXr6D1b8W8oI-H32Lie3zFcG45lxo1" rel="stylesheet"/>

    <link href="/common/assets/stylesheets/color-purple.css" rel="stylesheet"/>

    <link href="/common/assets/stylesheets/jqUISouthStreet.css?v=ColK6rs6J8pm9s2t9cOAF1Lq41UTPaQJN17Y-yLbkx81" rel="stylesheet"/>


    <script src="/common/bundles/jqandbootstrap.js?v=DY0L4W4ApOtwZJN_auTqOQObsLimF0kqv0XvVsl30j81"></script>

    <script src="/common/bundles/kendo?v=tganoGlPF8zhGEHlkKOjbQ416yLgU0nBxVmN1NRcyEs1"></script>

    <script src="/common/bundles/jqplugins.js?v=hby5BUcb6WmzVLee6y-r0tmFPeHUumgnwYel20Yo0VQ1"></script>

    <script src="/common/bundles/admin.common.js?v=Uqw2wXDVo-S-a9C6IFhYln4rLLiZ47Az5i3tcBq25eA1"></script>

    <script src="/common/bundles/authentication.js?v=Oc43zu0mQMgXvn6_wgkTW078B91f8LOCMltL3Al-LJc1"></script>

    <script src="/common/bundles/unobtrusiveValidation.js?v=u5NbwlLhBsnG-Njd6Y2iZ9aaeHMjb3MxgsjvtgdS_-k1"></script>

    <script src="/common/bundles/spacesShared.js?v=0FcwKsuD25-U4rY9_89z6SBMcaxq1PkTO-QdZoHaTqk1"></script>




        <script type="text/javascript">
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {

                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date(); a = s.createElement(o),

            m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)

        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-51067270-1', 'evanced.info');
        ga('send', 'pageview');

    </script>

</head>
<body id="body">

    <!-- Google Tag Manager (noscript) -->
<noscript>
    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5WW4QTZ"
            height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->

    <!-- LOGIN MODAL ------------------------------------------------------------------ -->
    <div id="divMachineIp" name="divMachineIp" style="position:absolute; top:0; right:0; height: 20px; background-color: black; color: greenyellow; z-index: 1040; display: none;"></div>

    <div class="modal hide fade" id="divLoginModal">
<form action="/spaces/" id="frmLogin" method="post">            <input type="hidden" name="FirstName" id="FirstName" value="" />
            <input type="hidden" name="LastName" id="LastName" value="" />
            <input type="hidden" name="Email" id="Email" value="" />
            <input type="hidden" name="PhoneNumber" id="PhoneNumber" value="" />
            <div class="modal-header">
                <button class="close" data-dismiss="modal">
                    x
                </button>
                <h3>
                    Login
                </h3>
            </div>
            <div class="modal-body">
                <div id="divMustLogin" class="well" style="text-align: center; padding: 10px; display:block;">
                    Don't have a Spaces account? <a data-dismiss="modal" data-toggle="modal" href="#divSignupModal">
                        Create an Account Here
                    </a>
                </div>
                <div id="divInvalidLoginModalUsername" class="LoginMsg alert alert-block alert-error fade in hide">
                    <strong>Oops! -</strong> Please enter a valid username.
                </div>
                <div id="divInvalidLoginModalEmail" class="LoginMsg alert alert-block alert-error fade in hide">
                    <strong>Oops! -</strong> Please enter a valid email address.
                </div>
                <div id="divInvalidLoginModalPassword" class="LoginMsg alert alert-block alert-error fade in hide">
                    <strong>Oops! -</strong> Please enter a valid password.
                </div>

                <div id="divInvalidLoginModalPincode" class="LoginMsg alert alert-block alert-error fade in hide">
                    <strong>Oops! -</strong> Please enter your last name.
                </div>
                <div id="divInvalidLoginModalLibraryCard" class="LoginMsg alert alert-block alert-error fade in hide">
                    <strong>Oops! -</strong> Please enter a valid library card number.
                </div>
                    <div id="divIncorrectModalLogin" class="LoginMsg alert alert-block alert-error fade in hide">
                        <strong>Oops! -</strong> That email address and password combination does not appear in our
                        records or your account has not been confirmed. <a data-dismiss="modal" data-toggle="modal"
                                                                           href="#divSignupModal" style="display: block">Create an Account Here</a>
                    </div>
                <div id="divPatronAuthFailed" class="LoginMsg alert alert-block alert-error fade in hide">
                    <strong>Oops! -</strong> There was a problem authenticating your card:<br />
                    <br />
                    <div id="divILSAuthError">
                    </div>
                </div>
                <div class="alert alert-error fade in" id="divLoginInvalid" style="display:none">
                    <strong>Login Failed </strong>- Please try again.
                </div>
                <div style="width: 220px; margin: 0 auto;">
                        <label for="txtLoginModalEmail">Email</label>
                        <input id="txtLoginModalEmail" name="txtLoginModalEmail" type="text" class="span3" value="" placeholder="Enter Email" />
                        <label for="txtLoginModalPassword">Password</label>
                        <input id="txtLoginModalPassword" name="txtLoginModalPassword" type="password" class="span3" placeholder="Enter Password" />
                </div>
            </div>
            <div class="modal-footer" id="divLogin">
                    <a data-dismiss="modal" data-toggle="modal" href="#divPasswordModal" style="display: inline">Forgot Your Password?</a>
                    <a href="#" class="btn" data-dismiss="modal" onclick="ClearLoginTextBoxes()">Cancel</a>
                    <a href="#" id="btnLogin" class="btn btn-primary" onclick='Login("", "loginModal")'>
                        Login
                    </a>
            </div>
</form>    </div>
    <!-- END LOGIN MODAL ------------------------------------------------------------ -->
    <!-- FORGOT PASSWORD MODAL ------------------------------------------------------------------ -->
    <div class="modal hide fade" id="divPasswordModal">
        <div class="modal-header">
            <button class="close" data-dismiss="modal">
                x
            </button>
            <h3>
                Forgot Your Password?
            </h3>
        </div>
        <div class="modal-body">
            
            <div id="divForgotPasswordNoEmail" class="alert alert-block alert-error fade in hide">
                <strong>Oops! -</strong> That email address does not appear in our records, there was an error
                sending the email or your account has not been confirmed.
            </div>
            <div class="center" style="margin-bottom: 20px;">
                Enter your email address below to reset your password:
            </div>
            <div style="width: 220px; margin: 0 auto;">
                <label for="txtEmailForPasswordReset">
                    Email:
                </label>
                <input id="txtEmailForPasswordReset" type="text" class="span3" />
            </div>
        </div>
        <div class="modal-footer">
            <button id="CancelPasswordReset" data-dismiss="modal" class="btn" onclick="ClearTxtEmailForPasswordReset()">
                Cancel
            </button> <button id="ResetPasswordButton" class="btn btn-primary" onclick="ForgotPasswordHandler()">
                Reset Password
            </button>
        </div>
    </div>
    <!-- END FORGOT PASSWORD MODAL ------------------------------------------------------------ -->
    <!-- FORGOT PASSWORD CONFIRM MODAL ------------------------------------------------------------------ -->
    <div class="modal hide fade" id="divPwConfirm">
        <div class="modal-header">
            <button class="close" data-dismiss="modal">
                x
            </button>
            <h3>
                Password Reset
            </h3>
        </div>
        <div class="modal-body">
            <div class="center" style="margin-bottom: 20px;">
                Password reset instructions have been mailed to your email address.
            </div>
        </div>
        <div class="modal-footer">
            <a data-dismiss="modal" class="btn btn-primary">Ok</a>
        </div>
    </div>
    <!-- END FORGOT PASSWORD CONFIRM MODAL ------------------------------------------------------------ -->
    <!-- PASSWORD RESET MODAL ------------------------------------------------------------------ -->
    <div class="modal hide fade" id="divPasswordResetModal">
        <div class="modal-header">
            <button id="closeResetPassword" class="close" data-dismiss="modal">
                x
            </button>
            <h3>
                Reset Password for Spaces
            </h3>
        </div>
        <div class="modal-body">
            <div id="divPasswordMismatch" class="SignupMsg alert alert-block alert-error fade in hide">
                <strong>Oops! -</strong> Passwords do not match.
            </div>
            <div id="divPasswordNotEntered" class="SignupMsg alert alert-block alert-error fade in hide">
                <strong>Oops! -</strong> Please enter a password.
            </div>
            <div id="divPasswordResetException" class="SignupMsg alert alert-block alert-error fade in hide">
                <strong>Oops! -</strong> There has been an error. Your password was not reset.
            </div>
            <div id="PasswordResetSucessful" class="SignupMsg alert alert-block alert-error fade in hide">
                <strong>Congratulations! -</strong> Your password has been reset.
            </div>
<form action="/spaces/" id="frmPasswordReset" method="post" style="display:inline;">                <div style="margin-bottom: 20px;">
                    <div class="form-horizontal">
                        <div class="control-group">
                            <label class="control-label" for="txtNewPassword">
                                New Password:
                            </label>
                            <div class="controls">
                                <input class="input-xlarge" id="txtNewPassword" name="txtNewPassword" type="password" value="" />
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="txtConfirmNewPassword">
                                Confirm New Password:
                            </label>
                            <div class="controls">
                                <input id="txtConfirmNewPassword" name="txtConfirmNewPassword" type="password" class="input-xlarge" />
                            </div>
                        </div>
                    </div>
                </div>
</form>        </div>
        <div class="modal-footer">
            <a id="ExecutePasswordResetButton" href="#" class="btn btn-primary" onclick='ResetPassword("")'>
                Reset Password
            </a>
        </div>
    </div>
    <!-- END PASSWORD RESET MODAL ------------------------------------------------------------ -->
    <!-- SUCCESSFUL PASSWORD RESET MODAL ------------------------------------------------------------------ -->
    <div class="modal hide fade" id="divPwResetSuccess">
        <div class="modal-header">
            <button class="close" data-dismiss="modal">
                x
            </button>
            <h3>
                Password Reset
            </h3>
        </div>
        <div class="modal-body">
            <div class="center" style="margin-bottom: 20px;">
                <strong>Congratulations! -</strong> Your password has been reset.
            </div>
        </div>
        <div class="modal-footer">
            <a id="btnPasswordResetOK" data-dismiss="modal" class="btn btn-primary">Ok</a>
        </div>
    </div>
    <!-- END SUCCESSFUL PASSWORD RESET MODAL ------------------------------------------------------------ -->
    <!-- PASSWORD RESET EXCEPTION MODAL ------------------------------------------------------------------ -->
    <div class="modal hide fade" id="divPasswordResetExceptionModal">
        <div class="modal-header">
            <button class="close" data-dismiss="modal">
                x
            </button>
            <h3>
                Password Reset
            </h3>
        </div>
        <div class="modal-body">
            <div class="center" style="margin-bottom: 20px;">
                <strong>Oops! -</strong> There was a problem. Your password was not reset.<br />
                <br />
                
            </div>
        </div>
        <div class="modal-footer">
        </div>
    </div>
    <!-- END PASSWORD RESET EXCEPTION MODAL ------------------------------------------------------------ -->
    <!-- EMAIL CONFIRMATION MODAL ------------------------------------------------------------------ -->
    <div class="modal hide fade" id="divEmailConfirmationModal">
        <div class="modal-header">
            <button class="close" data-dismiss="modal">
                x
            </button>
            <h3>
                New Account Confirmation
            </h3>
        </div>
        <div class="modal-body">
            <div class="center" style="margin-bottom: 20px;">
                <strong>Congratulations! -</strong> You are confirmed. You may log in to your new account.
            </div>
        </div>
        <div class="modal-footer">
            <a data-dismiss="modal" class="btn btn-primary">Ok</a>
        </div>
    </div>
    <!-- END EMAIL CONFIRMATION MODAL ------------------------------------------------------------ -->
    <!-- EMAIL CONFIRMATION EXCEPTION MODAL ------------------------------------------------------------------ -->
    <div class="modal hide fade" id="divEmailConfirmationExceptionModal">
        <div class="modal-header">
            <button class="close" data-dismiss="modal">
                x
            </button>
            <h3>
                New Account Confirmation
            </h3>
        </div>
        <div class="modal-body">
            <div class="center" style="margin-bottom: 20px;">
                <strong>Oops! -</strong> There was a problem confirming your new account.<br />
                <br />
                
            </div>
        </div>
        <div class="modal-footer">
        </div>
    </div>
    <!-- END EMAIL CONFIRMATION EXCEPTION MODAL ------------------------------------------------------------ -->
    <!-- SIGN UP MODAL ------------------------------------------------------------------ -->
    <div class="modal hide fade" id="divSignupModal" onshow="$('#txtFirstName').focus();">
        <div class="modal-header">
            <button class="close" data-dismiss="modal">
                x
            </button>
            <h3>
                Create an Account for Spaces
            </h3>
        </div>
        <div class="modal-body" id="divSignupModalErrors">
            <div id="divEnterRequiredFields" class="SignupMsg alert alert-block alert-error fade in hide">
                <strong>Oops! -</strong> The fields marked in red are required.
            </div>
            <div id="divInvalidEmail" class="SignupMsg alert alert-block alert-error fade in hide">
                <strong>Oops! -</strong> Please enter a valid email address.
            </div>
            <div id="divEmailExists" class="SignupMsg alert alert-block alert-error fade in hide">
                <strong>Oops! -</strong> That email already exists. <a data-dismiss="modal" data-toggle="modal"
                                                                       href="#divLoginModal"><strong>Log In</strong></a> or enter a new email.
            </div>
            <div id="divInvalidPhone" class="SignupMsg alert alert-block alert-error fade in hide">
                <strong>Oops! -</strong> Phone number is in incorrect format.
            </div>
<form action="/spaces/Patron/NewPatron" id="frmNewPatron" method="post" style="display:inline;">                <input type="hidden" id="patronWasFlaggedDeleted" name="patronWasFlaggedDeleted" />
                <div style="margin-bottom: 20px;">
                    <div class="form-horizontal">
                        <div class="control-group">
                            <label class="control-label" for="txtFirstName">* First Name:</label>

                            <div class="controls">
                                <input class="input-xlarge" id="txtFirstName" name="txtFirstName" type="text" value="" />
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="txtLastName">* Last Name:</label>

                            <div class="controls">
                                <input class="input-xlarge" id="txtLastName" name="txtLastName" type="text" value="" />
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="txtEmail">* Email:</label>

                            <div class="controls">
                                <input class="input-xlarge" id="txtEmail" name="txtEmail" type="text" value="" />
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="txtPassword">* Password:</label>

                            <div class="controls">
                                <input class="input-xlarge" id="txtPassword" name="txtPassword" type="password" value="" />
                            </div>
                        </div>
                        <div class="control-group">

                            <label class="control-label" for="txtPhone">
                                Phone Number:
                            </label>
                            <div class="controls">
                                <input class="input-xlarge" id="txtPhone" name="txtPhone" type="text" value="" />
                            </div>
                        </div>
                        <div class="control-group" style="display: none;">
                            <label class="control-label">
                                Library Card:
                            </label>
                            <div class="controls">
                                <input type="text" class="input-xlarge" title="Library Card" />
                            </div>
                        </div>
                    </div>
                </div>
</form>        </div>
        <div class="modal-footer">
            <a data-dismiss="modal" class="btn" onclick="ClearSignupTextBoxes()">Cancel</a>
            <a href="#" id="btnCreateAccount" class="btn btn-primary" onclick="ValidateSignup('/spaces/api/patronapi/verifyEmail', 'US')">
                Create Account
            </a>
        </div>
    </div>
    <!-- END SIGN UP MODAL ------------------------------------------------------------ -->
    <!-- SIGNUP CONFIRM MODAL ------------------------------------------------------------------ -->
    <div class="modal hide fade" id="divSignupConfirm">
        <div class="modal-header">
            <button class="close" data-dismiss="modal">
                x
            </button>
            <h3>
                Confirm your New Account
            </h3>
        </div>
        <div class="modal-body">
            <div class="center" style="margin-bottom: 20px;">
                Account confirmation instructions have been mailed to your email address.
            </div>
        </div>
        <div class="modal-footer">
            <a href="#" data-dismiss="modal" class="btn btn-primary">Ok</a>
        </div>
    </div>
    <!-- END SIGNUP CONFIRM MODAL ------------------------------------------------------------ -->

    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <div class="widthConstraint">
                    <div class="logo">
                        <a href="/spaces">
                            <img src="/common/assets/img/graphics/SP_Logo_white.png" alt="Spaces Logo" />
                        </a>
                    </div>
                    <ul id="divNavHeader" class="nav pull-right">
                        

            <li><a href="#divSignupModal" data-toggle="modal" onclick="ClearSignupTextBoxes()" style="display:block"><span aria-hidden="true" class="icon-user-add"></span> Create an Account </a></li>
            <li class="divider-vertical"></li>
            <li><a href="#divLoginModal" data-toggle="modal" onclick="ClearLoginTextBoxes()"><span aria-hidden="true" class="icon-key"></span> Login</a></li>



                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
                <div class="row-fluid">
                    <div class="span12">
                        <div class="bannerContainer">
                            <img class="banner" src="/common/assets/img/graphics/banner.jpg" alt="Evanced Banner" />
                        </div>
                    </div>
                </div>

        

<form action="/spaces/Patron/Results" id="frmIndex" method="post">    <div class="container" id="main-home" style="padding-top:41px;">
        <div class="row-fluid">

            <div class="span8 offset2">
                <h3>Search for a Space</h3>
                <hr>
                <div class="spacesLanding" style="padding-left: 50px;">
                    <div class="alert alert-error fade in" id="RequiredDateAlert" style="display: none">
                        <button type="button" class="close" onclick="$('#RequiredDateAlert').hide('fast')">
                            x
                        </button>
                        <strong>Oops! - </strong>Please enter a date.
                    </div>
                    <div class="alert alert-error fade in" id="InvalidDateAlert" style="display: none">
                        <button type="button" class="close" onclick="$('#InvalidDateAlert').hide('fast')">
                            x
                        </button>
                        <strong>Oops! - </strong>Please enter a valid date.
                    </div>
                    <div class="label" style="font-size: 14px; line-height: 1.2em;padding: 3px 10px;background-color: rgba(100,100,100,.3);">DATE</div>
                    <div class="form" style="margin-top: 10px; width: 195px;">
                        <input id="StartDate" name="StartDate" class="tinyCal" autocomplete="off" placeholder="MM/DD/YYYY" type="text" style="font-size: 30px; height: auto;">
                        <input id="hdnStartDate" name="hdnStartDate" type="hidden" value="" />
                        <input id="hdnSelDate" name="hdnSelDate" type="hidden" value="2019/05/22" />
                        
                    </div>
                    <div class="label" style="font-size: 14px; line-height: 1.2em;padding: 3px 10px;background-color: rgba(100,100,100,.3); margin-top: 40px;">TIME</div>
                    <div class="form" style="margin-top: 10px; display:none;">
                        <input id="StartTime" name="StartTime" autocomplete="off" type="text" value="8:00 AM" style="font-size: 30px; height: auto;line-height:1.2em">
                        <span class="icon-clock" aria-hidden="true" style="margin-left: 5px; font-size: 20px;"></span>
                        <span style="margin-left: 20px; margin-right: 20px;">until</span>
                        <input id="EndTime" name="EndTime" autocomplete="off" type="text" value="9:00 AM" style="font-size: 30px; height: auto;line-height:1.2em">
                        <span class="icon-clock" aria-hidden="true" style="margin-left: 5px; font-size: 20px;"></span>
                    </div>
                </div>
                <div id="spacesLandingTimeSelectors" style="padding-left: 50px;">
<input id="timeRoomStart" name="timeRoomStart" type="hidden" value="08:00:00" />
<input id="timeRoomEnd" name="timeRoomEnd" type="hidden" value="10:00:00" />
<input id="timeSliderStart" name="timeSliderStart" type="hidden" value="0" />
<input id="timeSliderEnd" name="timeSliderEnd" type="hidden" value="2" />
<input id="timeSliderRange" name="timeSliderRange" type="hidden" value="28" />

<div class="time-wrap" style="display:none;">
                            


        <div class="time-component">
            <div style="text-align:left;">8a</div>
        <div class="time-block"></div>
        <div class="time-block timeSelect"></div>
        </div>
        <div class="time-component">
            <div style="text-align:left;">9a</div>
        <div class="time-block timeSelect"></div>
        <div class="time-block"></div>
        </div>
        <div class="time-component">
            <div style="text-align:left;">10a</div>
        <div class="time-block"></div>
        <div class="time-block"></div>
        </div>
        <div class="time-component">
            <div style="text-align:left;">11a</div>
        <div class="time-block"></div>
        <div class="time-block"></div>
        </div>
        <div class="time-component">
            <div style="text-align:left;">12p</div>
        <div class="time-block"></div>
        <div class="time-block"></div>
        </div>
        <div class="time-component">
            <div style="text-align:left;">1p</div>
        <div class="time-block"></div>
        <div class="time-block"></div>
        </div>
        <div class="time-component">
            <div style="text-align:left;">2p</div>
        <div class="time-block"></div>
        <div class="time-block"></div>
        </div>
        <div class="time-component">
            <div style="text-align:left;">3p</div>
        <div class="time-block"></div>
        <div class="time-block"></div>
        </div>
        <div class="time-component">
            <div style="text-align:left;">4p</div>
        <div class="time-block"></div>
        <div class="time-block"></div>
        </div>
        <div class="time-component">
            <div style="text-align:left;">5p</div>
        <div class="time-block"></div>
        <div class="time-block"></div>
        </div>
        <div class="time-component">
            <div style="text-align:left;">6p</div>
        <div class="time-block"></div>
        <div class="time-block"></div>
        </div>
        <div class="time-component">
            <div style="text-align:left;">7p</div>
        <div class="time-block"></div>
        <div class="time-block"></div>
        </div>
        <div class="time-component">
            <div style="text-align:left;">8p</div>
        <div class="time-block"></div>
        <div class="time-block"></div>
        </div>
        <div class="time-component">
            <div style="text-align:left;">9p</div>
        <div class="time-block"></div>
        <div class="time-block"></div>
</div>
</div>
<div id="slider" style="width: 685px; position: relative; top: 40px;"></div>
    <select id="slider_start" style="margin-top:8px; width:auto;">
        <option value="0" selected>8:00 AM</option>
        <option value="1" >8:30 AM</option>
        <option value="2" >9:00 AM</option>
        <option value="3" >9:30 AM</option>
        <option value="4" >10:00 AM</option>
        <option value="5" >10:30 AM</option>
        <option value="6" >11:00 AM</option>
        <option value="7" >11:30 AM</option>
        <option value="8" >12:00 PM</option>
        <option value="9" >12:30 PM</option>
        <option value="10" >1:00 PM</option>
        <option value="11" >1:30 PM</option>
        <option value="12" >2:00 PM</option>
        <option value="13" >2:30 PM</option>
        <option value="14" >3:00 PM</option>
        <option value="15" >3:30 PM</option>
        <option value="16" >4:00 PM</option>
        <option value="17" >4:30 PM</option>
        <option value="18" >5:00 PM</option>
        <option value="19" >5:30 PM</option>
        <option value="20" >6:00 PM</option>
        <option value="21" >6:30 PM</option>
        <option value="22" >7:00 PM</option>
        <option value="23" >7:30 PM</option>
        <option value="24" >8:00 PM</option>
        <option value="25" >8:30 PM</option>
        <option value="26" >9:00 PM</option>
        <option value="27" >9:30 PM</option>
        <option value="28" >10:00 PM</option>

    </select>
            &nbsp; -&nbsp;
    <select id="slider_end" style="margin-top:8px; width:auto;">
        <option value="0" >8:00 AM</option>
        <option value="1" >8:30 AM</option>
        <option value="2" selected>9:00 AM</option>
        <option value="3" >9:30 AM</option>
        <option value="4" >10:00 AM</option>
        <option value="5" >10:30 AM</option>
        <option value="6" >11:00 AM</option>
        <option value="7" >11:30 AM</option>
        <option value="8" >12:00 PM</option>
        <option value="9" >12:30 PM</option>
        <option value="10" >1:00 PM</option>
        <option value="11" >1:30 PM</option>
        <option value="12" >2:00 PM</option>
        <option value="13" >2:30 PM</option>
        <option value="14" >3:00 PM</option>
        <option value="15" >3:30 PM</option>
        <option value="16" >4:00 PM</option>
        <option value="17" >4:30 PM</option>
        <option value="18" >5:00 PM</option>
        <option value="19" >5:30 PM</option>
        <option value="20" >6:00 PM</option>
        <option value="21" >6:30 PM</option>
        <option value="22" >7:00 PM</option>
        <option value="23" >7:30 PM</option>
        <option value="24" >8:00 PM</option>
        <option value="25" >8:30 PM</option>
        <option value="26" >9:00 PM</option>
        <option value="27" >9:30 PM</option>
        <option value="28" >10:00 PM</option>

    </select>

                </div>
                <div class="row-fluid" style="margin-top: 50px; margin-bottom: 80px;">
                    <!-- Row 3 -->
                    <div class="span12 center">
                        <a id="search-btn" class="btn btn-large btn-primary" href="#">Search for a Space</a>
                    </div>
                </div><!-- end Row 3 -->
            </div>
        </div>
    </div>
    <!-- end main -->
</form>
<script type="text/javascript">
    (function() {
        var startChanged = false;
        var endChanged = false;

        var wireUpTimePickers = function() {
            if (Is24HourClock(DEFAULTTIMEFORMAT))
            {
                $('#StartTime').timeEntry({ 
                    show24Hours: true, 
                    spinnerImage: '', 
                    timeSteps: [1, 30, 0]
                });
                $('#EndTime').timeEntry({ 
                    show24Hours: true, 
                    spinnerImage: '', 
                    timeSteps: [1, 30, 0]
                });
            }
            else
            {
                $('#StartTime').timeEntry({ 
                    ampmPrefix: ' ', 
                    spinnerImage: '', 
                    timeSteps: [1, 30, 0]
                });
                $('#EndTime').timeEntry({ 
                    ampmPrefix: ' ', 
                    spinnerImage: '', 
                    timeSteps: [1, 30, 0]
                });
            }
        };

        $(document).ready(function () {

            $.publish("setupRegionalDatePickers", [
                {
                    format: DEFAULTDATEFORMAT,
                    culture: DEFAULTCULTURE,
                    min: new Date(2019, 5 - 1, 29, 7, 5, 0, 0),
                    max: new Date(2019, 11 - 1, 18, 7, 5, 0, 0)
                }
            ]);

            $("#StartDate").data("kendoDatePicker").value(new Date(2019, 5 - 1, 29));

            $('#search-btn').click(function() {
                if (!$('#search-btn').hasClass('disabled'))
                {
                    $('#search-btn').addClass('disabled');
                    
                    $('.alert-error').hide();
                    if ($("#StartDate").val().length == 0) {
                        $('#RequiredDateAlert').show();
                        return;
                    }
                    else if (!IsValidDateEntry('StartDate')) {
                        $('#InvalidDateAlert').show();
                        return;
                    }

                    var d = $("#StartDate").data("kendoDatePicker").value();
                    $('#hdnStartDate').val(d.getFullYear() + "/" + (d.getMonth() + 1) + "/" + d.getDate());
                    var StartTime = doDateFormat(new Date($('#hdnSelDate').val().replace(/-/g, '/') + ' ' + $('#slider_start option:selected').text()));
                    var EndTime = new Date($('#hdnSelDate').val().replace(/-/g, '/') + ' ' + $('#slider_end option:selected').text());
                    if (EndTime.getHours() == 0 && EndTime.getMinutes() == 0 && EndTime.getSeconds() == 0) {
                        var nextDay = new Date(EndTime);
                        nextDay.setDate(nextDay.getDate() + 1);
                        EndTime = nextDay;
                    }
                    EndTime = doDateFormat(EndTime);

                    $('#StartTime').val(StartTime);
                    $('#EndTime').val(EndTime);

                    $('#frmIndex').submit();
                }
                
            });

            wireUpTimePickers();

            $('#StartTime').timeEntry().change(function() {
                var startDate = new Date('1/1/2014 ' + $('#StartTime').val());
                var endDate = new Date('1/1/2014 ' + $('#EndTime').val());
                if (endDate.getHours() == 0 && endDate.getMinutes() == 0 && endDate.getSeconds() == 0)
                    endDate = new Date('1/2/2014 ' + $('#EndTime').val());
                startChanged = true;

                if (startDate >= endDate)
                {
                    endDate.setHours(startDate.getHours() + 1);
                    $('#EndTime').timeEntry('setTime', endDate);
                }
            });

            $('#EndTime').timeEntry().change(function() {
                var startDate = new Date('1/1/2014 ' + $('#StartTime').val());
                var endDate = new Date('1/1/2014 ' + $('#EndTime').val());
                if (endDate.getHours() == 0 && endDate.getMinutes() == 0 && endDate.getSeconds() == 0)
                    endDate = new Date('1/2/2014 ' + $('#EndTime').val());
                endChanged = true;

                if (startDate >= endDate && (endDate.getHours() > 0 || !startChanged))
                {
                    startDate.setHours(endDate.getHours() - 1);
                    $('#StartTime').timeEntry('setTime', startDate);
                }
                startChanged = false;
            });

            $('#slider_start, #slider_end').on('change', function() {
                if($(this).attr('id') == "slider_start") {
                    if(parseInt($('#slider_start').val()) >= parseInt($('#slider_end').val())) {
                        if ($('#slider_start').val() == $('#slider_end option:last-child').val()){
                            $('#slider_start').val((parseInt($('#slider_end option:last-child').val()) - 1).toString());
                            $('#slider_end').val($('#slider_end option:last-child').val());
                        }
                        else{
                            $('#slider_end').val(parseInt($('#slider_start').val()) + 1);
                        }
                    }
                }
                else {
                    if(parseInt($('#slider_start').val()) >= parseInt($('#slider_end').val())) {
                        if ($('#slider_end').val() == "0"){
                            $('#slider_start').val('0');
                            $('#slider_end').val('1');
                        }
                        else{
                            $('#slider_start').val(parseInt($('#slider_end').val()) - 1);
                        }
                    }
                }
            });
            $('#slider_start').change();
            $('#slider_end').change();
        });
    })();

</script>
<noscript>You must have javascript enabled to use this application.</noscript>


        <div id="loadingScreen" class="modal spinnerModal hide fade" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-body" style="padding-top:57px;text-align:center">
                <p><img src="/common/assets/img/graphics/demco_short_bkg.jpeg" /></p>
            </div>
        </div>
    </div>

    <div class="footer">
        Demco Software&nbsp;&nbsp;&nbsp;—&nbsp;&nbsp;&nbsp;
        <a href="http://demcosoftware.com/privacy-policy/" target="_blank">Privacy Policy</a>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://kb.demcosoftware.com/article.php?id=730" target="_blank">Payment Policy</a>
            </div>

    <script type="text/javascript">
    var invalidUserProvidedEmail = false;

    $.fn.reset = function () {
        $(this).each(function () { this.reset(); });
    };

    $(document).ready(function () {
        $('#txtLoginModalEmail').keypress(function (event) {
            if (event.which == 13) {
                event.preventDefault();
                $('#btnLogin').click();
            }
        });

        $('#txtLoginModalLibraryCard').keypress(function (event) {
            if (event.which == 13) {
                event.preventDefault();
                $('#btnLogin').click();
            }
        });

        $('#txtLoginModalUsername').keypress(function (event) {
            if (event.which == 13) {
                event.preventDefault();
                $('#btnLogin').click();
            }
        });

        $('#txtLoginModalPassword').keypress(function (event) {
            if (event.which == 13) {
                event.preventDefault();
                $('#btnLogin').click();
            }
        });

        $('#txtLoginModalPin').keypress(function (event) {
            if (event.which == 13) {
                event.preventDefault();
                $('#btnLogin').click();
            }
        });

        $('#chkRememberMe').keypress(function (event) {
            if (event.which == 13) {
                event.preventDefault();
                $('#btnLogin').click();
            }
        });

        $('#txtLoginEmail').keypress(function (event) {
            if (event.which == 13) {
                event.preventDefault();
                $('#btnBottomLogin').click();
            }
        });

        $('#txtLibraryCardBottom').keypress(function (event) {
            if (event.which == 13) {
                event.preventDefault();
                $('#btnBottomLogin').click();
            }
        });

        $('#txtUsernameBottom').keypress(function (event) {
            if (event.which == 13) {
                event.preventDefault();
                $('#btnBottomLogin').click();
            }
        });

        $('#txtLoginPassword').keypress(function (event) {
            if (event.which == 13) {
                event.preventDefault();
                $('#btnBottomLogin').click();
            }
        });

        $('#txtPinBottom').keypress(function (event) {
            if (event.which == 13) {
                event.preventDefault();
                $('#btnBottomLogin').click();
            }
        });

        $('#txtPasswordBottom').keypress(function (event) {
            if (event.which == 13) {
                event.preventDefault();
                $('#btnBottomLogin').click();
            }
        });

        $('#chkBottomRememberMe').keypress(function (event) {
            if (event.which == 13) {
                event.preventDefault();
                $('#btnBottomLogin').click();
            }
        });

        $('#txtEmailForPasswordReset').keypress(function (event) {
            if (event.which == 13) {
                event.preventDefault();
                $('#ResetPasswordButton').click();
            }
        });

        $('#txtPhone').blur(function () {
            $('#txtPhone').val(formatLocal("US", $('#txtPhone').val()));
        });

        $('#btnPasswordResetOK, #closeResetPassword').click(function () {
            //Do some cleanup, basically refreshing the reset password modal to its original state
            $('#ExecutePasswordResetButton').attr('href', '#').removeAttr('data-dismiss').removeAttr('data-toggle');
            $('#txtNewPassword').val("");
            $('#txtConfirmNewPassword').val("");
            $('#divPasswordMismatch').removeClass("show");
            $('#divPasswordMismatch').addClass("hide");
            $('#divPasswordNotEntered').removeClass("show");
            $('#divPasswordNotEntered').addClass("hide");
        });

        if ("" == "PasswordReset") {
            $('#txtNewPassword').val("");
            $('#txtConfirmNewPassword').val("");
            $('#divPasswordResetModal').modal('show');
        }
        if ("" == "PasswordResetException") {
            $('#divPasswordResetExceptionModal').modal('show');
        }
        if ("" == "EmailConfirmation") {
            $('#divEmailConfirmationModal').modal('show');
        }
        if ("" == "EmailConfirmationException") {
            $('#divEmailConfirmationExceptionModal').modal('show');
        }
    });

    function FormIsValid(form, errorContainer) {
        form.validate({
            errorContainer: errorContainer,
            rules: {
                txtLoginEmail: {
                    required: true,
                    email: true
                }
            }
        });

        return form.valid();
    }

    function JqueryValidateAndPreparePatronData(AuthType) {
        var validationErrorsContainer = $("#divValidationErrors");      //The container for jquery validate plugin errors
        var jqueryValidationForm = $('#frmValidateEmailPassword');      //The form used by the jquery validate plugin

        if (FormIsValid(jqueryValidationForm, validationErrorsContainer)) {
            $("#divValidationErrors").addClass("hide");
            $("#divValidationErrors").removeClass("show");
            if ("Index" != "Index" && "Index" != "Login") {
                doLocationDetailsEquipmentUpdate();
            }

            var ajaxUrl = GetAjaxUrl(AuthType);
            var selectors = GetLoginDataSelectors(AuthType, true);
            var data = {
                patronData: GetPatronData(AuthType, selectors[0], selectors[1]),
                ajaxUrl: ajaxUrl
            };
            return data;

        }
        else return false;
    }

    function GetLoginDataSelectors(AuthType, IsPageLogin) {
        var loginData1Selector, loginData2Selector;
        if (AuthType == "SIP" || AuthType == "III") {
            loginData1Selector = IsPageLogin ? $('#txtLibraryCardBottom') : $('#txtLoginModalLibraryCard');
            loginData2Selector = IsPageLogin ? $('#txtPinBottom') : $('#txtLoginModalPin');
        }
        else if (AuthType == "LDAP") {
            loginData1Selector = IsPageLogin ? $('#txtUsernameBottom') : $('#txtLoginModalUsername');
            loginData2Selector = IsPageLogin ? $('#txtPasswordBottom') : $('#txtLoginModalPassword');
        }
        else {
            loginData1Selector = IsPageLogin ? $('#txtLoginEmail') : $('#txtLoginModalEmail');
            loginData2Selector = IsPageLogin ? $('#txtLoginPassword') : $('#txtLoginModalPassword');
        }

        var selectors = [loginData1Selector, loginData2Selector];
        return selectors;
    }

    function GetPatronData(AuthType, loginData1Selector, loginData2Selector) {
        var patronData;
        if (AuthType == "SIP" || AuthType == "III") {
            patronData = {
                productCode: 1,
                libraryCardNo: loginData1Selector.val(),
                pinNo: loginData2Selector.val() == undefined ? "skip" : loginData2Selector.val()
            };
        }
        else if (AuthType == "LDAP") {
            patronData = {
                username: loginData1Selector.val(),
                password: loginData2Selector.val()
            }

        }
        else {
            patronData = {
                Email: loginData1Selector.val(),
                Password: loginData2Selector.val(),
                QueryStringName: "?confirmationCode="
            }
        }

        return patronData;
    }

    function OldValidateAndPreparePatronData(AuthType) {
        var selectors = GetLoginDataSelectors(AuthType, false);
        var patronData = GetPatronData(AuthType, selectors[0], selectors[1]);

        $('#btnLogin').attr("disabled", "disabled");
        var errorFlag = ValidateLoginData(AuthType, patronData);
        if (!errorFlag) {
            var ajaxUrl = GetAjaxUrl(AuthType);
            return {
                patronData: patronData,
                ajaxUrl: ajaxUrl,
            }
        }
        else return false;
    }

    function GetAjaxUrl(AuthType) {
        var ajaxUrl;
        if (AuthType == "SIP" || AuthType == "III") {
            ajaxUrl = commonWebServicePath + "/AuthenticatePatron";
        }
        else if (AuthType == "LDAP") {
            ajaxUrl = commonWebServicePath + "/LDAPAuthenticatePatron";
        }
        else {
            ajaxUrl = "/spaces/api/patronapi/validatePatron";
        }
        return ajaxUrl;
    }

    function ValidateLoginData(AuthType, patronData) {
        var loginErrorMsgCount = 0;
        var errorFlag = false;

        //Just need to validate the data based on the authType and return whether or not there's an error
        if (AuthType == "SIP" || AuthType == "III") {
            if ((patronData.libraryCardNo == "") && (loginErrorMsgCount < 1)) {
                $('#divInvalidLoginModalLibraryCard').removeClass("hide");
                $('#divInvalidLoginModalLibraryCard').addClass("show");
                $('#btnLogin').removeAttr("disabled");
                loginErrorMsgCount++;
                errorFlag = true;
            }

            if ((patronData.pinNo == "" && "0" == "0") && (loginErrorMsgCount < 1)) {
                $('#divInvalidLoginModalPincode').removeClass("hide");
                $('#divInvalidLoginModalPincode').addClass("show");
                $('#btnLogin').removeAttr("disabled");
                loginErrorMsgCount++;
                errorFlag = true;
            }
        }
        else if (AuthType == "LDAP") {
            if ((patronData.username == "") && (loginErrorMsgCount < 1)) {
                $('#divInvalidLoginModalUsername').removeClass("hide");
                $('#divInvalidLoginModalUsername').addClass("show");
                $('#btnLogin').removeAttr("disabled");
                loginErrorMsgCount++;
                errorFlag = true;
            }

            if ((patronData.password == "") && (loginErrorMsgCount < 1)) {
                $('#divInvalidLoginModalPassword').removeClass("hide");
                $('#divInvalidLoginModalPassword').addClass("show");
                $('#btnLogin').removeAttr("disabled");
                loginErrorMsgCount++;
                errorFlag = true;
            }
        }
        else {
            if ((patronData.Email == "" && loginErrorMsgCount < 1) || patronData.Email.indexOf("@") == -1) {
                $('#divInvalidLoginModalEmail').removeClass("hide");
                $('#divInvalidLoginModalEmail').addClass("show");
                $('#txtLoginModalEmail').closest('.control-group').addClass("error");
                loginErrorMsgCount++;
                errorFlag = true;
            }

            if (patronData.Password == "" && loginErrorMsgCount < 1) {
                $('#divInvalidLoginModalPassword').removeClass("hide");
                $('#divInvalidLoginModalPassword').addClass("show");
                $('#txtLoginModalPassword').closest('.control-group').addClass("error");
                loginErrorMsgCount++;
                errorFlag = true;
            }
        }

        return errorFlag;
    }

    function Login(AuthType, LoginLocation) {
        ClearLoginErrorMsgs();
        var loginFromLoginModal = LoginLocation == 'loginModal';
        var validationErrorsContainer = $("#divValidationErrors");
        var isPageLogin = ("Index" == "Login" || ("Index" == "LocationDetails" && !loginFromLoginModal));
        var ajaxURL;
        var patronData;
        var loginAjaxCallData;

        AuthType = "";
        validationErrorsContainer.removeClass("hide");

        loginAjaxCallData = isPageLogin ? JqueryValidateAndPreparePatronData(AuthType) : OldValidateAndPreparePatronData(AuthType);
        if (loginAjaxCallData) {
            patronData = loginAjaxCallData.patronData;
            ajaxURL = loginAjaxCallData.ajaxUrl;
        }
        else {
            return false;
        }

        $.ajax({
            type: "POST",
            url: ajaxURL,
            data: JSON.stringify(patronData),
            contentType: "application/json; charset=utf-8",
                async: true,
            success: function (msg) {
                if (typeof msg == "boolean") {
                    if (msg) {
                        if ("Index" == "Login") {
                            //proceed the user to their MyAccount page
                            $('#MyAccountLoginEmail').val(patronData.Email);
                            $('#MyAccountLoginPassword').val(patronData.Password);
                            $('#frmMyAccountLogin').submit();
                        }
                        else if ("Index" == "Index") {
                            $('#frmLogin').submit();
                        }
                        else if ("Index" == "Results") {
                            $('#LoginEmail').val($('#txtLoginModalEmail').val());
                            $('#LoginPassword').val($('#txtLoginModalPassword').val());

                            $('#StartDate').val($('#hdnSelDate').val().replace(/-/g, '/'));
                            $('#StartTime').val($('#hdnSelDate').val().replace(/-/g, '/') + " " + $('#slider_start option:selected').text());
                            $('#EndTime').val($('#slider_end option:selected').text());

                            //Get Location and Equipment Data to retain after logging in
                            //if we're on the results page, we need to get the locations and equipment that have been selected
                            if ("Patron" == "Patron") {
                                $('#EquipmentResults').val(getSelectedLocItemsData());
                                $('#LocationsResults').val(getSelectedLocations());
                            }

                            $('#frmReservation').attr('action', '/spaces/Patron/Results');
                            $('#frmReservation').submit();
                        }
                        else if ("Index" == "LocationDetails") {
                            if (loginFromLoginModal) {
                                $('#LoginEmail').val($('#txtLoginModalEmail').val());
                                $('#LoginPassword').val($('#txtLoginModalPassword').val());
                            } else {
                                $('#LoginEmail').val($('#txtLoginEmail').val());
                                $('#LoginPassword').val($('#txtLoginPassword').val());
                            }
                            $('#StartDate').val($('#hdnSelDate').val().replace(/-/g, '/'));
                            $('#StartTime').val($('#hdnSelDate').val().replace(/-/g, '/') + " " + $('#slider_start option:selected').text());
                            $('#EndTime').val($('#slider_end option:selected').text());

                            //if we're on the location details page, we need to get just equipment that has been selected
                            if ("Patron" == "Patron") {
                                $('#ReservationMode').val('Login');

                                var selectedItemsData = getSelectedLocItemsData();
                                var selectedItems = selectedItemsData != "" ? JSON.parse(selectedItemsData) : "";
                                var itemsWithQuantity = selectedItems != "" ? $.grep(selectedItems, function (e) {
                                    return e.IsChecked === true && e.QtySelected > 0;
                                }) : "";

                                var itemJson = '';
                                if (itemsWithQuantity.length > 0) {
                                    itemJson = JSON.stringify(itemsWithQuantity);
                                }

                                $('#Equipment').val(itemJson);
                            }
                            $('#ReservationMode').val('Login');

                            if ($('#LocationID').val() == '0') {
                                if ($('#txtLoginEmail').val() != '') {
                                    $('#txtLoginModalEmail').val($('#txtLoginEmail').val());
                                    $('#txtLoginModalPassword').val($('#txtLoginPassword').val());
                                }
                                $('#frmLogin').submit();
                            }
                            else {
                                $('#frmReservation').attr('action', '/spaces/Patron/LocationDetails');
                                $('#frmReservation').submit();
                            }
                        }
                        else {
                            return true;
                        }
                    }
                    else {
                        if (loginFromLoginModal) {
                            $('#divIncorrectModalLogin').removeClass("hide");
                            $('#divIncorrectModalLogin').addClass("show");
                            $('#btnLogin').removeAttr("disabled");
                        }
                        else {
                            $('#IncorrectLogin').removeClass("hide");
                            $('#IncorrectLogin').removeClass("show");
                            $('#btnBottomLogin').removeAttr("disabled");
                            $('#btnBottomLogin').unbind("click");
                        }
                        return false;
                    }
                }
                else {      //ils/ldap authentication block
                    if (msg.d == null) {
                        if (loginFromLoginModal) {
                            $('#divIncorrectModalLogin').removeClass("hide");
                            $('#btnLogin').removeAttr("disabled");
                        }
                        else {
                            $('#IncorrectLogin').removeClass("hide");
                            $('#IncorrectLogin').removeClass("show");
                            $('#btnBottomLogin').removeAttr("disabled");
                            $('#btnBottomLogin').unbind("click");
                        }
                        return false;
                    }
                    else if ((AuthType == "SIP" || AuthType == "III") && msg.d.AuthError != "None") {  //problem
                        if (loginFromLoginModal) {
                            $('#divPatronAuthFailed').removeClass("hide");
                            $('#divPatronAuthFailed').addClass("show");
                            $('#divILSAuthError').html(unescape(msg.d.AuthError));
                            $('#btnLogin').removeAttr("disabled");
                        }
                        else {
                            $('#divPatronAuthFailedBottom').removeClass("hide");
                            $('#divPatronAuthFailedBottom').addClass("show");
                            $('#divILSAuthErrorBottom').html(unescape(msg.d.AuthError));
                            $('#btnBottomLogin').removeAttr("disabled");
                            $('#btnBottomLogin').unbind("click");
                        }
                    }
                    else if ((msg.d.Email == "" || msg.d.Email == null) &&
                        ((LoginLocation == "loginModal" && ($('#txtLoginModalEmail').val() == undefined || $('#txtLoginModalEmail').val() == "")) ||
                        (LoginLocation != "loginModal" && ($('#txtEmailBottom').val() == undefined || $('#txtEmailBottom').val() == "")))
                        ) {
                        //Instead of displaying an error - ask them to enter in an email
                        //if user is logging in again with a user provided email then we don't want to display the email box again(it's already there)
                        //invalidUserProvidedEmail gets set when the user has provided an invalid email
                        if (!invalidUserProvidedEmail) {
                            ClearLoginErrorMsgs();
                            if (AuthType == "SIP" || AuthType == "III") {
                                if (LoginLocation == "loginModal") {
                                    $('#divIncorrectModalLogin').text("Oops! - No email was found on this account.  Please contact your library to proceed.");
                                    $('#divIncorrectModalLogin').removeClass("hide");
                                    $('#divIncorrectModalLogin').addClass("show");
                                    $('#btnLogin').removeAttr("disabled");
                                }
                                else {  //LoginLocation == "bottom"
                                    $('#IncorrectLogin').text("Oops! - No email was found on this account.  Please contact your library to proceed.");
                                    $('#IncorrectLogin').removeClass("hide");
                                    $('#IncorrectLogin').addClass("show");
                                    $('#btnBottomLogin').removeAttr("disabled");
                                    $('#btnBottomLogin').unbind("click");
                                }
                            }
                            else if (AuthType == "LDAP") {
                                if (LoginLocation == "loginModal") {
                                    $('#divIncorrectModalLogin').text("Oops! - We are unable to log you in.  No email was found on this account.");
                                    $('#divIncorrectModalLogin').removeClass("hide");
                                    $('#divIncorrectModalLogin').addClass("show");
                                    $('#btnLogin').removeAttr("disabled");
                                }
                                else {  //LoginLocation == "bottom"
                                    $('#IncorrectLogin').text("Oops! - We are unable to log you in.  No email was found on this account.");
                                    $('#IncorrectLogin').removeClass("hide");
                                    $('#IncorrectLogin').addClass("show");
                                    $('#btnBottomLogin').removeAttr("disabled");
                                    $('#btnBottomLogin').unbind("click");
                                }
                            }
                        }
                    }
                    else {
                        if ("Index" == "Login") {
                            $('#LoginPostBackFirstName').val(msg.d.FirstName);
                            $('#LoginPostBackLastName').val(msg.d.LastName);
                            $('#LoginPostBackPhoneNumber').val(msg.d.Phone);
                            $('#LoginPostBackLoginEmail').val(msg.d.Email);
                            $('#LoginPostBackLibraryCard').val(msg.d.CardNumber);
                            $('#frmLoginPostback').submit();
                        }
                        else if ("Index" == "Index") {
                            if (AuthType == "SIP" || AuthType == "III") {
                                if ($('#txtLoginModalEmail').val() == undefined) {
                                    $("<input id='txtLoginModalEmail' name='txtLoginModalEmail' type='text' class='span3' style='display:none' />").insertAfter('#txtLoginModalPin');
                                    $("<input id='LibraryCard' name='LibraryCard' type='hidden' class='span3' />").insertAfter('#txtLoginModalPin');
                                    $('#txtLoginModalEmail').val(msg.d.Email);
                                    $('#LibraryCard').val(msg.d.CardNumber);
                                }

                                $("<input id='txtLoginModalPassword' name='txtLoginModalPassword' type='hidden' class='span3' />").insertAfter('#txtLoginModalEmail');
                                $("<input id='AuthType' name='AuthType' type='hidden' class='span3' />").insertAfter('#txtLoginModalPassword');
                                $("#txtLoginModalPassword").val(patronData.pinNo);
                                $("#AuthType").val(AuthType);
                                PopulateHiddenFieldsForILS(msg, patronData.libraryCardNo, patronData.pinNo, AuthType);
                            }
                            else if (AuthType == "LDAP") {
                                $("<input id='txtLoginModalEmail' name='txtLoginModalEmail' type='text' class='span3' style='display:none' />").insertAfter('#txtLoginModalPassword');
                                $('#txtLoginModalEmail').val(msg.d.Email);

                                $("<input id='txtLoginModalPassword' name='txtLoginModalPassword' type='hidden' class='span3' />").insertAfter('#txtLoginModalEmail');
                                $("<input id='AuthType' name='AuthType' type='hidden' class='span3' />").insertAfter('#txtLoginModalPassword');
                                $("#txtLoginModalPassword").val(patronData.password);
                                $("#AuthType").val(AuthType);
                                PopulateHiddenFieldsForILS(msg, patronData.username, patronData.password, AuthType);
                            }
                            $('#frmLogin').submit();
                        }
                        else if ("Index" == "Results") {
                            //populate hidden fields
                            //submit them
                            $('#StartDate').val($('#hdnSelDate').val().replace(/-/g, '/'));
                            $('#StartTime').val($('#hdnSelDate').val().replace(/-/g, '/') + " " + $('#slider_start option:selected').text());
                            $('#EndTime').val($('#slider_end option:selected').text());

                            //if i am coming back from authentication and i have an email then i need to be able to send it in
                            //so, i create an hidden email field and set the email
                            if (AuthType == "SIP" || AuthType == "III") {
                                if (LoginLocation == "loginModal") {
                                    if ($('#txtLoginModalEmail').val() == undefined) {
                                        $("<input id='txtLoginModalEmail' name='txtLoginModalEmail' type='hidden' class='span3' style='display:none' />").insertAfter('#txtLoginModalPin');
                                        $('#txtLoginModalEmail').val(msg.d.Email);
                                        $("<input id='LibraryCard' name='LibraryCard' type='hidden' class='span3' />").insertAfter('#txtLoginModalPin');
                                        $('#LibraryCard').val(msg.d.CardNumber);
                                    }
                                    $('#LoginEmail').val($('#txtLoginModalEmail').val());
                                }
                                else {
                                    $("<input id='txtEmailBottom' name='txtEmailBottom' type='hidden' class='input-xlarge' style='display:none' />").insertAfter('#txtPinBottom');
                                    if (msg.d.Email != "") {
                                        $('#txtEmailBottom').val(msg.d.Email);
                                    }
                                    $('#LoginEmail').val($('#txtEmailBottom').val());
                                }

                                $('#LoginPassword').val(patronData.pinNo);
                                $("#AuthType").val(AuthType);
                                PopulateHiddenFieldsForILS(msg, patronData.libraryCardNo, patronData.pinNo, AuthType, "#frmReservation ");
                            }
                            else if (AuthType == "LDAP") {
                                if (LoginLocation == "loginModal") {
                                    $("<input id='txtLoginModalEmail' name='txtLoginModalEmail' type='hidden' class='span3' style='display:none' />").insertAfter('#txtLoginModalPassword');
                                    $('#txtLoginModalEmail').val(msg.d.Email);
                                    $('#LoginEmail').val($('#txtLoginModalEmail').val());
                                }
                                else {
                                    $("<input id='txtEmailBottom' name='txtEmailBottom' type='hidden' class='input-xlarge' style='display:none' />").insertAfter('#txtPasswoordBottom');
                                    $('#txtEmailBottom').val(msg.d.Email);
                                    $('#LoginEmail').val($('#txtEmailBottom').val());
                                }

                                $('#LoginPassword').val(password);
                                $("#AuthType").val(AuthType);
                                PopulateHiddenFieldsForILS(msg, patronData.username, patronData.password, AuthType, "#frmReservation ");
                            }

                            $('#frmReservation').attr('action', '/spaces/Patron/Results');
                            $('#frmReservation').submit();
                        }
                        else if ("Index" == "LocationDetails") {
                            if (loginFromLoginModal) {
                                //login & pw from the modal
                                if (AuthType == "SIP" || AuthType == "III") {
                                    if ($('#txtLoginModalEmail').val() == undefined) {
                                        $("<input id='txtLoginModalEmail' name='txtLoginModalEmail' type='hidden' class='span3' style='display:none' />").insertAfter('#txtLoginModalPin');
                                        $('#txtLoginModalEmail').val(msg.d.Email);
                                    }
                                    $('#LoginEmail').val($('#txtLoginModalEmail').val());
                                    $('#LoginPassword').val(patronData.pinNo);
                                    PopulateHiddenFieldsForILS(msg, patronData.libraryCardNo, patronData.pinNo, AuthType, "#frmReservation ");
                                }
                                if (AuthType == "LDAP") {
                                    $("<input id='txtLoginModalEmail' name='txtLoginModalEmail' type='hidden' class='span3' style='display:none' />").insertAfter('#txtLoginModalPassword');
                                    $('#txtLoginModalEmail').val(msg.d.Email);
                                    $('#LoginEmail').val($('#txtLoginModalEmail').val());
                                    $('#LoginPassword').val(password);
                                    PopulateHiddenFieldsForILS(msg, patronData.username, patronData.password, AuthType, "#frmReservation ");
                                }
                            } else {
                                //login & pw from the bottom
                                if (AuthType == "SIP" || AuthType == "III") {
                                    if ($('#txtEmailBottom').val() == undefined) {
                                        $("<input id='txtEmailBottom' name='txtEmailBottom' type='hidden' class='input-xlarge' style='display:none' />").insertAfter('#txtPinBottom');
                                        $('#txtEmailBottom').val(msg.d.Email);
                                    }
                                    $('#LoginEmail').val($('#txtEmailBottom').val());
                                    $('#LoginPassword').val(patronData.pinNo);
                                    $('#LoginLocation').val("LocationDetailsBottom");
                                    PopulateHiddenFieldsForILS(msg, patronData.libraryCardNo, patronData.pinNo, AuthType, "#frmReservation ");
                                }
                                if (AuthType == "LDAP") {
                                    $("<input id='txtEmailBottom' name='txtEmailBottom' type='hidden' class='input-xlarge' style='display:none' />").insertAfter('#txtPasswordBottom');
                                    $('#txtEmailBottom').val(msg.d.Email);
                                    $('#LoginEmail').val($('#txtLoginEmail').val());
                                    $('#LoginPassword').val(password);
                                    PopulateHiddenFieldsForILS(msg, patronData.username, patronData.password, AuthType, "#frmReservation ");
                                }
                            }
                            $("#AuthType").val(AuthType);

                            $('#StartDate').val($('#hdnSelDate').val().replace(/-/g, '/'));
                            $('#StartTime').val($('#hdnSelDate').val().replace(/-/g, '/') + " " + $('#slider_start option:selected').text());
                            $('#EndTime').val($('#slider_end option:selected').text());

                            if ($('#LocationID').val() == '0') {
                                if ($('#txtLoginEmail').val() != '') {
                                    $('#txtLoginModalEmail').val($('#txtLoginEmail').val());
                                    $('#txtLoginModalPassword').val($('#txtLoginPassword').val());
                                    PopulateHiddenFieldsForILS(msg, patronData.username, patronData.password, AuthType, "#frmLogin ");
                                }
                                $('#frmLogin').submit();
                            }
                            else {
                                $('#frmReservation').attr('action', '/spaces/Patron/LocationDetails');
                                $('#frmReservation').submit();
                            }
                        }
                        else {
                            return true;
                        }
                    }
                }
            },
            error: function (xmlHttpRequest) {
                console.log(xmlHttpRequest.statusText + " " + xmlHttpRequest.status + " : " + xmlHttpRequest.responseText);
                return false;
            }
        });
    }

    function PopulateHiddenFieldsForILS(msg, librarycard, pincode, AuthType, selectorPretext) {
        if (AuthType == "SIP" || AuthType == "III") {
            //for ILS authentication
            $('#LibraryCard').val(librarycard);
            $('#PinCode').val(pincode);
        }
        if (AuthType == "LDAP") {
            $('#Username').val(librarycard);
            $('#Password').val(pincode);
        }

        var preTextStr = selectorPretext === undefined ? '' : selectorPretext;

        $(preTextStr + '#FirstName').val(msg.d.FirstName);
        $(preTextStr + '#LastName').val(msg.d.LastName);
        $(preTextStr + '#Email').val(msg.d.Email);
        $(preTextStr + '#PhoneNumber').val(msg.d.Phone);
    }

    function ClearLoginTextBoxes() {
        $("#txtLoginModalEmail").val("");
        $("#txtLoginModalPassword").val("");
        $("#txtLoginModalLibraryCard").val("");
        if ($("#txtLoginModalPin").val() != "^skip^")
            $("#txtLoginModalPin").val("");
        ClearLoginErrorMsgs();
    }

    function ClearSignupTextBoxes() {
        $("#txtEmail").val("");
        $("#txtPassword").val("");
        $("#txtFirstName").val("");
        $("#txtLastName").val("");
        $("#txtConfirmEmail").val("");
        $("#txtConfirmPassword:password").val("");
        $("#txtPhone").val("");
        $("#txtPassword").val("");
        ClearSignupErrorMsgs();
    }

    function ClearLoginErrorMsgs() {
        $('#MustLogin').removeClass('show');
        $('#InvalidLoginUsername').removeClass('show');
        $('#InvalidLoginEmail').removeClass('show');
        $('#InvalidLoginPassword').removeClass('show');
        $('#IncorrectLogin').removeClass('show');
        $('#divPatronAuthFailedBottom').removeClass('show');
        $('#divPatronAuthFailed').removeClass('show');
        $('#divIncorrectModalLogin').removeClass('show');
        $('#divInvalidLoginModalUsername').removeClass('show');
        $('#divInvalidLoginModalPassword').removeClass('show');
        $('#divInvalidLoginModalEmail').removeClass('show');
        $('#divInvalidLoginModalPassword').removeClass('show');
        $('#divInvalidLoginModalPincode').removeClass('show');
        $('#divInvalidLoginModalLibraryCard').removeClass('show');

        $('#MustLogin').addClass('hide');
        $('#InvalidLoginUsername').addClass('hide');
        $('#InvalidLoginEmail').addClass('hide');
        $('#InvalidLoginPassword').addClass('hide');
        $('#IncorrectLogin').addClass('hide');
        $('#divPatronAuthFailedBottom').addClass('hide');
        $('#divPatronAuthFailed').addClass('hide');
        $('#divIncorrectModalLogin').addClass('hide');
        $('#divInvalidLoginModalUsername').addClass('hide');
        $('#divInvalidLoginModalPassword').addClass('hide');
        $('#divInvalidLoginModalEmail').addClass('hide');
        $('#divInvalidLoginModalPassword').addClass('hide');
        $('#divInvalidLoginModalPincode').addClass('hide');
        $('#divInvalidLoginModalLibraryCard').addClass('hide');
    }


    function ClearSignupErrorMsgs() {
        $('.SignupMsg').removeClass("show");
        $('.SignupMsg').addClass("hide");
        $('.control-group').removeClass('error');
    }

    function ForgotPasswordHandler() {
        var patronData = {
            Email: $("#txtEmailForPasswordReset").val(),
            QueryStringName: "?passwordReset="
        }
        $.ajax({
            type: "POST",
            url: '/spaces/api/patronapi/validatePasswordReset',
            data: JSON.stringify(patronData),
            contentType: "application/json; charset=utf-8",
            async: false,
            success: function (msg) {
                if (!msg) {
                    $('#divForgotPasswordNoEmail').removeClass("hide");
                    $('#divForgotPasswordNoEmail').addClass("show");
                    return false;
                }
                else {
                    $('#ResetPasswordButton').attr("data-dismiss", "modal").attr("data-toggle", "modal").attr("href", "#divPwConfirm");
                    ClearTxtEmailForPasswordReset();
                }
            }
        });
    }

    function ClearTxtEmailForPasswordReset() {
        $('#divForgotPasswordNoEmail').removeClass("show");
        $('#divForgotPasswordNoEmail').addClass("hide");
        $('#txtEmailForPasswordReset').val(null);
    }

    function ResetPassword(patronID) {
        var errorFlag = false;
        var Password = $('#txtNewPassword').val();
        var ConfirmPassword = $('#txtConfirmNewPassword').val();
        if (Password != ConfirmPassword || Password == "") {
            if (Password != ConfirmPassword) {
                $('#txtPassword').parent().parent().addClass('error');
                $('#divPasswordMismatch').removeClass("hide");
                $('#divPasswordMismatch').addClass("show");
                errorFlag = true;
            }
            else {
                $('#txtPassword').parent().parent().addClass('error');
                $('#divPasswordNotEntered').removeClass("hide");
                $('#divPasswordNotEntered').addClass("show");
                errorFlag = true;
            }
        }
        else {
            $('#divPasswordMismatch').removeClass("show");
            $('#divPasswordMismatch').addClass("hide");
            errorFlag = false;
        }

        if (!errorFlag) {
            var data = {
                PatronID: patronID.toString(),
                Password: Password
            }
            $.ajax({
                type: "POST",
                url: '/spaces/api/patronapi/UpdatePassword',
                data: JSON.stringify(data),
                contentType: "application/json; charset=utf-8",
                async: false,
                success: function (msg) {
                    if (msg) {
                        $('#ExecutePasswordResetButton').attr("data-dismiss", "modal").attr("data-toggle", "modal").attr("href", "#divPwResetSuccess");
                        ClearTxtEmailForPasswordReset();
                    }
                    else {

                        $('#divPasswordResetException').removeClass("hide");
                        $('#divPasswordResetException').addClass("show");
                    }
                },
                error: function (xmlHttpRequest) {
                    console.log(xmlHttpRequest.statusText + " " + xmlHttpRequest.status + " : " + xmlHttpRequest.responseText);
                    return;
                }
            });
        }

    }

    function ClearNewPasswordTextBoxes() {
        $("#txtNewPassword").val("");
        $("#txtConfirmNewPassword:password").val("");
        $("#txtPhone").val("");
        $("#txtPassword").val("");
    }
    </script>

    <noscript>You must have javascript enabled to use this application.</noscript>
</body>



</html>
