home_test application.2

<center>

     <div style="background-color:pink; color:white; border:2px solid black; padding:2px; font-size:18px; font-family: verdana;">
    </div>

</center>

    <center>
    
    

</center>

		<script>
			var prjsCurYear = '2024';
			var prjsMinYear = '2012';
			var prjsMaxYear = '2028';
			var prjsMinYearEdit = '2012';
			var prjsMaxYearEdit = '2028';
		</script>
	<!-- 2024_pr_inc_path_switch.cfm --->




 	
 	<script>
		var jsCurRun  = '#curRun#';
	</script>


 



<script>
	
	document.title = 'Calendar of Events';
	
</script>	

	



	<style>
		/* **********************************************************/
		/* ***** EDITED STYLES 1 ( live ) ***************************/
		/* **********************************************************/
		
	</style>
    
    

<!-- xp_GetEvents -->
<!-- xp_GetEvents -->
<!-- xp_GetEvents -->
<!-- xp_GetEvents -->

    

<script>
// begin inc_ek_js.cfm



var xpage_ek_filename = "events.cfm";
var jsAllArgs = "";


function OkToUseInnerHTML()
{
	// let's assume everybody supports this by now
	return true;
}

function ShowPassInfo(cOrg, passID)
{
	var url = "http://www.eventkeeper.com/code/popinfo.cfm?curOrg=" + cOrg + "&curApp=passes&pID=" + passID;
	window.open(url, "popnotewin", "width=400,height=400,left=100,top=100, resizable=yes,scrollbars=yes").focus();
}

function ShowRegForm(cOrg, dfdID)
{
	var url = "http://www.eventkeeper.com/code/ekform.cfm?curOrg=" + cOrg + "&curID=" + dfdID;
	window.open(url, "popnotewin", "width=800,height=800,left=100,top=80, resizable=yes,scrollbars=yes").focus();
}

function RealMonth(codeMonth)
{
	var humanMonthNumber = Number(codeMonth) + 1;
	return humanMonthNumber;
}	


var today = new Date();
var day = today.getDate(), month = today.getMonth(), year = y2k(today.getYear()), whichOne = 0;
var today2 = year + "-" + padout(month) + "-" + padout(day);

function y2k(number)    { return (number < 1000) ? number + 1900 : number; }

function padout(number) { return (number < 10) ? '0' + number : number; }

function tfDayHasEvent (thisDay, evtDayList)
{
	var rMonth = RealMonth(document.SetDisplayCriteria.fMonth.value);
    var thisDate = "\'" + document.SetDisplayCriteria.fYear.value + "-" + padout(rMonth) + "-" + padout(thisDay);
	var testdate = new RegExp (thisDate);
	// alert(evtDayList);
	// alert("inc_ek_js.cfm rmonth = " + rMonth);
	// alert("inc_ek_js.cfm testdate = " + testdate);
	// alert(testdate.test(evtDayList));
	
	return testdate.test(evtDayList);
}

/* 7/13/2017 */
/* need to modify selectDay so that it knows about pagination and keywords */
function selectDay( newMonth, newDay, newYear ) 
{
		
		
		document.SetDisplayCriteria.fDay.value = newDay;
			
		var GoToURL = "";
		
		
			GoToURL += "https://www.plymouthrocketxb.com/EK.cfm?" + jsAllArgs + "&curMonth=" + RealMonth(newMonth);
			// GoToURL += "ek.cfm?" + jsAllArgs + "&curMonth=" + RealMonth(newMonth);
			
		
			GoToURL += "&curYear=" + newYear;
		
		
		
		
		
		
		
		
		
		
		
		
		
		if (newDay!='0')
		{
		var GoToDate = "";
		GoToDate += RealMonth(newMonth) + "/";
		GoToDate += newDay + "/" + newYear;
		
		GoToURL += "&SelectedDate=" + GoToDate;
		
		// this next line was commented out : don't know why : be prepared to add it back
		GoToURL += "#" + GoToDate;
		}
		
		
		
		location.href = GoToURL;
		
		
		
}



function tfToday (thisDay)
{
    return (today2 == document.SetDisplayCriteria.fYear.value + "-" + padout(document.SetDisplayCriteria.fMonth.value) + "-" + padout(thisDay));
}

