
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	
 
	<!~---------------------->
	

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head><script type="text/javascript" src="/CFIDE/scripts/cfform.js"></script>
<script type="text/javascript" src="/CFIDE/scripts/masks.js"></script>

	<meta charset='utf-8' />
	<title>Practice Calendar</title>
	
	
		<link rel='stylesheet' href='../fullCalendar/lib/cupertino_jquery-ui.min.css' />
	
	<link href='../css/main.css' rel='stylesheet' />
	<link href='../fullCalendar/fullcalendar.css' rel='stylesheet' />
	<link href='../fullCalendar/fullcalendar.print.css' rel='stylesheet' media='print' />
	
	<script src='../fullCalendar/lib/moment.min.js'></script>
	<script src='../fullCalendar/lib/jquery.min.js'></script>
	<script src='../fullCalendar/lib/jquery-ui.custom.min.js'></script>
	<script src='../fullCalendar/fullcalendar.min.js'></script>
	<script src='../js/showHide2.js'></script>
	
	
	<script>
		$(document).ready(function() {

			/* initialize the external events
			-----------------------------------------------------------------*/
			
			$('#external-events .fc-event').each(function() {
	
				// store data so the calendar knows to render an event upon drop
				$(this).data('event', {
					title: $.trim($(this).text()), // use the element's text as the event title
					stick: true, // maintain when user navigates (see docs on the renderEvent method)
					start: '2015-04-13T18:00:00',
					end: '2015-04-13T19:00:00',
					constraint: 'availableForPractice'
				});
	
				// make the event draggable using jQuery UI
				//$(this).draggable({
				//	zIndex: 999,
				//	revert: true,      // will cause the event to go back to its
				//	revertDuration: 0  //  original position after the drag
				//});
	
			});

			
			/* initialize the calendar
			-----------------------------------------------------------------*/
			
			$('#calendar').fullCalendar({
				
					theme: true,
				

				header: {
					left: 'title',
					center: 'prevYear,prev,today,next,nextYear',
					right: 'month,agendaWeek,agendaDay'
				},
				//titleFormat: '[Hello, World!]',
				
				//defaultDate: '2015-04-12',
				slotDuration: '00:60:00',
				snapDuration: '00:60:00',
				minTime:      '17:00:00',		//min, max on day agenda view
				maxTime:      '21:00:00',
				scrollTime  : '17:00:00',
				slotEventOverlap: false,
				weekends: true,
				
				selectable: false,
				//selectHelper: true,
				//select: function(start, end, allDay) {
				//	var title = prompt('Event Title:');
				//	var eventData;
				//	if (title) {
				//		eventData = {
				//			title: title,
				//			start: start,
				//			end: end,
				//			allDay: allDay
				//		};
				//		$('#calendar').fullCalendar('renderEvent', eventData, true); // true = make the event stick
				//	}
				//	$('#calendar').fullCalendar('unselect');
				//},

				//dayClick: function (date, allDay, jsEvent, view) {
				//   $('#eventTitle').val("");
				//    $('#eventDate').val($.fullCalendar.formatDate(date, 'dd/MM/yyyy'));
				//    $('#eventTime').val($.fullCalendar.formatDate(date, 'HH:mm'));
				//    ShowEventPopup(date); 
				//},
				
				// What to do when an event is clicked
				
				
				eventResize: function (event, delta, revertFunc) {
					alert(event.title + " end is now " + event.end.format());
				    if (confirm("Confirm length change?")) {
				        //UpdateEvent(event.id, event.start, event.end);
				    }
				    else {
				        revertFunc();
				    } 
				},
				
		        //eventRender: function(event, element) {
		        //    element.attr('title', event.tip);
		        //}
    //eventRender: function(event, element) {
    //    alert({
    //        content: event.title
    //    });
    //},

				droppable: true, // this allows things to be dropped onto the calendar
				drop: function(date, jsEvent, ui) {		// triggered when item is dropped on calendar. 'date' is a moment obj
					//alert("dropped");
					// is the "remove after drop" checkbox checked?
					if ($('#drop-remove').is(':checked')) {
						// if so, remove the element from the "Draggable Events" list
						$(this).remove();
					}
					alert("Choose your start time");
					$('#calendar').fullCalendar('gotoDate', date);
					$('#calendar').fullCalendar('changeView', 'agendaDay'/* or 'basicDay' */);
				},
				
				eventDrop: function (event, delta, revertFunc, jsEvent, ui, view) {	// triggered when item is moved to another day
					alert(event.title + " was dropped on " + event.start.format());
				    if (confirm("Confirm move?")) {
				        //UpdateEvent(event.id, event.start);
				    }
				    else {
				        revertFunc();
				    }  
				},

				editable: true,
				eventLimit: true, // allow "more" link when too many events
				
				// IDBR Training sessions are: April 20-June 4, M-F, no memorial day, 6-7pm, 7-8pm, 3-4 boats, 3 practices/team
				//businessHours: true, // display business hours
				businessHours:
				    {
			            start: '18:00',
			            end:   '20:00',
			            dow: [ 1, 2, 3, 4, 5]
				    },

				events: [
					//{
					//	title: 'Meeting',
					//	start: '2015-04-12T14:30:00'
					//},
					//{
					//	title: 'Click for Google',
					//	url: 'http://google.com/',
					//	start: '2015-04-28'
					//},

					
					{
						title: 'Memorial Day',
						start: '2015-05-25',
						editable: false,
						allDay: true
					},
					//{
					//	title: 'Meeting',
					//	start: '2015-04-12T10:30:00',
					//	end: '2015-04-12T12:30:00'
					//},
					//{
					//	title: 'Dead Presidents',
					//	start: '2015-04-20T18:00:00',
					//	end: '2015-04-20T19:00:00',
					//	constraint: 'availableForPractice'
					//},
					
					// Areas where Teams can be dropped
					{
						id: 'availableForPractice',
						start: '2015-04-20T18:00:00',
						end: '2015-04-20T20:00:00',
						rendering: 'background'
					},
					{
						id: 'availableForPractice',
						start: '2015-04-21T18:00:00',
						end: '2015-04-21T20:00:00',
						rendering: 'background'
					},
					// Days where practices are available (for 1 hour @ 6pm and 7pm). 
					// Displays as background color each day
					{
						start: '2015-04-20',
						end: '2015-04-25',
						//overlap: false,
						rendering: 'background',
						color: '#9fff89'	
					},
					{
						start: '2015-04-27',
						end: '2015-05-02',
						rendering: 'background',
						color: '#9fff89'	
					},
					{
						start: '2015-05-04',
						end: '2015-05-09',
						rendering: 'background',
						color: '#9fff89'	
					},
					{
						start: '2015-05-11',
						end: '2015-05-16',
						rendering: 'background',
						color: '#9fff89'
					},
					{
						start: '2015-05-18',
						end: '2015-05-23',
						rendering: 'background',
						color: '#9fff89'	
					},
					{
						start: '2015-05-26',
						end: '2015-05-30',
						rendering: 'background',
						color: '#9fff89'	
					}
				]
			});
			
		});
		
		function UpdateEvent(EventID, EventStart, EventEnd) {
		    var dataRow = {
		        'ID': EventID,
		        'NewEventStart': EventStart,
		        'NewEventEnd': EventEnd
		    }
		    $.ajax({
		        type: 'POST',
		        url: "/Home/UpdateEvent",
		        dataType: "json",
		        contentType: "application/json",
		        data: JSON.stringify(dataRow)
		    }); 
		}
		
		function ShowEventPopup(date) {
		    ClearPopupFormValues();
		    $('#popupEventForm').show();
		    $('#eventTitle').focus(); 
		}
	</script>
	
	<style>
		body {
			/* margin: 40px 10px; */
			padding: 0;
			font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
			font-size: 14px;
		}
		
		#wrap {
			width: 1600px;
			margin: 0 auto;
		}		
		
		#external-events {
			float: left;
			width: 220px;
			padding: 0 10px;
			border: 1px solid #ccc;
			background: #eee;
			text-align: left;
			min-height:400px;
			max-height:700px;
			overflow: auto;
		}
			
		#external-events h4 {
			font-size: 16px;
			margin-top: 0;
			padding-top: 1em;
		}
			
		#external-events .fc-event {
			margin: 10px 0;
			cursor: pointer;
		}
			
		#external-events p {
			margin: 1.5em 0;
			font-size: 11px;
			color: #666;
		}
			
		#external-events p input {
			margin: 0;
			vertical-align: middle;
		}
	
		#calendar {
			float: right;
			max-width: 900px;
			/* margin: 40px auto; */
			padding: 0 10px;
		}
	
		/* calendar's prev and next icons */
		.ui-icon-circle-triangle-w {
		    background-position: -96px -16px; 	/* -48px -192px; */
		}
		.ui-icon-circle-triangle-e {
		    background-position: -32px -16px; 	/* -48px -192px; */
		}
	</style>
