[[if !eventDate::inPhase("PHASE_BEFORE")]]

<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false&key=AIzaSyA0Exvq0MyrhP2taw2z45bpMyV_xKbRkXA&language=[[eventTranslator::getLanguage()]]"></script>
<script type="text/javascript">
  var directionDisplay;
  var directionsService = new google.maps.DirectionsService();
  var geocoder;
  var map;
  var infowindow;

  $(document).ready(function() {
initialize();
  });

  function initialize() {
  directionsDisplay = new google.maps.DirectionsRenderer();
  geocoder = new google.maps.Geocoder();
  var latlng = new google.maps.LatLng([[GMAPS_CENTER_LAT]], [[GMAPS_CENTER_LNG]]); // GMAPS_CENTER_LAT, GMAPS_CENTER_LNG
  var myOptions = {
  zoom: [[GMAPS_ZOOM]], // GMAPS_ZOOM
  center: latlng,
  mapTypeControl: true,
  mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
  mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  directionsDisplay.setMap(map);
  directionsDisplay.setPanel(document.getElementById("directionsPanel"));
  }
  
  function addPoint(lat, lng, info, htmlextention) {
  var point = new google.maps.LatLng(lat, lng);
  var marker = new google.maps.Marker({
  position: point,
  map: map
  });
  
  var iwContent = '<div style=""><h3>' + info + '</h3>'+htmlextention+'</div>';
  
  infowindow = new google.maps.InfoWindow({
content: iwContent

  });

  google.maps.event.addListener(marker, 'click', function() {
  infowindow.setContent(iwContent);
  infowindow.open(map, marker);  
  });
  }
  
  function calcRoute() {
  var origin = document.getElementById("origin").value;
  var destination = new google.maps.LatLng(document.getElementById("lat").value, document.getElementById("lng").value);
  var request = {
  origin:origin, 
  destination:destination,
  travelMode: google.maps.DirectionsTravelMode.DRIVING,
  unitSystem: google.maps.DirectionsUnitSystem.METRIC,
  provideRouteAlternatives: true
  };
  directionsService.route(request, function(result, status) {
  if (status == google.maps.DirectionsStatus.OK) {
  directionsDisplay.setDirections(result);
  }
  });
  }
  
 function codeAddress(address) {
 if (geocoder) {
 geocoder.geocode( { 'address': address }, function(results, status) {
 if (status == google.maps.GeocoderStatus.OK) {
 map.setCenter(results[0].geometry.location);
 var marker = new google.maps.Marker({
 map: map, 
 position: results[0].geometry.location
 });
 $.ajax({
 url: '/veranstaltungen/google-maps-ajax-geo-cache',
 data: "lat="+results[0].geometry.location.lat()+"&lng="+results[0].geometry.location.lng()+"&addr="+address
 }).done(function(msg) {
 //alert(msg);
 });
 } else {
 //alert("Geocode was not successful for the following reason: " + status);
 }
 });
 }
}

</script>

<!-- Anfang Suche -->
<br />
[[form style="display:inline"]]
[[input type="hidden" name="search" value=search]]
[[input type="hidden" name="tdl_id" value=eventDate::getID()]]
[[input type="hidden" name="place" value=place]]
<!--[[input type="hidden" name="letter" value="all"]]-->
[[input type="hidden" name="action" value="search"]]


[[setglobal countries=loadCountryList(eventTranslator::getLanguage())]]
[[setglobal lng_please="Bitte w&auml;hlen"]]
<div class="search_box" style="background-repeat:repeat-x; background-color:#FE6600;">
<div style="float:left; width:100%; margin: 5px;">
<div style="float:left; width:50%;">
<div style="float:left; width:58px; margin: 3px;">[[eventTranslator::get('Land')]]:</div>
<select style="width:160px; font-size:11px;" name="country" style="width:191px;" onchange="if(this.value==81) {$('#postleitzahl').css('display', 'block')} else {$('#postleitzahl').css('display', 'none')};">
<option value="0">[[eventTranslator::get(lng_please)]]</option>
[[for var="land" in=countries]]
<option value="[[land{'countries_id'}]]"[[if land{'countries_id'} == country]] selected[[/if]]>[[land{'countries_name'}]]</option>
[[/for]]
</select>
</div>
<div style="float:left; width:50%; [[if country != 81]]display:none;[[/if]]" id="postleitzahl">
<div style="float:left; width:[[eventTranslator::get('68')]]px; margin: 3px;">[[eventTranslator::get('PLZ')]]:</div>
[[input type="select" style="width:160px; font-size:11px;" name="ziparea" 
values="-99999|00000|10000|20000|30000|40000|50000|60000|70000|80000|90000"
options=eventTranslator::get(lng_please)."|00000 - 09999|10000 - 19999|20000 - 29999|30000 - 39999|40000 - 49999|50000 - 59999|60000 - 69999|70000 - 79999|80000 - 89999|90000 - 99999"
selected=ziparea]]
</div>
</div>
<div style="float:left; width:100%; margin: 5px;">
<div style="float:left; width:50%;">
<div style="float:left; width:58px; margin: 3px;">[[eventTranslator::get('Ort')]]:</div>
[[input type="text" name="eventplace" style="width:150px;" value=eventplace]]
</div>
<div style="float:left;">
<div style="float:left; width:[[eventTranslator::get('68')]]px; margin: 3px;">[[eventTranslator::get('Zielgruppe')]]:</div>
[[input type="select" style="width:160px; font-size:11px;" id="zielgruppe" name="targetgroup" 
values="0|1|2|3|4"
options=eventTranslator::get(lng_please)."|".eventTranslator::get('Schüler&#58;innen')."|".eventTranslator::get('Studierende')."|".eventTranslator::get('Fachpublikum')."|".eventTranslator::get('Allgemeine&nbsp;&Ouml;ffentlichkeit')
selected=targetgroup]]
</div>
</div>
<div style="float:left; width:100%; margin: 5px;">
<div style="float:left; width:50%;">
<div style="float:left; width:58px; margin: 3px;">[[eventTranslator::get('Uhrzeit')]]:</div>
[[setglobal lng_uhr=eventTranslator::get('Uhr')]]
[[input type="select" style="width:160px; font-size:11px;" id="eventtime" name="eventtime" 
values="|1|2|3|4|5"
options=eventTranslator::get(lng_please)."|06:00 ".lng_uhr." - 09:00 ".lng_uhr."|09:00 ".lng_uhr." - 12:00 ".lng_uhr."|12:00 ".lng_uhr." - 15:00 ".lng_uhr."|15:00 ".lng_uhr." - 18:00 ".lng_uhr."|18:00 ".lng_uhr." - 21:00 ".lng_uhr
selected=eventtime]]
</div>
<div style="float:left;">
<div style="float:left; width:[[eventTranslator::get('68')]]px; margin: 3px;">[[eventTranslator::get('Freitext')]]:</div>
[[input type="text" style="width:150px; font-size:11px;" id="freitext" name="freetext" value=freetext]]
</div>
</div>
<div style="float:left; width:100%; margin: 5px;">
<div style="float:left; width:50%;">
<div style="float:left; width:150px; margin: 0px 5px 0 0;"><label for="nosubscription">[[eventTranslator::get('Ohne&nbsp;Anmeldepflicht')]]</label>:</div>
[[if nosubscription]]
[[input id="nosubscription" type="checkbox" name="nosubscription" value="1" checked="checked"]]
[[else]]
[[input id="nosubscription" type="checkbox" name="nosubscription" value="1"]]
[[/if]]
</div>
</div>
<div style="float:left; width:100%; margin: 5px;">
<div style="float:left; width:50%;">
<div style="float:left; width:150px; margin: 0px 5px 0 0;"><label for="freeplaces">[[eventTranslator::get('Mit&nbsp;freien&nbsp;Pl&auml;tzen')]]</label>:</div>
[[if freeplaces]]
[[input id="freeplaces" type="checkbox" name="freeplaces" value="1" checked="checked"]]
[[else]]
[[input id="freeplaces" type="checkbox" name="freeplaces" value="1"]]
[[/if]]
</div>
<div style="float:right; margin-left:20px;">
<div style="float:left; margin-right: 5px;">
<input class="button" type="button" style="margin-top:-5px;" value="eventTranslator::get('Alle anzeigen') ([[do command=countEvents(eventDate::getId())]])" onclick="javascript: document.location.href='/[[id]]_[[languageid]]?letter=all' ">
</div>
<div style="float:left; text-align:right; margin-right:45px;">
[[input type="submit" value=eventTranslator::get('Suche') class="button" style="margin-top:-5px;"]]
</div>
</div>
</div>

</div>
[[/form]]
<!-- Ende Suche -->
<br style="clear: both;">
<!-- Anfang kein Ergebnis -->
[[if !events]]
<div style="background-color: #FFBD9E; padding:8px;">
<h3>[[eventTranslator::get('Es&nbsp;wurden&nbsp;keine&nbsp;Veranstaltungen')]]
[[set targets=array("", "Schüler&#58;innen", "Studierende", "Fachpublikum", "Allgemeine &Ouml;ffentlichkeit")]]
[[if ((ziparea || ziparea == '0') && targetgroup && ziparea < 999999 && ziparea > 0)]]
[[eventTranslator::get('f&uuml;r&nbsp;den&nbsp;Postleitzahlenbereich')]] [[ziparea]] - [[set ziparea=ziparea+9999]][[ziparea]] und der Zielgruppe [[targets{'targetgroup'}]]
[[else]]
[[if ((ziparea || ziparea == '0') && ziparea < 999999 && ziparea > 0)]]
[[eventTranslator::get('f&uuml;r&nbsp;den&nbsp;Postleitzahlenbereich')]] [[if (ziparea == '0')]]00000 - 09999[[else]][[ziparea]] - [[set ziparea=ziparea+9999]][[ziparea]][[/if]]
[[else]]
[[if targetgroup]]
[[eventTranslator::get('f&uuml;r&nbsp;die&nbsp;Zielgruppe')]] [[targets{targetgroup}]]
[[else]]
[[if eventplace]]
[[eventTranslator::get('f&uuml;r&nbsp;den&nbsp;Ort')]] [[eventplace]]
[[/if]]
[[/if]]
[[/if]]
[[/if]]
[[eventTranslator::get('gefunden')]].</h3>
</div>
[[/if]]
<!-- Ende kein Ergebnis -->

<!-- Anfang Karte -->

[[if events]]
[[set tmp_events = events]]
[[setglobal data = array()]]
[[for var="event" in=events]]
[[setglobal tmp_name = htmlspecialchars(md5(strtolower(event{'eventplace'}.event{'eventstr'}.event{'eventnr'})))]]
[[setglobal data{tmp_name}{'eventplace'} = event{'eventplace'}]]
[[setglobal data{tmp_name}{'eventstr'} = event{'eventstr'}]]
[[setglobal data{tmp_name}{'eventnr'} = event{'eventnr'}]]
[[setglobal data{tmp_name}{'eventzip'} = event{'eventzip'}]]
[[setglobal data{tmp_name}{'country'} = '']]
[[if data{tmp_name} && is_array(data{tmp_name}{'events'})]]
[[setglobal tmp_events_count = count(data{tmp_name}{'events'})]]
[[else]]
[[setglobal data{tmp_name}{'events'} = array()]]
[[setglobal tmp_events_count = '0']]
[[/if]]
[[setglobal tmp_array = array]]
[[setglobal tmp_array{'id'} = event{'id'}]]
[[setglobal tmp_array{'title'} = event{'title'}]]
[[setglobal tmp_array{'company'} = event{'company'}]]
[[setglobal data{tmp_name}{'events'}{tmp_events_count} = tmp_array]]
[[/for]]
[[/if]]
[[if events && sizeof(data)]]
<table cellspacing="0" cellpadding="0" class="factsTable">
<thead>
<tr>
<td>
<h2>[[eventTranslator::get('Veranstaltungskarte')]]</h2>
</td>
</tr>
</thead>
<tbody>
<tr>
<td style="height:400px;padding:0px;">
<div style="position: absolute; z-index: 10;">
<div id="map_canvas" style="position: relative; width: 568px; height: 400px; margin: 0px 0 2px 0;"></div>
</div>
</td>
</tr>
</tbody>
</table>
[[if data]]
[[for var="key,contentArr" in=data]]
[[setglobal contentArr=data{key}]]
[[setglobal place = mysqlEscapeString(strtolower(contentArr{'eventstr'} . ' ' . contentArr{'eventnr'} . ',' . contentArr{'eventzip'} . ' ' . contentArr{'eventplace'}))]]
[[setglobal maps_query = 'SELECT * FROM evp_events_gmaps WHERE lat!=-1 && lng!=-1 && place = "'.strtolower(trim(place)).'"']]
[[query var="maps" datasource="default" execute=maps_query]]
[[if sizeof(maps) < 1]]
<script type="text/javascript">
$(document).ready(function() {
codeAddress("[[contentArr{'eventstr'}]] [[contentArr{'eventnr'}]],[[contentArr{'eventzip'}]] [[contentArr{'eventplace'}]]");
});
</script>
[[else]]
[[if maps{0}{'lat'} != -1 || maps{0}{'lng'} != -1 ]]
[[setglobal htmlExtension = '<div>']]
[[setglobal htmlExtension = htmlExtension . '<b>' . count(contentArr{'events'}) . ' ' . 
(count(contentArr{'events'}) > 1 ? 
'Veranstaltungen' : 
'Veranstaltung' ) . '</b><br />']]
[[setglobal htmlExtension = htmlExtension . '<ul>']]
[[for var="ev" in=contentArr{'events'}]]
[[setglobal url = 'veranstaltung/' . ev{'id'} . '/' . urlencode(ev{'title'})]]
[[setglobal htmlExtension = htmlExtension . '<li><a href=\'/' . url . '\'>' . htmlspecialchars(ev{'title'}) . '</a><br />(' . htmlspecialchars(ev{'company'}) . ')</li>']]
[[/for]]
[[setglobal htmlExtension = htmlExtension . '</ul><br />']]
[[setglobal htmlExtension = htmlExtension . '</div>']]
<script type="text/javascript">
$(document).ready(function() {
[[setglobal url= '<a href=\'?eventplace=' . urlencode(contentArr{'eventplace'}) . '&eventstr=' . urlencode(contentArr{'eventstr'}) . '&eventnr=' . urlencode(contentArr{'eventnr'}) . '&route=true&lat=' . maps{0}{'lat'} . '&lng=' . maps{0}{'lng'} . '#events\'>' . htmlspecialchars(contentArr{'eventstr'}) . ' ' . htmlspecialchars(contentArr{'eventnr'}) . ', ' . htmlspecialchars(contentArr{'eventzip'}) . ' ' . htmlspecialchars(contentArr{'eventplace'}) . '</a>']]
addPoint("[[maps{0}{'lat'}]]", "[[maps{0}{'lng'}]]", "[[url]]", "[[htmlExtension]]");
});
</script>
[[/if]]
[[/if]]                                                                                                                                
[[/for]]
[[/if]]
[[/if]]
<!-- Ende Karte -->

<a name="events"></a>
[[if tmp_events]]
<!-- Anfang Register -->
[[include path="/TDL Include/Alphabetisches Register"]]
<!-- Ende Register -->
<!-- Anfang Events -->
[[set events = tmp_events]]
<div class="datarowheader" style="margin-top:15px;">
<div class="data_col" style="width:10px; padding-left:5px">&nbsp;</div>
<div class="data_col" style="width:120px; padding-left:6px"><strong>[[eventTranslator::get('Hauptveranstalter')]]</strong></div>
<div class="data_col" style="width:220px"><strong>[[eventTranslator::get('Titel&nbsp;der&nbsp;Veranstaltung')]]</strong></div>
<div class="data_col" style="width:149px"><strong>[[eventTranslator::get('Ort')]]</strong></div>
</div>

<script language="javascript" type="text/javascript">
$(document).ready(function () {
// if user clicked on button, the overlay layer or the dialogbox, close the dialog
$('a.button, #dialog-overlay').click(function () {
$('#dialog-overlay, #dialog-box').hide();
return false;
});

// if user resize the window, call the same function again
// to make sure the overlay fills the screen and dialogbox aligned to center
$(window).resize(function () {
//only do it if the dialog box is not hidden
if (!$('#dialog-box').is(':hidden')) popup();
});
});

//Popup dialog
function popup(trigger, message) {
// get the screen height and width  
var maskHeight = $(window).height();  
var maskWidth = $(window).width();
// calculate the values for center alignment
var dialogTop =  (maskHeight/3);  
var dialogLeft = (maskWidth/2) - ($('#dialog-box').width()/2); 
// assign values to the overlay and dialog box
$('#dialog-overlay').css({height:maskHeight, width:maskWidth}).show();
$('#dialog-box').css({top:dialogTop, left:dialogLeft}).show();

// display the message
$('#dialog-message').html(message);
}
</script>
[[setglobal eventHelper = EventHelper(eventTranslator)]]
[[for var="event" in=events]]
[[set event_id=event{'id'}]]
[[set url=urlencode(str_replace("&", "_and_", str_replace("?", "___", event{'title'})))]]

<div class="datarow[[if even]]0[[else]]1[[/if]]" onMouseover="this[\'olbckclr\']=this.style.backgroundColor;this.style.backgroundColor=\'#cbc9dd\';" onMouseOut="this.style.backgroundColor=this[\'olbckclr\']">
<div class="data_col" style="width:12px; padding:5px 0px 5px 8px;">
[[if !eventDate::inPhase("PHASE_REVIEW")]]
<img src="/static/images/events/point_[[eventHelper::getTrafficLights(event_id)]].gif" title="[[eventHelper::getTrafficDesc(event_id)]]" alt="[[eventHelper::getTrafficDesc(event_id)]]" style="padding-top:3px;">
[[/if]]
</div>
[[if (event{'company'})]]
<div class="data_col" style="width:120px; padding-left:6px">[[event{'company'} map="htmlspecialchars(self)"]]</div>
[[else]]
<div class="data_col" style="width:120px; padding-left:6px">[[event{'agency'} map="htmlspecialchars(self)"]]</div>
[[/if]]

<div class="data_col" style="width:220px"><a  href="/[[if languageid == 1]]Veranstaltung[[else]]en/event[[/if]]/[[event{'id'}]]/[[url]]">[[event{'title'}]]</a></div>
<div class="data_col" style="width:149px">[[event{'eventzip'} map="htmlspecialchars(self)"]] [[event{'eventplace'} map="htmlspecialchars(self)"]][[if event{'eventcountry'}]][[set country_id=event{'eventcountry'}]][[set country=countries{country_id}]], [[country{'countries_name'}]][[/if]]
</div>
</div>
[[/for]]

[[if route && lat && lng]]
<p>&nbsp;<p>
<div class="block">
<div class="blue teaserHeadbar" style="width: 552px">[[eventTranslator::get('Route&nbsp;berechnen')]]</div>
<div class="content" style="float:left; width: 550px; padding: 4px 7px;  border: 1px solid #153450">
[[eventTranslator::get('von')]]
<input id="origin" type="text" value="">
<input id="lat" type="hidden" value="[[lat]]">
<input id="lng" type="hidden" value="[[lng]]">
[[eventTranslator::get('zur&nbsp;Veranstaltung')]]
<input type="button" value="[[eventTranslator::get('Route&nbsp;berechnen')]]" onclick="calcRoute()" class="button" style="display:inline;">
<div id="directionsPanel" style="margin: 10px 0 0 0;"></div>
</div>
</div>
[[/if]]
<!-- Anfang Register -->
[[include path="/TDL Include/Alphabetisches Register"]]
<!-- Ende Register -->
[[if !eventDate::inPhase("PHASE_REVIEW")]]
<p>&nbsp;<p>
<div class="block">
<div class="blue teaserHeadbar" style="width:257px;">[[eventTranslator::get('Legende')]]</div>
<div class="content" style="float:left; width:255px; height:110px; padding: 4px 7px; border: 1px solid #153450">
[[setglobal colours=eventHelper::getAllColours()]]
[[for var="colour" in=colours]]
<div style="padding:2px;">
<img src="/static/images/events/point_[[colour]].gif" 
title="[[eventHelper::getTrafficDescByColour(colour)]]" 
alt="[[eventHelper::getTrafficDescByColour(colour)]]"> 
<nobr>[[eventHelper::getTrafficDescByColour(colour)]]</nobr>
</div>
[[/for]]
</div>
<div style="width:271px; float:right; margin: -23px 0px 0px 20px;">
<div class="blue teaserHeadbar" style="width:257;">[[eventTranslator::get('PDF-Download')]]</div>
<div class="content" style="float:left; width:255px;  height:110px; padding: 4px 7px; border: 1px solid #153450">
<div style="width:30px; float:left; margin: 3px 0px 0px 0px;">
[[setglobal pdf_url= '/veranstaltungen/programm-pdf-export?tdl_id=' . eventDate::getID() . '&freeplaces=' . freeplaces . '&nosubscription=' . nosubscription . '&freetext=' . freetext . '&ziparea=' . ziparea . '&targetgroup=' . targetgroup . '&eventplace=' . eventplace . '&country=' . country. '&search=' . search . '&eventtime=' . eventtime]]
<a href="[[pdf_url]]">
<img border="0" src="/static/images/pdf_icon.gif">
</a>
</div>
<div style="width:220px; float:left; margin: 3px 0px 0px 0px;">
<a href="[[pdf_url]]">
[[setglobal lng_pdf_text="haben Sie die M&ouml;glichkeit, sich entweder die gesamte Veranstaltungsliste oder die Ergebnisse Ihrer Veranstaltungssuche als PDF herunterzuladen"]]
[[eventTranslator::get('Hier')]]</a> [[eventTranslator::get(lng_pdf_text)]].
</div>
</div>
</div>
</div>
<br style="clear:both;">
[[/if]]
[[/if]]
<!-- Ende Events -->
[[/if]]