function changeYear(tfEvtListPg3) 
{
	// woof : might need to use Layers to avoid layers even in NN on bigMonth
	// sniff
    if (OkToUseInnerHTML()) 
		newYear = document.Cal.Year.options[document.Cal.Year.selectedIndex].value + '';
	else
		newYear = document.layers['SMALL_CAL'].document.Cal.Year.options[document.layers['SMALL_CAL'].document.Cal.Year.selectedIndex].value + '';

	document.SetDisplayCriteria.fYear.value = newYear;
    ShowMonth (document.SetDisplayCriteria.fMonth.value,newYear,tfEvtListPg3,'JS-CY-186');
}

function changeMonth(newMonth) 
{
	// alert("A: Change Montho");
	// sniff
    if (OkToUseInnerHTML()) 
	{
		// alert ("A: change month, IE, layers");		
		// alert("newMonth = doggie " + document.Cal.Month.options[document.Cal.Month.selectedIndex].value);
														 
		newMonth = document.Cal.Month.options[document.Cal.Month.selectedIndex].value + '';
	}
	else
	{
		alert("A: Second option");
		newMonth = document.layers['SMALL_CAL'].document.Cal.Month.options[document.layers['SMALL_CAL'].document.Cal.Month.selectedIndex].value + '';
	}
			
	window.document.SetDisplayCriteria.fMonth.value = newMonth;
    // alert("existing year = " + document.SetDisplayCriteria.fYear.value);
	ShowMonth (newMonth,document.SetDisplayCriteria.fYear.value,true,'JS-CM-178');    
}

function IndexOfDayPicked (thisMonth, thisDay, thisYear)
{
	var someDateStr = RealMonth(thisMonth) + '/' + thisDay + '/' + thisYear;
	// alert("checking day = " + someDateStr);
	// alert("PickedDayArray = " + PickedDayArray + "PickedDayArray.length = " + PickedDayArray.length);
	
	/*
	for (var i = 0; i < PickedDayArray.length; i++) 
   	{ 
   		if (someDateStr == PickedDayArray[i])
		{
			return i ; 
	 	}
	}
	*/
	return -1;
}