<script type="text/javascript">
<!--
    _CF_checkmainForm = function(_CF_this)
    {
        //reset on submit
        _CF_error_exists = false;
        _CF_error_messages = new Array();
        _CF_error_fields = new Object();
        _CF_FirstErrorField = null;


        //display error messages and return success
        if( _CF_error_exists )
        {
            if( _CF_error_messages.length > 0 )
            {
                // show alert() message
                _CF_onErrorAlert(_CF_error_messages);
                // set focus to first form error, if the field supports js focus().
                if( _CF_this[_CF_FirstErrorField].type == "text" )
                { _CF_this[_CF_FirstErrorField].focus(); }

            }
            return false;
        }else {
            return true;
        }
    }
//-->
</script>
</head>


<body>


	<div style="background-color:#1d1d1d; height:75px; color:white; padding:7px;">
		<div style="width:50%; box-sizing:border-box; float:left; text-align:left;">
			
			<input type="button" data-mini="true" data-inline="true" value="IDBR " title="Go to the IDBR  website, in this window" onclick="goHome()" />
		</div>
		<div style="width:50%; float:right; text-align:right; font-size:1em;">
			
		<a data-role="button" data-transition="slidedown" data-mini="true" data-theme="e" data-inline="true" data-ajax="false" 
			class="ui-btn-right" style="color:white; font-size:.75em; background-color:#333; border-color:black; text-shadow:none;" 
			href="https://www.grunsports.com/login.cfm?gotoUrl=%2FDB%2FpracticeCalendar%2Ecfm">login</a><br/>
	
		</div><br style="clear:both" />
		
		<div style="box-sizing:border-box; text-align:center;">
			
				<strong style="font-style:bold; font-size:larger;">Independence Dragon Boat Regatta</strong><br/>
				Schuylkill River, Philadelphia, PA<br/>
				Saturday, June 1, 2019 
		</div>
		
	</div>
	
	
	<div style="background-color:#333; height:1em; color:white; padding:7px;">
		<div style="width:25%; float:left; text-align:center; color:whitesmoke; font-size:12.5px; font-weight:700;">
			<a href="https://www.grunsports.com/event.cfm" data-ajax="false"  style="color:whitesmoke;" title="Register your Team">Event</a>
		</div>
		<div style="width:25%; float:left; text-align:center; color:whitesmoke; font-size:12.5px; font-weight:700;">
			<a href="https://www.grunsports.com/location.cfm" data-ajax="false"  style="color:whitesmoke;" title="Register your Team">Location</a>
		</div>
		<div style="width:25%; float:left; text-align:center; color:whitesmoke; font-size:12.5px; font-weight:700;">
			<a href="https://www.grunsports.com/team.cfm" data-ajax="false"  style="color:whitesmoke;" title="Register your Team">Team</a>
		</div>
		<div style="width:25%; float:left; text-align:center; color:whitesmoke; font-size:12.5px; font-weight:700;">
			<a href="https://www.grunsports.com/utils.cfm" data-ajax="false"  style="color:whitesmoke;" title="Register your Team">Utils</a>
		</div>
	</div>

	<div style="background-color:#333; height:1em; color:white; padding:7px;">
		<div style="width:20%; float:left; text-align:center; color:whitesmoke; font-size:12.5px; font-weight:700;">
			<a href="https://www.grunsports.com/registerTeam.cfm" data-ajax="false"  style="color:whitesmoke;" title="Register your Team">Register</a>
		</div>
		<div style="width:20%; float:left; text-align:center; color:whitesmoke; font-size:12.5px; font-weight:700">
			<a href="https://www.grunsports.com/TeamInfo.cfm" data-ajax="false"  style="color:whitesmoke;" title="Order stuff & pay team fees">Team Info</a>
		</div>
		<div style="width:20%; float:left; text-align:center; color:whitesmoke; font-size:12.5px; font-weight:700">
			<a href="https://www.grunsports.com/TeamFees.cfm?meetDateID=25&mddtID=0" data-ajax="false"  style="color:whitesmoke;" title="Order stuff & pay team fees">Orders/Fees</a>
		</div>
		<div style="width:20%; float:left; text-align:center; color:whitesmoke; font-size:12.5px; font-weight:700; background-color:#2ad;">
			<a href="https://www.grunsports.com/DB/practiceCalendar.cfm" data-ajax="false" class="ui-btn-active ui-state-persist" style="color:whitesmoke;" title="Schedule your team practices">
				Practice Calendar</a>
		</div>
		<div style="width:20%; float:left; text-align:center; color:whitesmoke; font-size:12.5px; font-weight:700">
			<a href="https://www.grunsports.com/captain.cfm" data-ajax="false" data-transition="none"  style="color:whitesmoke;" title="Create and manage your team members">
					Team Roster</a>
		</div style="clear:both;">
	</div>
	
	
	<script type="text/javascript">
		function goHome() {		// It is done this way so jqueryMobile doesn't load the index.cfm when page is loaded
			
			window.location.href = "http://www.grunsports.com/db/idbr/";
		}
	</script>
