<div class=""><div id="wait_loader" style="display:none;"><img src='https://paulgoodenough.com/Edtech/wp-content/plugins/event-registration-pro-calendar/demo_wait.gif' width="64" height="64" /><br>Loading..</div>
<div class="regpro_search">
	    <div class="plg_header">
        	<ul>
            <li><a href="https://paulgoodenough.com/Edtech/calendar/"><button type="button" class="btn btn-primary header-button"><i class="fa fa-calendar"></i> Calendar</button></a></li>
                        <li><a href="https://paulgoodenough.com/Edtech/category-accordion/"><button type="button" class="btn btn-primary header-button"><i class="fa fa-list"></i> All Events</button></a></li>
                        <li><a href="https://paulgoodenough.com/Edtech/event-category/"><button type="button" class="btn btn-primary header-button"><i class="fa fa-th"></i> All Categories</button></a></li>
            <li><a href="#" id="regpro_search_head" onclick="onclick_searchevent(); return false;"><button type="button" class="btn btn-primary header-button"><i class="fa fa-search"></i>Search</button></a></li>
            </ul>
		</div>
        
        
        <div id="searchevent" style="display:none;">
		<div id="searchevent_loader" style="display:none;"><img src='https://paulgoodenough.com/Edtech/wp-content/plugins/event-registration-pro-calendar/demo_wait.gif' width="64" height="64" /><br>Loading..</div>
				<form id="eventsearch_form" name="eventsearch" action="#" method="post">
					<table border="0" cellspacing="0" cellpadding="2" width="100%" align="center" class="eventlisting">
						<tbody><tr>
							<td align="left"> Event Name</td>
							<td align="left"><input type="text" name="txtEventName" value="" class="regpro_inputbox"></td>
						</tr>
						<tr>
							<td align="left">  Event Location</td>
							<td align="left"> <input type="text" name="txtEventLocation" value="" class="regpro_inputbox"></td>
						</tr>
						<tr>
							<td align="left">  Event Start Date</td>
							<td align="left"> <input type="text" name="txtEventStartDate" value="" class="regpro_inputbox"> Format (MM / DD /YYYY)</td>
						</tr>
						<tr>
							<td align="left">  Event End Date</td>
							<td align="left"> <input type="text" name="txtEventEndDate" value="" class="regpro_inputbox"> Format (MM / DD /YYYY)</td>
						</tr>
						<tr>
							<td align="left">  Event Category</td>
							<td align="left"> 
                            <select id="selCategory" name="selCategory" class="regpro_inputbox">
                                <option value="0" selected="selected"> Select Category</option>
                                                            </select>
                            </td>
						</tr>
						<tr>
							<td align="left">&nbsp;</td>
							<td align="left">
								<input type="hidden" name="_wpnonce" value="eab794b6f8"/>
								<input type="submit" value=" Search" class="btn btn-success">
								<input type="button" name="reset" value=" Reset" class="btn btn-danger" onclick="return form_reset();">
							</td>
						</tr>
					</tbody></table>
				</form>
			</div>
            
            <script>
			function onclick_searchevent()
			{
				jQuery('#regpro_search_head').removeAttr("onclick");
				jQuery('#regpro_search_head').attr("onclick","onclick_searchevent_close()");
				jQuery('#searchevent').slideDown(1000);	
				
			}
			function onclick_searchevent_close(){
				jQuery('#searchevent').slideUp(1000);
				jQuery('#regpro_search_head').removeAttr("onclick");
				jQuery('#regpro_search_head').attr("onclick","onclick_searchevent()");
			}
            jQuery("#eventsearch_form").submit(function(e){
					e.preventDefault();
					jQuery("#searchevent_loader").css("display", "block");
					jQuery('body').addClass('body_loader');
					var url = "https://paulgoodenough.com/Edtech/wp-admin/admin-ajax.php?funct=eventsearch_form";
					
					jQuery.ajax({
						type: "POST",
						url: url,
						data: jQuery("#eventsearch_form").serialize(),
						success: function(data){
							
							jQuery('.start_div').html(data);
							jQuery('#searchevent').slideUp(1000);
							jQuery('#regpro_search_head').removeAttr("onclick");
							jQuery('#regpro_search_head').attr("onclick","onclick_searchevent()");
							jQuery("#searchevent_loader").css("display", "none");
						 	jQuery('body').removeClass('body_loader');
						}
					});
			
				});
				function form_reset(){
					 
				jQuery('#searchevent').slideUp(1000);
				jQuery('#regpro_search_head').removeAttr("onclick");
				jQuery('#regpro_search_head').attr("onclick","onclick_searchevent()");
					}
            </script>
			
            </div>