function MakeCalendarCode(Month,Year,tfEvtListPg1) 

	{
	
	// alert("beckett 238/244 : BEGIN -- Make Calendar Code -- inc_ek_js.cfm"); 

	var tfPickDates = false;
	
	// var nm = 5;
	
	
		// alert("BEGIN -- MakeCalendarCode function : 231"); 
	
	
	// 
    var output = '';
    // 
    // opera fussing : remove form from here and put it on the page.
	// pre styles = output += '<table bgcolor="' + tbgColor1 + '" border=1>';
	output += '<table align="center" ID="scal_table_outer" >';
	// output += '<form name="Cal" style="margin-bottom: 0px;"><table bgcolor="' + tbgColor1 + '" border=1>';
	    
	// 
    if (tfEvtListPg1)
	{
		
			// alert("tfEvtListPg1");
		
		

		output += '<tr><td align=center width=100%><select name="Month" class="scal_month_list" onChange="changeMonth();">';

		// 
    	for (month=0; month<12; month++) 
		{
        	if (month == Month) 
				output += '<option value="' + month + '" selected>' + names[month] + '<\/option>';
        	else              
				output += '<option value="' + month + '">' + names[month] + '<\/option>';
    	}

    	output += '<\/select>&nbsp;<select name="Year" ID="WTF:259" class="scal_year_list" onChange="changeYear(1);">';

    	// 
		// BOYDEN asked...
		
		
				if (Year == 0)
					output += '<option value="0" selected>0<\/option>';
				else
					output += '<option value="0">0<\/option>';
				
		
    	output += '<\/select><\/td><\/tr>';
	}
	
	output += '<tr><td align=center colspan=2>';

 	// 

    firstDay = new Date(Year,Month,1);
    startDay = firstDay.getDay();

    if (((Year % 4 == 0) && (Year % 100 != 0)) || (Year % 400 == 0))
         days[1] = 29; 
    else
         days[1] = 28;

	// 
    output += '<table ID="scal_table_inner"><tr>';

	// 
    for (i=0; i<7; i++)
	{
        output += '<td class="scal_details_dow_row">';
		
		output += dow[i]; 
		
		output += '<\/td>';
	}
		
    output += '<\/tr><tr align=center valign=middle>';

    var column = 0;
    var lastMonth = Month - 1;
    if (lastMonth == -1) lastMonth = 11;

	// 
    for (i=0; i<startDay; i++, column++)
        output += '<td class="scal_details_gray_day">' + (days[lastMonth]-startDay+i+1) + '<\/td>';

	// 
	for (i=1; i<=days[Month]; i++, column++) 
	{
		{	output += '<td align=center valign=middle'; }
			
		// 
		if 	((tfPickDates) && (IndexOfDayPicked(Month, i, Year) != -1))
		{ 
			output +=  ' bgcolor=red';
		}
		// 
		else if (tfToday(i)) 
		{ 
			output +=  ' class="scal_details_today"';
		}

		else
		{ 
			output +=  ' class="scal_details_regular_day"';
		}

		output += '>';
		
		// 
		
		// alert("woofta : i = " + i + " daylist = " + daylist);
		
		if (tfDayHasEvent(i,daylist))
		// if (i > 15)
		{
			// alert("day has event");
			output += '<a href="javascript:selectDay(' + Month + ',' + i + ',' + Year + ')">';
			output += i;
			output += '<\/a>';
		}
		else
		{
			// alert("day does not have event");
			output += '' + i + '';
		}
		
        output += '<\/td>';
		
		if (column == 6) {
            output += '<\/tr><tr align=center valign=middle>';
            column = -1;
        }
    }

	// 
    if (column > 0) {
        for (i=1; column<7; i++, column++)
            output +=  '<td class="scal_details_gray_day">' + i + '<\/td>';
    }

	// 
    
	// output += '<\/tr><\/table><\/td><\/tr><\/table><\/form>\n';
	
	// opera fussing remove close form tag
	output += '<\/tr><\/table><\/td><\/tr><\/table>\n';
	
	
		// alert("END -- Make Calendar Code"); 
	
	
    return output;
}

function ShowMonth (aMonth, aYear, tfEvtListPg4, debugLocation)
{
	
	
	document.SetDisplayCriteria.fMonth.value = aMonth;
	document.SetDisplayCriteria.fYear.value = aYear;
	
    var calCode = MakeCalendarCode( aMonth, aYear, tfEvtListPg4, debugLocation );
	
	// have to have an extra char at the end of the calCode or Mac IE gets confused.
	// a space works - so does newline i.e. backslash n.
	
	var name="CL1";
	var preCalCode = '<form name="Cal" style="margin-bottom: 0px;">';
	var postCalCode = '</form>';

	
		
	if (tfEvtListPg4)
	{
		// sniff
		if (document.getElementById) 
		{ 
			// alert("getElementByID");
			document.getElementById("CL1").innerHTML  = 'hello';
			// alert("Now draw the small calendar");
			
			if (isMac)
				calCode = preCalCode + calCode + postCalCode;
				
			document.getElementById("CL1").innerHTML  = calCode;
		} 
    	else if (document.layers) 
		{
			// alert ("layers");
			
        	document.layers['CL1'].document.open();
        	document.layers['CL1'].document.write(preCalCode);
        	document.layers['CL1'].document.write(calCode);
        	document.layers['CL1'].document.write(postCalCode);
        	document.layers['CL1'].document.close();
    	} 
		else 
		{
        	if (document.all) 
			{ 
				alert ("document.all");
				document.all.CL1.innerHTML = calCode;
			} 
    	}
	}
	else
	{
		// Opera fussing
		// document.write("<form name='Cal' style='margin-bottom: 0px;'>");
		document.write(calCode);
		// document.write("</form>");
	}
	
	
		
	return;	
}



