[##if '[##dt.totals##]' > 1##]
   <h2>[##dt.totals##] Dental Events found</h2>
[##if:else##]
   <h2>[##dt.totals##] Dental Event found</h2>
[##/if##]

<div id="load-waiting" class="center"><img src="{skin_url}/images/app/load-waiting.gif"/></div>

<div class="found-event-detail">
    [##fetch_list dt.events##]
        [##if '{listing_type}' == 'Premium'##]
            <div class="detail-row">
                <div class="colum-date">
                    <span class="month">{start_date.m}</span> <span class="date">{start_date.d}</span> {start_date.y}
                </div>
                <div class="event-content clearfix">
                    [##if '{#register#}' != ''##]
                    <a href="{register}" class="booknow-btn desktop1" target="_blank">Register Online Now</a>
                    [##/if##]
                    <h3><a href="{action}" target="_blank">{name}</a></h3>
                    <p class="desktop1">{summary}</p>
                    <div class="detail-bottom">
                        <a class="more-btn" href="{action}" target="_blank">More info</a>
                        <span class="location">{event_city}, {event_country}</span>
                    </div>
                </div>
                [##if '{#register#}' != ''##]
                <a href="{register}" class="booknow-btn mobile1" target="_blank">Register Online Now</a>
                [##/if##]
                [##if '{#event_banner#}' != ''##]
                <div class="detail-row advertise-content">
                    <a target="_blank" href="{action}"><img src="{event_banner}" alt="" /></a>
                </div>
                [##/if##]
            </div>
        [##if:else##]
            [##if '{listing_type}' == 'Express'##]
                <div class="detail-row">
                    <div class="colum-date">
                        <span class="month">{start_date.m}</span> <span class="date">{start_date.d}</span> {start_date.y}
                    </div>
                    <div class="event-content clearfix">
                        <h3><a class="event-name" href="javascript:void[0]">{name}</a></h3>
                        <p class="desktop1">{summary}</p>
                        <div class="detail-bottom">
                            <a class="more-btn" href="javascript:void[0]">More info</a>
                            
                            <div class="markup_start_date" style="display:none">{start_date.time.first},{start_date.time.second} </div>
							<div class="markup_end_date" style="display:none">{end_date.time.first},{end_date.time.second} </div>
                            
                            
                            <span class="location">{event_city}, {event_country}</span>
                        </div>
                    </div>
                    <div class="more_detail_info">
                        <div class="more_detail_info_left ">
                            <h4>{name}</h4>
                            <ul>
                                <li><label>From:</label><span>{start_date.time.first}<br/>{start_date.time.second}</span></li>
                                <li><label>To:</label><span>{end_date.time.first}<br/>{end_date.time.second}</span></li>
                                [##if '{#event_options#}' != ''##]
                                <li><label>Format:</label><span>{event_options}</span></li>
                                [##/if##]
                            </ul>
                            [##if '{#event_url#}' != ''##]
                            <a href="http://{event_url}" class="website" target="blank">{event_url}</a>
                            [##/if##]
                            
                            
                             <div class="ical_calendar premium" >
										<a href="javascript:void(0)" title="Add to Calendar" class="addthisevent">
												Add to Calendar
												<span class="_start"></span>
												<span class="_end"></span>
												
												<span class="_summary">{name}</span>
												<span class="_location">{event_city}, {event_country}</span>
												
												
												
										</a> 
										
										
									
										
							</div>	
                            
                            
                            
                        </div>
                        <div class="more_detail_info_right f_right">
                            <p>
                                {description}
                            </p>
                        </div>
                    </div>
                </div>
            [##if:else##]
                <div class="detail-row">
                    <div class="colum-date">
                        <span class="month">{start_date.m}</span> <span class="date">{start_date.d}</span> {start_date.y}
                    </div>
                    <div class="event-content clearfix">
                        <h3><a href="{action}" target="_blank">{name}</a></h3>
                        <p class="desktop1">{summary}</p>
                        <div class="detail-bottom">
                            <a class="more-btn" href="{action}" target="_blank">More info</a>
                            <span class="location">{event_city}, {event_country}</span>
                        </div>
                    </div>
                </div>
            [##/if##]
        [##/if##]
    [##/fetch_list##]
</div>

[##if "[##pagination.total_pages##]" > 1##]
    <div class="pagina-box clearfix">
        <ul class="pagination">
            <li>
                <a class="navigate-page [##pagination.prev_class##]" data="prev"><span class="glyphicon glyphicon-chevron-left"></span> Previous</a>
            </li>
            [##fetch_list pagination.links##]
                <li class="{active}"><a class="btn-links" data="{number}">{number}</a></li>
            [##/fetch_list##]
            <li>
                <a class="navigate-page [##pagination.next_class##]" data="next">Next <span class="glyphicon glyphicon-chevron-right"></span></a>
            </li>
        </ul>
        <p class="nav-dash-container">Page [##pagination.current_page##] of [##pagination.total_pages##]</p>
        <input type="hidden" value="[##pagination.current_page##]" id="current_page" name="current_page">
        <input type="hidden" value="[##pagination.total_pages##]" id="total_pages" name="total_pages">
    </div>
[##/if##]

[##if "[##pagination.total_pages##]" < 1##]
    <p class="red">No matching events were found, please search again.</p>
[##/if##]
<script type="text/javascript">  
  
  
  function markup_date_format(date)
				{

					my_format = date.split(',');
					month_date=my_format[1];
					year=my_format[2];
					time=my_format[0].split('-');
					day=time[1].split(',');
					time=time[0];	
					final_format =day+', '+month_date+','+year+time;
					return final_format;
					

				}
  
  
  
  
  var s='';

    jQuery(document).ready(function($){
        $(".pagination .btn-links").click(function(){
             var number = $(this).attr("data");
             $.fn.goto_page(number);
        });
        $(".pagination .navigate-page").click(function(){
             if($(this).hasClass("disabled")){
                 return;
             }
             var cmd = $(this).attr("data");
             $.fn.navigate_page(this,cmd);
        });
        
        $(".event-content a.event-name").click(function(){
            var row = $(this).parents('.detail-row');
            var more_btn = $(row).find(".detail-bottom a.more-btn");
            $(more_btn).click();
        });
        
        $(".detail-bottom a.more-btn").click(function(){
			
			
			$('.ical_calendar span._start').html('');
			$('.ical_calendar span._end').html('');
			$('.addthisevent_dropdown').remove();
			$('.ical_calendar .addthisevent-drop').removeAttr('id').addClass('addthisevent').removeClass('addthisevent-drop');
			
			if(s!='')
			{
			
				$('#ical_markup_script').remove();
				
				
				
			}
			
			

			
			start_dateFormat = $(this).parent().find('.markup_start_date').html();
			start_dateFormat = markup_date_format(start_dateFormat);
			custom_time = custom_time_format(start_dateFormat);
			start_time = jQuery.datepicker.formatDate('d-m-y', new Date(start_dateFormat)) ;
			
			
			
			start_time= start_time+" "+custom_time;
			$(this).parents().find('.ical_calendar').show('slow');
			$(this).parents().find('span._start').html(start_time);
			
			
			
			
			end_dateFormat = $(this).parent().find('.markup_end_date').html();
			end_dateFormat = markup_date_format(end_dateFormat);
			custom_time = custom_time_format(end_dateFormat);
			
			
			end_time = $.datepicker.formatDate('d-m-y', new Date(end_dateFormat)) ;
			end_time= end_time+" "+custom_time;
			$(this).parents().find('span._end').html(end_time);
		
				
				s = document.createElement("script");
				s.type = "text/javascript";
				s.src = "https://addthisevent.com/libs/1.5.8/ate.min.js";
				s.id = "ical_markup_script";
				// Use any selector
				$("body").append(s);
				
			
			
			
			if($(this).hasClass('active')){
				$('.found-event-detail .event-content .more-btn').removeClass('active');
				$('.more_detail_info').slideUp('slow');
			}else{
				$('.found-event-detail .event-content .more-btn').removeClass('active');
				$('.more_detail_info').slideUp('slow');
				$(this).addClass('active');
				$(this).parents().next('.more_detail_info').slideDown('slow');
			}
            
        });
    });

</script>