<br/><br/>

<form name="mainForm" id="mainForm" action="/DB/practiceCalendar.cfm" method="post" onsubmit="return _CF_checkmainForm(this)">

<div class="error" style="text-align:center; letter-spacing:.1em">
	
</div>
	
	<table border=0 align="center">
	<tr>
	<td align="left" valign="top">
		
		<div class="small" style="width:220px; margin-bottom:10px;">
			Practices are held at our <a href="https://www.google.com/maps/place/Dragon+Boat+Dock/@39.98111,-75.20529,17z/data=!3m1!4b1!4m2!3m1!1s0x89c6c70bbf6e85a9:0x5bf17097aaf1a339?hl=en" title="Display this on a map, in a new window" target="_blank"><b>Dragon Boat Practice Docks</b></a>, located just East of the intersection of MLK Drive and Black Road.  Have your team arrive <b>30 minutes</b> before shove to get PFDs, paddles, and arrange seating.
		</div>
		<div id='external-events' style="margin-right:10%;">
			<h4 style="margin-bottom:5px;">
				Your Teams&nbsp;&nbsp;
				<input type="button" class="small" style="padding:1px;" value="refresh" onclick="window.location.reload(1);">
			</h4>
			<div class="small comment">
				Each team is allowed up to 3 practices<br/>
				
				
			</div>
			
			<hr style="clear:both;" />
			<div class="small comment" style="color:##51859E; text-align:center;">'[1 of 3]' <i>means</i> 1 left out of 3</div>
			
			
                        <br/>
			Theme: <select name="themeMenu" onchange="window.location.href = '?theme=' + this[this.selectedIndex].value">
				<option value="" >default</option>
				<option value="base" >base</option>
				<option value="blacktie" >blacktie</option>
				<option value="blitzer" >blitzer</option>
				<option value="cupertino" selected>cupertino</option>
				<option value="darkhive" >darkhive</option>
				<option value="dotluv" >dotluv</option>
				<option value="eggplant" >eggplant</option>
				<option value="excitebike" >excitebike</option>
				<option value="flick" >flick</option>
				<option value="hotsneaks" >hotsneaks</option>
				<option value="humanity" >humanity</option>
				<option value="lefrog" >lefrog</option>
				<option value="mintchoc" >mintchoc</option>
				<option value="overcast" >overcast</option>
				<option value="peppergrinder" >peppergrinder</option>
				<option value="redmond" >redmond</option>
				<option value="smoothness" >smoothness</option>
				<option value="southstreet" >southstreet</option>
				<option value="start" >start</option>
				<option value="sunny" >sunny</option>
				<option value="swankypurse" >swankypurse</option>
				<option value="trontastic" >trontastic</option>
				<option value="uidarkness" >uidarkness</option>
				<option value="uilightness" >uilightness</option>
				<option value="vader" >vader</option>
			</select>
		</div>
	</td>

	
		<td align="center" valign="top">		
			
			<div id='calendar'></div>
		</td>
	

	<td align="center" valign="top">
				
		<div id='external-events' style='float:right; margin-left:10%; min-width:190px;'>
			<h4 style="margin-bottom:5px;">
				0 Events&nbsp;&nbsp;
				<input type="button" class="small" style="padding:1px;" value="refresh" onclick="window.location.reload(1);">
			</h4>
			<div style="text-align:center;">IDBR Team Practices</div>
			<div class="small comment">
				Each team is allowed up to 3 practices.<br/>
				If an event is <span style="color:red;">red</span> it is full.
				<div style="text-align:center;">
					<a href="javascript:hideAllEvents()" title="Collapse all event details below">hide details</a>&nbsp;&nbsp;|&nbsp;&nbsp;
					<a href="javascript:showAllEvents()" title="Expand all event details below">show details</a>
				</div>
			</div>
			
			
			<hr style="clear:both;" />
			<div class="small" style="color:#51859E; text-align:center;">'[1 of 3]' <i>means</i> 1 left out of 3 available</div>
			
			
		</div>
	</td>
	</tr>
	</table>
	
	<div style='clear:both'></div>
	
	
	<input type="hidden" name="submitAction" value="">	