function ShowMonth_SMALL_CAL (aMonth, aYear, tfEvtListPg4, debugLocation)
{
	alert("incs/inc_ek_js.cfm.423 ShowMonth declaration");

	
	
	alert("aMonth = " + aMonth);
	document.SetDisplayCriteria.fMonth.value = aMonth;
	// document.SetDisplayCriteria.fYear.value = aYear;
	
	alert("fMonth = " + document.SetDisplayCriteria.fMonth.value);
	
    var calCode = MakeCalendarCode( aMonth, aYear, tfEvtListPg4 );
    
	
		alert("calCode is ready");
		alert("in ShowMonth .439 : calCode is now " + calCode);
	
// var calCode = MakeSimpleCalendarCode( aMonth, aYear );
	
	// have to have an extra char at the end of the calCode or Mac IE gets confused.
	// a space works - so does newline i.e. backslash n.
	
	var name="SMALL_CAL";
	var preCalCode = '<form name="Cal" style="margin-bottom: 0px;">';
	var postCalCode = '</form>';
		
	alert("tfEvtListPg4 = " + tfEvtListPg4); 
	if (tfEvtListPg4)
	{
		// sniff
		if (document.getElementById) 
		{ 
			alert("still using getElementByID");
			var el = document.getElementById('SMALL_CAL');
			alert("after .458");
			el.innerHTML  = 'temp...';
			alert(el.innerHTML);
			
			
			alert("Now draw the small calendar");
			
			
			el.innerHTML  = 'loading...';
			
			// if (isMac) calCode = preCalCode + calCode + postCalCode;
			if (false) 
			{
				alert("isMac");
				calCode = preCalCode + calCode + postCalCode;
			}
			else
			{
				alert ("not mac");
				document.getElementById('SMALL_CAL').innerHTML  = calCode;
			}	
				
		} 
    	else if (document.layers) 
		{
			alert ("layers");
			
        	document.layers['SMALL_CAL'].document.open();
        	document.layers['SMALL_CAL'].document.write(preCalCode);
        	document.layers['SMALL_CAL'].document.write(calCode);
        	document.layers['SMALL_CAL'].document.write(postCalCode);
        	document.layers['SMALL_CAL'].document.close();
    	} 
		else 
		{
        	if (document.all) 
			{ 
				alert ("document.all");
				document.all.SMALL_CAL.innerHTML = calCode;
			} 
    	}
	}
	else
	{
		// Opera fussing
		// document.write("<form name='Cal' style='margin-bottom: 0px;'>");
		alert("iej.c : 454");
		document.write(calCode);
		// document.write("</form>");
	}
	
	// alert("ShowMonth END (mm/yyyy = "+ aMonth + "/" + aYear + ") IsEventList =" + tfEvtListPg4 + " Location = " + debugLocation + "."); 
	
	return;	
}


// reqMonth = 11
var goMonth = 11 - 1;
// alert("goMonth = " + goMonth);
// goMonth	  
// window.onload = ShowMonth(goMonth,2024,1,'inc_EK : 5')
// window.onload = ShowMonth(10,2014,1,'inc_EK : 4')


</script>



  

<script>
var newWin;
var openArgs = 'toolbars=no,addressbar=no,menubar=no,directories=no,scrollbars=yes,resizable=no';
function NewPop(theURL)
{
	newWin = window.open(theURL,openArgs);
	return false;
}
</script>
</head>






<hr>



<!DOCTYPE html>
<HTML>


		<script>
			var prjsCurYear = '2024';
			var prjsMinYear = '2012';
			var prjsMaxYear = '2028';
			var prjsMinYearEdit = '2012';
			var prjsMaxYearEdit = '2028';
		</script>
	



<!-- application.cfm : root -->

    
<META name="google-translate-customization" content="8cd768c6b36authdfdf8737e-36b838408e8fc655-gc17a127d75c93ed9-13"></meta>


<META name="google-site-verification" content="2eloclYAzUF8G3Vxybt2yj7D_339ErPaQVAEXHXp5sU" /> 



