{% if CALENDAR %}
	<div id="index-calendar">
		{% if S_WEEK_OR_NEXT == 1 ||  S_WEEK_OR_NEXT == 3 %}
			{% if S_WEEK_ON_PHONE == 0 %}<div class="phone">{% endif %}
			<div class="week-title">{{ lang('CALENDAR_WEEKLY_OVERVIEW') }}</div>
			<div class="week">
				{% for day in loops.day %}
					<div class="wday {{ day.BG }} {{ day.TODAY }}">
							<div class="kday">
								<div class="day">{{ day.WD }}, {{ day.DATE }}
								{% if day.HDAY %}
								, {{ day.HDAY }}
								{% endif %}
								</div>
							</div>
							<div class="sday">
								<div class="cal-day"><div style="text-align:center;">{{ day.WD }}</div>{{ day.DATE }}  {{ day.HDAY }}</div>
							</div>
							{% EVENT hjw_calendar_event_bevor %}
							{% for cdh in day.cdh %}
								{% if cdh.EVENT_NAME %}
									<span class="sday">{{ cdh.TIME }}
										{% if cdh.LINK %}<a{% else %}<span{% endif %} class="{{ cdh.EVENTBG }}" style="{% if cdh.COLOR %}color:#{{ cdh.COLOR }};{% endif %}{% if cdh.BCOLOR %}background-color:#{{ cdh.BCOLOR }};{% endif %}{% if cdh.BIG %}font-weight:bold;{% endif %}"{% if cdh.EVENT_TITLE %} title="{{ cdh.EVENT_TITLE }}{% if cdh.PART %}{{ cdh.TR }}{{ cdh.PART }}{% endif %}"{% endif %}{% if cdh.LINK %} href="{{ cdh.LINK }}"{% endif %} >
										 {{ cdh.EVENT_NAME }}{% if cdh.NR %} [{{ cdh.NR }}]{% endif %}
										{% if cdh.LINK %}</a>{% else %}</span>{% endif %}
									</span>
									<span class="kday">{{ cdh.TIME }}
										{% if cdh.LINK %}<a{% else %}<span{% endif %} class="{{ cdh.EVENTBG }}" style="line-height:2em;{% if cdh.COLOR %}color:#{{ cdh.COLOR }};{% endif %}{% if cdh.BCOLOR %}background-color:#{{ cdh.BCOLOR }};padding:0 5px;{% endif %}{% if cdh.BIG %}font-weight:bold;{% endif %}"{% if cdh.LINK %} href="{{ cdh.LINK }}"{% endif %} >
										{{ cdh.EVENT_TITLE }} {% if cdh.NR %}[{{ cdh.NR }}]{% endif %} 
										{% if cdh.LINK %}</a>{% else %}</span>{% endif %}
									</span>
									<br />
								{% endif %}
							{% endfor %}
						</div>
					{% if day.I == 6 %}
						</div>
						<div class="week">
					{% endif %}
				{% endfor %}	
			</div>
			{% if !S_WEEK_ON_PHONE %}</div>{% endif %}
		{% endif %}
		{% if S_WEEK_OR_NEXT == 2 || S_WEEK_OR_NEXT == 3 %}
			{% if S_NEXT_ON_PHONE == 0 %}<div class="phone">{% endif %}
			<div class="week-title">{{ lang('CALENDAR_UPCOMING_DATES') }}</div>
			<div class="event">
				{% for event in loops.event %}
					<div class="event-box {{ event.BG }} {{ event.TODAY }}">
						
							<div class="kday">
								<div class="day">
									{% if event.WD %}
										{{ event.WD }},
									{% endif %}
										{{ event.DATE }}
									{% if event.HDAY && !event.DATE_TO %}
										, {{ event.HDAY }}
									{% endif %}
									{% if event.DATE_TO %}
										-
									{% endif %}
									{% if event.WD_TO %}
										{{ event.WD_TO }},
									{% endif %}
									{% if event.DATE_TO %}
										{{ event.DATE_TO }}
									{% endif %}
								</div>
							</div>
							<div class="sday">
								<div class="cal-day">
								{% if HD %}
									{{ event.HDAY }}<br />
								{% endif %}
								{{ event.DATE }}<br />
							</div>
						</div>

						<span class="sday">
							{% if event.LINK %}<a{% else %}<span{% endif %} class="{{ event.EVENTBG }}" Style="{% if event.COLOR %}color:#{{ event.COLOR }};{% endif %}{% if event.BCOLOR %}background-color:#{{ event.BCOLOR }};padding:0 5px;{% endif %}{% if event.BIG %}font-weight:bold;{% endif %}"{% if event.EVENT_TITLE %} title="{{ event.EVENT_TITLE }}{% if event.PART %}{{ event.TR }}{{ event.PART }}{% endif %}"{% endif %}{% if event.LINK %} href="{{ event.LINK }}"{% endif %} >
							{{ event.EVENT_NAME }}{% if event.NR %} [{{ event.NR }}]{% endif %}
							{% if event.LINK %}</a>{% else %}</span>{% endif %}
						</span>
						<span class="kday">
							{% if event.LINK %}<a{% else %}<span{% endif %} class="{{ event.EVENTBG }}" style="line-height:2em;{% if event.COLOR %}color:#{{ event.COLOR }};{% endif %}{% if event.BCOLOR %}background-color:#{{ event.BCOLOR }};padding:0 5px;{% endif %}{% if event.BIG %}font-weight:bold;{% endif %}"{% if event.LINK %} href="{{ event.LINK }}"{% endif %} >
							{{ event.EVENT_TITLE }} {% if event.NR %}[{{ event.NR }}]{% endif %} 
							{% if event.LINK %}</a>{% else %}</span>{% endif %}
						</span>
						{% if event.DATE_TO %}
							<div class="sday">
								<div class="cal-day">{{ event.DATE_TO }}</div>
							</div>
						{% endif %}
					</div>
					{% if event.BREAK %}
						</div>
						<div class="event">
					{% endif %}
				{% endfor %}
			</div>
			<div style="clear:left"></div>
			{% if !S_NEXT_ON_PHONE %}</div>{% endif %}
		{% endif %}
	</div>
{% endif %}