</form>


<div id="popupEventForm" class="modal hide" style="display: none;">
   <div class="modal-header"><h3>Add new event</h3></div>
  <div class="modal-body">
	<form id="EventForm" class="well">
		<input type="hidden" id="eventID">
		<label>Event title</label>
		<input type="text" id="eventTitle" placeholder="Title here"><br />
		<label>Scheduled date</label>
		<input type="text" id="eventDate"><br />
		<label>Scheduled time</label>
		<input type="text" id="eventTime"><br />
		<label>Appointment length (minutes)</label>
		<input type="text" id="eventDuration" placeholder="15"><br />
	</form>
</div>
  <div class="modal-footer">
	<button type="button" id="btnPopupCancel" data-dismiss="modal" class="btn">Cancel</button>
	<button type="button" id="btnPopupSave" data-dismiss="modal" class="btn btn-primary">Save event</button>
  </div>
</div>

	
<IFRAME class="noprint" style="BORDER-RIGHT: white 0px; BORDER-TOP: white 0px; BORDER-LEFT: white 0px; BORDER-BOTTOM: white 0px" 
		border=0 name="workFrame" id="workFrame" src="../work_blank.cfm" frameBorder=0 scrolling=auto
		width=1 
		height=1></IFRAME>

		
<script>
	function addNewEvent() {
		var myForm = document.mainForm;
		if (myForm.newEventDate.value == '') {
			alert("Please enter a start date");
			myForm.newEventDate.focus();
		} else {
			//myForm.submitAction.value = 'newEvent';
			//myForm.submit();
			var eventDate = myForm.newEventDate.value;
			var startTime = myForm.newEventStartTime[myForm.newEventStartTime.selectedIndex].value
			var stopTime = myForm.newEventStopTime[myForm.newEventStopTime.selectedIndex].value
			var slots = myForm.newEventSlots.value;
			workFrame.location.href = '../fullCalendar/work_saveDeleteCalEvent.cfm?submitAction=newEvent&meetDateID=25&eventDate=' + eventDate + '&startTime=' + startTime + '&stopTime=' + stopTime + '&title=Team%20Practice&category=Team%20Practice&slots=' + slots;
		}
	}
	function editEvent(eventID) {
		var myForm = document.mainForm;
		alert('Stay tuned...');
	}
	function deleteEvent(eventID) {
		var myForm = document.mainForm;
		if (confirm("Are you sure you want to delete this event,\nand unlink all it's participations?")) {
			//myForm.xEventID.value = eventID;
			//myForm.submitAction.value = 'deleteEvent';
			//myForm.submit();
			workFrame.location.href = '../fullCalendar/work_saveDeleteCalEvent.cfm?submitAction=deleteEvent&xEventID=' + eventID
		}
	}
	function saveSteerer(epID, oldSteerer) {
		var steerer = prompt("Steerer's name:", oldSteerer);
		if (steerer != null) {
			workFrame.location.href = '../fullCalendar/work_saveEventSteerer.cfm?epID=' + epID + "&steerer=" + encodeURI(steerer)
		}
	}
	function saveCoach(epID, oldCoach) {
		var coach = prompt("Coach's name:", oldCoach);
		if (coach != null) {
			workFrame.location.href = '../fullCalendar/work_saveEventCoach.cfm?epID=' + epID + "&coach=" + encodeURI(coach)
		}
	}
	function hideAllTeams() {
		
	}
	function showAllTeams() {
		
	}
	function hideAllEvents() {
		hideID('newEventWrapper');
		
	}
	function showAllEvents() {
		showID('newEventWrapper')
		
	}
	function changeParticipation(eventMenu, mddtID) {
		var eventInfo = eventMenu[eventMenu.selectedIndex].value;	// epID, old_eID, new_eID
		eventArray = eventInfo.split("_");
		workFrame.location.href = 
			'../fullCalendar/work_saveDeleteCalEventParticipant.cfm?epID=' + eventArray[0] + "&eID=" + eventArray[1] + "&mddtID=" + mddtID 
	}
	function deleteEventParticipant(epID) {
		if (confirm("Are you sure you want to delete this event participant?")) {
			workFrame.location.href = '../fullCalendar/work_saveDeleteCalEventParticipant.cfm?&xepID=' + epID
		}
	}
</script>


</body>
</html>