<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<meta charset="utf-8">
<title>PR WEB SITE</title>


		<script>
			var prjsCurYear = '2024';
			var prjsMinYear = '2012';
			var prjsMaxYear = '2028';
			var prjsMinYearEdit = '2012';
			var prjsMaxYearEdit = '2028';
		</script>
	
	
	
	<link href="https://www.eventkeeper.com/mars/bs/css/styles.css" rel="stylesheet" type="text/css">
  	<link rel="stylesheet" href="https://www.eventkeeper.com/mars/bs/css/bootstrap.min.css">
  	<link rel="stylesheet" id="font-awesome-css" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" type="text/css" media="screen">

	<script src="scroll-down.js"></script>

  	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://www.eventkeeper.com/mars/bs/js/jquery-2.1.4.min.js"></script>
	
	<script src="https://www.eventkeeper.com/mars/bs/js/bootstrap.min.js"></script>
  	




<link href="https://fonts.googleapis.com/css?family=Baloo|Libre+Barcode+39|Noto+Sans:700|Righteous|Sniglet" rel="stylesheet">









<style>
	
.link
{
  color: blue;
  text-decoration: underline;
}
	
	
.container
{
	color:black;
	font-size:18px;
	font-family:calibri;
}

.container-fluid
{
	margin-left:0px;
	margin-right:0px;
}

.headline
{
	text-align:center;
	font-family: 'Baloo', cursive;
	font-size:36px;
}
	
.subhead
{
	text-align:center;
	font-family: 'Righteous', cursive;
	font-size:24px;
}

.jumbotron-mars
{
	background-color:#ADD8E6 !IMPORTANT;
}

.jumbotron-services
{
	background-color:#ADD8E6 !IMPORTANT;
}

.jumbotron-home-text
{
	background: rgba(255, 255, 255, 0.75) !IMPORTANT;
	border-radius:12px;
}

.jumbotron-ek-text
{
	font-size:31px;
}

.jumbotron-home
{
	background-image: url("http://1.bp.blogspot.com/-oSRGqsD5Y8E/VaFctNsaK2I/AAAAAAAAeho/OSJfi1KFoWM/s1600/DSC00633_edited-1.jpg");
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.service-box
{
	background-color:lightgrey;
	border-radius: 12px;
	height:300px;
}

.service-price
{
	background-color:lightgrey;
	border-radius: 12px;
	font-size:16px;
	padding-bottom:20px;
}

@media (min-width: 767px) {
	.service-price-addon
{
	height:250px;
}
}
	
.service-price-addon
{
	background-color:white;
	border:2px solid lightgrey;
	border-radius: 12px;
	font-size:14px;
	padding-bottom:20px;
}

.key-icon {

	width:40%;
}

.btn-services
{
	background-color:lightgrey;
}

 .affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}

.affix + .container-fluid {
    padding-top: 70px;
 }



.clickbate-icon
{
}

#clickbate
{
	font-size:32px;
	margin-top:-220px;
}

.ct-btn-scroll {

}

.arrow-btn
{
	width:30px;
}

.footer
{
	background-color:#104e8b;
	color:white;
	font-size:15px;
}



/** navbar custom styles **/

/** services navbar **/

.navbar-services
{
    width: 100%;
    text-align: center;
}

.navbar-services > li
{
    float: none;
    display: inline-block;
}

/** home navbar **/

.ek-logo
{
	height:50px;
	float:left;
}

.header-title
{
	font-size:24px;
	padding-top:15px;
	padding-left:65px;
}

/* navbar */
.navbar-default {
    background-color: #104e8b;
    border:none;
	margin-bottom:0px;
	border-radius:0px;
}

/* Title */
.navbar-default .navbar-brand {
    color: white;
	padding:10px;
}


.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #428bca;
}
/* Link */
.navbar-default .navbar-nav > li > a {
    color: white;
	margin-top:10px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #428bca;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: white;
    background-color: #428bca;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: white;
    background-color: #104e8b;
}

/* Caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: white;
    border-bottom-color: white;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #428bca;
    border-bottom-color: #428bca;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #428bca;
    border-bottom-color: #428bca;
}
/* Mobile version */
.navbar-default .navbar-toggle {
    border-color: white;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #428bca;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

/** got to top button **/


.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}




@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: white;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #428bca;
    }

/* Title */
.navbar-default .navbar-brand {
    color: white;
	padding-top:5px;
}
.ek-logo
{
	height:40px;
	float:left;
}
.header-title
{
	display:none !IMPORTANT;
}