<div class="start_div">
<script>

	jQuery(document).ready(function() {
		
		var mainarr = [];
					jQuery('#calendar').fullCalendar({
			header: {
                left: 'prev,next today',
                center: 'title',
				right: 'month,agendaWeek,agendaDay,listWeek'
            },
			timeFormat: 'g:i, a', 
            defaultDate:Date(),
			firstDay: 0,
            editable: true,
            eventLimit: true, // allow "more" link when too many events
			
			events: mainarr,
					
			eventRender: function (event, element) {
        		element.attr('href', event.eventurl);
				element.find('.fc-time').html(event.timeFormat);
								element.find('.fc-list-item-time').html(event.timeFormat);
				
  			  },
			  eventMouseover: function(calEvent, jsEvent) {
				var tooltip = '<div class="tooltipevent">'+calEvent.title+'<div class="event_calendar_row"><div id="span_code" class="cal_pop">'+calEvent.spancode+'</div><div class="event_calendar_left_div"><span id="post_img">'+calEvent.postimg+'</span><p id="eventInfo">'+calEvent.description+'</p></div></div></div>';
				var jQuerytooltip = jQuery(tooltip).appendTo('body');
			
				jQuery(this).mouseover(function(e) {
					jQuery(this).css('z-index', 1000);
					jQuerytooltip.fadeIn('500');
					jQuerytooltip.fadeTo('10', 1.9);
				     
				
				}).mousemove(function(e) {
					jQuerytooltip.css('top', e.pageY + -230);
					jQuerytooltip.css('left', e.pageX + -180);
					//jQuerytooltip.css('right', e.pageX + 300);

				});
			},
			
			eventMouseout: function(calEvent, jsEvent) {
				jQuery(this).css('z-index', 8);
				jQuery('.tooltipevent').remove();
			},


		});
		
	});
	 
</script>
<!--<div  id="eventContent" class="tooltipevent" style="display:none; width:350px;height:300px;background:#ccc;position:absolute;z-index:10001;">

	<div class=" event_calendar_row">
            <div id="span_code" class="cal_pop">               
            </div>
            <div class=" event_calendar_left_div"> 
                <span id="post_img"></span>
                <p id="eventInfo"></p>
                <p id="eventLink"></p>
            </div>
   
</div>
</div>-->
<style>
	.fc-widget-content {
   // height: 136px;
   }
   .fc-day-grid-container {
   //height: 817px!important;
	  //  overflow-y: hidden!important;
}
	#calendar {
		 max-width: 100%;
        margin: 40px auto 20px;
        padding: 0px;

	}
	.fc-content{padding:2px;}
	.cal_img img {
		width: 79px;
		height: 36px;
		margin: auto;
	}
	table {
    margin: 0 0 0;
    }
	
	.cal_pop span i{margin-right:5px;}
	th.fc-day-header{font-size:16px;}
	
	.tooltipevent {
		background: #fff;
		border-radius: 5px;
		border: 2px solid #000;
		padding: 18px 15px;
		max-height: 300px;
		width:350px;
		position:absolute;
		z-index:10001; 
		}
	p#eventInfo {
		font-size: 12px;
		
	}
.tooltipevent{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}

</style>

	
	<div id='calendar'></div>
    <div class="category_legends">
      <p>Category Legend</p>
       <ul class="cat_legend">
                 
         </ul>
    </div>
    </div>
	
  	    <div class="plg_footer">
        		                   <div class="plg_footer_left"><a class="export" href="https://paulgoodenough.com/Edtech/erp-rssfeed" target="_blank"><i class="fa fa-rss-square" aria-hidden="true"></i></a> RSS FEED
                   
                   
                   </div>
                                    <div class="plg_footer_right">Event Registration Software Powered By Event Registration Pro</div>
		</div>
</div>{"id":87,"date":"2018-06-12T19:16:40","date_gmt":"2018-06-13T00:16:40","guid":{"rendered":"http:\/\/paulgoodenough.com\/Edtech\/calendar\/"},"modified":"2018-06-12T19:16:40","modified_gmt":"2018-06-13T00:16:40","slug":"calendar","status":"publish","type":"page","link":"https:\/\/paulgoodenough.com\/Edtech\/calendar\/","title":{"rendered":"Calendar"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-87","page","type-page","status-publish","hentry"],"jetpack_shortlink":"https:\/\/wp.me\/P3M65Q-1p","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/paulgoodenough.com\/Edtech\/wp-json\/wp\/v2\/pages\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paulgoodenough.com\/Edtech\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/paulgoodenough.com\/Edtech\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/paulgoodenough.com\/Edtech\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/paulgoodenough.com\/Edtech\/wp-json\/wp\/v2\/comments?post=87"}],"version-history":[{"count":0,"href":"https:\/\/paulgoodenough.com\/Edtech\/wp-json\/wp\/v2\/pages\/87\/revisions"}],"wp:attachment":[{"href":"https:\/\/paulgoodenough.com\/Edtech\/wp-json\/wp\/v2\/media?parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}