.service-box
{
	height:250px;
}

.service-price
{
	padding-bottom:30px;
}

}

@media (min-width: 767px) {
.navbar-default {
    height:70px;
}
}

/* Answer Keeper Front End Test */

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    min-height: 100vh;
    
    background: #428bca;
    color: #fff;
    transition: all 0.3s;
    
    margin-bottom:-30px;
    font-size:18px;
    padding-top:25px;
    padding-left:15px;
}

#sidebar.active {
    margin-left: -250px;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

#sidebar .sidebar-header {
    padding: 20px;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}
#sidebar ul li a:hover {
    background-color: #ADD8E6;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: white;
    background: #104e8b;
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
}

.subsubmenu
{
	margin-left:25px;
}

.website-header
{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}


@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
}


/* AnswerKeeper Styles*/

.panel-body
{
	word-wrap:break-word;
	word-break:break-word;
	overflow-wrap:break-word;
}

@media (max-width: 768px) {
	.panel-group
	{
		margin-left:-35px;
	}
}






</style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="scroll-down.js"></script>





<!-- Static navbar -->
      <nav class="navbar navbar-default">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" 
            data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          <a class="navbar-brand text-left" href="https://www.plymouthrocket.com">
           	<img src="http://www.eventkeeper.com/ek_logos/ek_logo.gif" class="ek-logo" alt="ek logo">
            <div class="header-title"> Click here to check out our NEW Plymouth Rocket website!!</div>
          </a>
          </div>
          
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right website-header">
              
              
              	<li><a href="https://www.plymouthrocket.com">Home</a></li>
              
              	<li><a href="login.cfm">Login</a></li>
              
              	<li><a href="kiosk.cfm">Kiosk</a></li>
              
              
              
            </ul>
          </div><!--/.nav-collapse -->
        </div><!--/.container-fluid -->
      </nav>




<!-- Static navbar -->
      <nav class="hidden-xs navbar navbar-default " data-spy="affix" data-offset-top="0" style="border:none; >
        <div class="container-fluid">

          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-services">
              
              
              	<li><a href="eventkeeper_prweb.cfm">EK Mars / EventKeeper</a></li>
              
              	<li><a href="ekregistration_prweb.cfm">EK Registration</a></li>
              
              	<li class="active"><a href="ekrooms_prweb.cfm">EK Rooms</a></li>
              
              	<li><a href="tixkeeper_prweb.cfm">TK Mars / TixKeeper</a></li>
              
              	<li><a href="kitkeeper_prweb.cfm">KitKeeper</a></li>
              
              
              
	
              
              
              
            </ul>
          </div><!--/.nav-collapse -->
        </div><!--/.container-fluid -->
      </nav>

</head>
<body>


		<script>
 
			$(function(){
 
				$(document).on( 'scroll', function(){
 
					if ($(window).scrollTop() > 100) {
						$('.scroll-top-wrapper').addClass('show');
					} else {
						$('.scroll-top-wrapper').removeClass('show');
					}
				});
 
				$('.scroll-top-wrapper').on('click', scrollToTop);
			});
 
			function scrollToTop() {
				verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
				element = $('body');
				offset = element.offset();
				offsetTop = offset.top;
				$('html, body').animate({scrollTop: offsetTop}, 500, 'linear');
			}
		</script>
        
		<div class="scroll-top-wrapper ">
			<span class="scroll-top-inner">
				<i class="fa fa-2x fa-arrow-circle-up"></i>
			</span>
		</div>


     
     
<div class="jumbotron jumbotron-services container-fluid">  
		<div class="row">
        
        	<div class="jumbotron-ek-text text-center col-lg-6 hidden-md hidden-sm hidden-xs subhead"><br><br><br>
            		<div class="headline" style="font-size:48px;">
           	 		EK Rooms
            		</div>
        		Meeting Room Management.
            	All In One Place.<br><br>
            	<a class="ct-btn-scroll ct-js-btn-scroll" href="#ekmars"><img class="arrow-btn" alt="Arrow Down Icon" src="https://cdn0.iconfinder.com/data/icons/glyphpack/26/double-arrow-down-128.png"></a>
        	</div>
            
            <div class="jumbotron-ek-text text-center col-md-6 hidden-lg hidden-sm hidden-xs subhead"><br><br>
            		<div class="headline" style="font-size:48px;">
           	 		EK Rooms
            		</div>
        		Meeting Room Management.<br>
            	All In One Place.<br>
            	<a class="ct-btn-scroll ct-js-btn-scroll" href="#ekmars"><img class="arrow-btn" alt="Arrow Down Icon" src="https://cdn0.iconfinder.com/data/icons/glyphpack/26/double-arrow-down-128.png"></a>
        	</div>
            
            <div class="jumbotron-ek-text text-center hidden visible-sm col-sm-6 subhead"><br>
            		<div class="headline" style="font-size:48px;">
            		EK Rooms
            		</div>
        		Meeting Room Management.<br>
            	All In One Place.<br>
                <a class="ct-btn-scroll ct-js-btn-scroll" href="#ekmars"><img class="arrow-btn" alt="Arrow Down Icon" src="https://cdn0.iconfinder.com/data/icons/glyphpack/26/double-arrow-down-128.png"></a>
        	</div>
            
            <div class="jumbotron-ek-text text-center hidden visible-xs subhead" style="font-size:28px;">
            	<br>
            		<div class="headline" style="font-size:48px;">
            		EK Rooms<br>
            		</div>
        		Meeting Room Management.<br>
            	All In One Place.<br>
                <a class="ct-btn-scroll ct-js-btn-scroll" href="#ekmars"><img class="arrow-btn" alt="Arrow Down Icon" src="https://cdn0.iconfinder.com/data/icons/glyphpack/26/double-arrow-down-128.png"></a><br><br>
        	</div>
            
        	<div class="text-center col-lg-6 col-md-6 col-sm-6 col-xs-12">
        		<img src="images_prweb/ekrooms.jpg" class="img-responsive" alt="EK-IMG1">
        	</div>
        </div>
     </div> 
     
     
<div class="container" ID="ekmars">


     <div class="row">
     	<div class="text-center headline hidden-xs" style="font-size:36px">
        EK Rooms
        </div>
        <div class="hidden visible-xs text-center headline" style="font-size:28px">
        EK Rooms
        </div>
     </div>
     
     <br>
     
     <div class="row">
        <div class="col-lg-7 col-md-6 col-sm-12 col-xs-12 text-left">
            <p>
       	EK Rooms and EK Mars (EventKeeper) makes managing <b>room reservations</b> and equipment usage simple... Whether you have five meeting rooms or five branches full of meeting rooms, EK Rooms can keep track of who needs what and when and avoid event conflicts.<br><br>
        
            <b>Features:</b><br>
        - Manage room uses<br>
        - Manage equipment<br>
        - Allow public room requests for some or all rooms<br>
        - Can be used by multiple branches<br>
        - Generate user agreement forms on the fly<br>
        - Allow users to choose predetermined room set ups.
        </p><br>
        </div>
        <div class="col-lg-5 col-md-6 col-sm-12 col-xs-12 text-right">
            <div style="background-color:lightgrey; padding:15px;">
                <div class="subhead">
                SAMPLES :
                </div>
                
                <br>
                
                <div class="text-right">
                    <b><a target="_blank" href="http://www.eventkeeper.com/code/events.cfm?curOrg=tcpl&curapp=rooms" style="float:left;">Thomas Crane Public Library</a></b><br>
                    <b><a target="_blank" href="http://www.eventkeeper.com/code/events.cfm?curOrg=wantagh&curapp=rooms" style="float:left;">Wantagh Public Library</a></b><br><br>
                </div>
            </div>
        </div>
     </div>
     <div class="row"><br><br>
            <a href="prices_orders_prweb.cfm" class="col-lg-offset-4 col-lg-4 col-md-offset-4 col-md-4 col-sm-offset-3 col-sm-6 hidden-xs btn btn-primary" style="font-size:22px;">+ Click here if you're ready to order!</a><br>
             <a href="prices_orders_prweb.cfm" class="hidden-lg hidden-md hidden-sm col-xs-offset-1 col-xs-10 btn btn-primary" style="font-size:22px;">+ Click here to order!</a><br>
     </div>
     
     <br><br><br>
     
     <div class="row">
     	<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center">
        	<img src="images_prweb/public.jpg" class="img-responsive center-block key-icon"><br>
            <div class="subhead">Public Requests</div>
            Allow the public to request rooms and the staff to confirm/ deny the reservation.<br><br>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center">
        	<img src="images_prweb/branches.jpg" class="img-responsive center-block key-icon"><br>
            <div class="subhead">Multiple Branches</div>
            Allow room reservations across multiple libraries.<br><br>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center">
        	<img src="images_prweb/equipment.jpg" class="img-responsive center-block key-icon"><br>
            <div class="subhead">Manage Equipment</div>
			Allow equipment reservations along side room reservations. Everything in one place.
        </div>
     </div>
     
     <br>
     

</div>


	<script src="https://www.google.com/recaptcha/api.js" async defer></script>


<script>
function enableBtn()
	{
    	document.getElementById("SubmitButton").disabled = false;
   	}

function disableBtn()
	{
    	document.getElementById("SubmitButton").disabled = true;
   	}
   	

   	
</script>


	
<div id="DemoModalLive" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="DemoModalLiveLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
        <h3 align="center" class="modal-title" id="DemoModalLiveLabel">Request a Demo : 2021</h3>
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      
      <div class="modal-body">
      
      <form name="RequestDemo" class="form-horizontal" align="center" 
      		action="index.cfm" method="post">
	   		
	   		<label for="name" class="sr-only">Name *</label>
	        <input type="text" name="name" id="inputName" class="form-control" 
	        	value="" placeholder="Name *" required autofocus >
	        <br>
		
	   		<label for="phone" class="sr-only">Phone *</label>
	        <input type="text" name="phone" id="inputPhone" class="form-control" 
	        	value="" placeholder="Phone *" required>
	        <br>
		
	   		<label for="email" class="sr-only">Email *</label>
	        <input type="text" name="email" id="inputEmail" class="form-control" size="60"
	        	value="" placeholder="Email *" required>
	        <br>
		
       		<label for="comments" class="sr-only">Comments *</label>
	        <input type="text" name="comments" id="inputComments" class="form-control" size="80" 
	        	value="" placeholder="Area(s) of Interest *" required>
	        <br>
		
      		
      			<div class="g-recaptcha" data-sitekey="6LdL3g8UAAAAAG6s41J_bT3v9ui10Vcfbmre0K5V" data-callback="enableBtn"></div><br/>
    		
    		
      </div>
      
      
      
 	<div class="modal-footer" style="text-align:center;">
					           	
      	<button class="btn btn-primary" type="submit" name="bSubmit" id="SubmitButton">Send</button>
	        
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        
      </div>
      
      </form>
      	
      	
    </div>
  </div>
</div>


<div class="container-fluid footer hidden visible-lg visible-md visible-sm" style="margin-top:30px; padding-bottom:20px; height:200px; padding-top:100px;">

    	<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-left">
            42 Bay Shore Drive<br>
            Plymouth, MA<br>
            855.365.5000<br>
    	</div>
    	<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 subhead text-center">
    		<br>
    		<a href="storytime.cfm" target="_blank" style="text-decoration:none;">Plymouth Rocket, Inc.</a>
    	</div>
    	<div class="col-lg-3 col-md-4 col-sm-4 col-xs-4 text-right">
            <div class="bd-demo">

            </div>
    	</div>

</div>

<div class="container-fluid footer hidden visible-xs" style="margin-top:30px; padding-bottom:20px; height:250px; padding-top:20px;">


    	<div class="col-xs-12 subhead text-center">
    		<br>
    		<a href="storytime.cfm" target="_blank" style="text-decoration:none;">Plymouth Rocket, Inc.</a>
    	</div>
        <br><br><br><br><br>
    	<div class="col-xs-5 text-left" style="font-size:14px;">
            42 Bay Shore Dr.<br>
            Plymouth, MA<br>
            855.365.5000<br>
    	</div>
        <div class="col-xs-7">
       
    	</div>


</div>

</body>
</html>