/*******************************************************************************
 * Javascript für twGmap02MarkerUndInfo
 ******************************************************************************/

var elementId = "twGmap";  // muss im html an ein <div> als id vergeben werden
var lat       = "46.240652";  // Breitengrad (Latitude) z.B: 51.041
var lon       = "15.086975";  // Längengrad (Longitude) z.B: 13.748
var zoom      = 8;         // einen Wert von 1 bis ca 17 (nicht in "" setzen)


/**
 * Prüft auf kompatiblen Browser und vorhandene Variablen und ruft die
 * Funktion auf, die die GoogleMap erstellt.
 */
function twGmapLoad() {
	if (GBrowserIsCompatible()) {
		if (!document.getElementById(elementId)) {
			alert("Fehler: das Element mit der id "+ elementId+ " konnte nicht auf dieser Webseite gefunden werden!");
			return false;
		} else {
			if (lat=="" || isNaN(lat)) {
				lat = 46.240652;
				alert("Fehler: Der Breitengrad(lat) wurde im Skript nicht korrekt eingetragen!\nEin Defaultwert wird deshalb benutzt!");
			}
			if (lon=="" || isNaN(lon)) {
				lon = "15.086975";
				alert("Fehler: Der Längengrad(lon) wurde im Skript nicht korrekt eingetragen!\nEin Defaultwert wird deshalb benutzt!");
			}
			if (typeof zoom == "undefined") {
				zoom = 3;
				alert("Fehler: Die Zoomstufe wurde im Skript nicht korrekt eingetragen!\nEin Defaultwert wird deshalb benutzt!");
			}
			machTwGmap(elementId, lat, lon, zoom);
		}
	}
}


/**
 * Erstellt die GoogleMap in dem <div>-Bereich mit der übergebenen id
 * @param {Object} id   -im div-Bereich mit dieser id wird die Map dargestellt
 * @param {Object} lat  -Breitengrad
 * @param {Object} lon  -Längengrad
 * @param {Object} zoom -Zoomstufe 1 bis 17 (ganze Welt bis kleiner Ausschnitt)
 */
function machTwGmap(id, lat, lon, zoom) {
	// die Map (für das div mit der id="...")
	var map = new GMap2(document.getElementById(id));
	// mit Zoom (auch noch: GSmallMapControl, GLargeMapControl, GSmallZoomControl, GScaleControl)
	map.addControl(new GLargeMapControl());
	// mit Typ-Auswahl (auch noch: GMapTypeControl, GHierarchicalMapTypeControl, GOverviewMapControl)
	map.addControl(new GMapTypeControl());
	// ((Breitengrad, Längengrad), Zoomstufe, G_NORMAL_MAP/G_SATELLITE_MAP/G_HYBRID_MAP)
	map.setCenter(new GLatLng(lat, lon), zoom, G_NORMAL_MAP);

	// Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers(map);
    // Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers2(map);
    // Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers4(map);
    // Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers5(map);
    // Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers6(map);
    // Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers7(map);
    // Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers8(map);
    // Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers9(map);
    // Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers10(map);
    // Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers11(map);
    // Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers12(map);
    // Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers13(map);
	// Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers14(map);
		// Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers15(map);
		// Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers16(map);
			// Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers17(map);
			// Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers18(map);
				// Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers19(map);
					// Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers20(map);
}


function setTwMarkers(map) {
	var point  = new GPoint(13.848610, 46.377491);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <p class='img'>";
	html += "    <a href='http://www.arso.gov.si/vreme/napovedi%20in%20podatki/kredarica01.jpg' target='_blank' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400;'>";
	html += "      <img src='http://www.arso.gov.si/vreme/napovedi%20in%20podatki/kredarica01.jpg' ";
	html += "           width='160' height='120' alt='Bild' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Triglavski dom na Kredarici 2515 m, na sredini Tosc 2275 m, zadaj Spodnje Bohinjske gore.</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";
 
    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);

    return map;
}

function setTwMarkers2(map) {
    var point  = new GPoint(15.661011, 46.554729);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <p class='img'>";
	html += "    <a href='http://www.maribor.si/spletnakamera/GetImage.aspx?CameraName=MB-GRAJSKI-TRG&CameraParam=MB-GRAJSKI-TRG_PARAM&counter=1239257009675&counter=1239257799531&counter=1256572547930' target='_blank' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400;'>";
	html += "      <img src='http://www.maribor.si/spletnakamera/GetImage.aspx?CameraName=MB-GRAJSKI-TRG&CameraParam=MB-GRAJSKI-TRG_PARAM&counter=1239257009675&counter=1239257799531&counter=1256572547930' ";
	html += "           width='160' height='120' alt='Bild' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Grajski trg</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);
 
    return map;
}

function setTwMarkers4(map) {
    var point  = new GPoint(14.507961, 46.047859);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <p class='img'>";
	html += "    <a href='http://meteo.arso.gov.si/uploads/probase/www/observ/webcam/siwc_ljubljana-bezigrad_s-zoom_48.jpg' target='_blank' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400;'>";
	html += "      <img src='http://meteo.arso.gov.si/uploads/probase/www/observ/webcam/siwc_ljubljana-bezigrad_s-zoom_48.jpg' ";
	html += "           width='160' height='120' alt='Bild' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Ljubljanski grad</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);

    return map;
}

function setTwMarkers5(map) {
    var point  = new GPoint(13.654203, 46.438448);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <p class='img'>";
	html += "    <a href='http://www.promotur.org/piste/img/meteoeye_tarvisio_1.jpg' target='_blank' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400;'>";
	html += "      <img src='http://www.promotur.org/piste/img/meteoeye_tarvisio_1.jpg' ";
	html += "           width='160' height='120' alt='Bild' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Svete Visarje 1766 m</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);

    return map;
}

function setTwMarkers6(map) {
    var point  = new GPoint(13.862686, 46.277207);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <p class='img'>";
	html += "    <a href='http://www.bohinj.si/cam/slika3-3.jpg' target='_blank' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400;'>";
	html += "      <img src='http://www.bohinj.si/cam/slika3-3.jpg' ";
	html += "           width='160' height='120' alt='Bild' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Bohinjsko jezero 527 m</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);

    return map;
}

function setTwMarkers7(map) {
    var point  = new GPoint(14.642372, 46.330810);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <p class='img'>";
	html += "    <a href='http://www.snezni-telefon.si/Images/Kamere/15.jpg' target='_blank' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400;'>";
	html += "      <img src='http://www.snezni-telefon.si/Images/Kamere/15.jpg' ";
	html += "           width='160' height='120' alt='Bild' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Pogled z Velike planine proti Rzeniku in Konju</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);

    return map;
}

function setTwMarkers8(map) {
    var point  = new GPoint(15.284729, 46.068229);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <p class='img'>";
	html += "    <a href='http://meteo.arso.gov.si/uploads/probase/www/observ/webcam/LISCA_dir/siwc_LISCA_w_latest.jpg' target='_blank' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400;'>";
	html += "      <img src='http://meteo.arso.gov.si/uploads/probase/www/observ/webcam/LISCA_dir/siwc_LISCA_w_latest.jpg' ";
	html += "           width='160' height='120' alt='Bild' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Lisca</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);

    return map;
}

function setTwMarkers9(map) {
    var point  = new GPoint(14.469681, 45.716008);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <p class='img'>";
	html += "    <a href='http://212.13.233.83/jpg/dolina.jpg' target='_blank' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400;'>";
	html += "      <img src='http://212.13.233.83/jpg/dolina.jpg' ";
	html += "           width='160' height='120' alt='Bild' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Loska dolina, 580 m</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);

    return map;
}

function setTwMarkers10(map) {
    var point  = new GPoint(15.229454, 46.248725);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <p class='img'>";
	html += "    <a href='http://meteo.arso.gov.si/uploads/probase/www/observ/webcam/CELJE_MEDLOG_dir/siwc_CELJE_MEDLOG_n.jpg' target='_blank' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400;'>";
	html += "      <img src='http://meteo.arso.gov.si/uploads/probase/www/observ/webcam/CELJE_MEDLOG_dir/siwc_CELJE_MEDLOG_n.jpg' ";
	html += "           width='160' height='120' alt='Bild' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Medlog 247 m</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);

    return map;
}

function setTwMarkers11(map) {
    var point  = new GPoint(16.164837, 46.660983);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <p class='img'>";
	html += "    <a href='http://meteo.arso.gov.si/uploads/probase/www/observ/webcam/MURSK-SOB_dir/siwc_MURSK-SOB_nw.jpg' target='_blank' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400;'>";
	html += "      <img src='http://meteo.arso.gov.si/uploads/probase/www/observ/webcam/MURSK-SOB_dir/siwc_MURSK-SOB_nw.jpg' ";
	html += "           width='160' height='120' alt='Bild' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Murska Sobota</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);

    return map;
}

function setTwMarkers12(map) {
    var point  = new GPoint(15.253143, 46.639537);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <p class='img'>";
	html += "    <a href='http://www.s59dau.si/images/slika.jpg' target='_blank' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400;'>";
	html += "      <img src='http://www.s59dau.si/images/slika.jpg' ";
	html += "           width='160' height='120' alt='Bild' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Kapunar</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);

    return map;
}

function setTwMarkers13(map) {
    var point  = new GPoint(13.918047, 45.707438);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <p class='img'>";
	html += "    <a href='http://www.weather-photos.net/ws/webcam.jpg' target='_blank' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400;'>";
	html += "      <img src='http://www.weather-photos.net/ws/webcam.jpg' ";
	html += "           width='160' height='120' alt='Bild' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Zirje pri Sezani 392 m</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);

    return map;
}

function setTwMarkers14(map) {
    var point  = new GPoint(14.108035, 46.366549);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <p class='img'>";
	html += "    <a href='http://www.bled.si/de/imagelib/source/webcam/cam-01.jpg' target='_blank' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400;'>";
	html += "      <img src='http://www.bled.si/de/imagelib/source/webcam/cam-01.jpg' ";
	html += "           width='160' height='120' alt='Bild' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Blejsko jezero</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);

    return map;
}

function setTwMarkers15(map) {
    var point  = new GPoint(13.660013, 45.536557);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <p class='img'>";
	html += "    <a href='http://images.webcams.travel/webcam/1274214955.jpg' target='_blank' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400;'>";
	html += "      <img src='http://images.webcams.travel/webcam/1274214955.jpg' ";
	html += "           width='160' height='120' alt='Bild' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Izola</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);

    return map;
}

function setTwMarkers16(map) {
    var point  = new GPoint(13.731213, 45.548273);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <p class='img'>";
	html += "    <a href='http://images.webcams.travel/webcam/1240940602.jpg' target='_blank' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400;'>";
	html += "      <img src='http://images.webcams.travel/webcam/1240940602.jpg' ";
	html += "           width='160' height='120' alt='Bild' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Koper</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);

    return map;
}

function setTwMarkers17(map) {
    var point  = new GPoint(14.043188, 45.925841);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <p class='img'>";
	html += "    <a href='http://images.webcams.travel/webcam/1240593468.jpg' target='_blank' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400;'>";
	html += "      <img src='http://images.webcams.travel/webcam/1240593468.jpg' ";
	html += "           width='160' height='120' alt='Bild' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Crni Vrh</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);

    return map;
}

function setTwMarkers18(map) {
    var point  = new GPoint(13.791275, 46.011747);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <p class='img'>";
	html += "    <a href='http://images.webcams.travel/webcam/1240593092.jpg' target='_blank' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400;'>";
	html += "      <img src='http://images.webcams.travel/webcam/1240593092.jpg' ";
	html += "           width='160' height='120' alt='Bild' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Lokve</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);

    return map;
}

function setTwMarkers19(map) {
    var point  = new GPoint(13.648287, 45.957233);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <p class='img'>";
	html += "    <a href='http://images.webcams.travel/webcam/1318586398.jpg' target='_blank' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400;'>";
	html += "      <img src='http://images.webcams.travel/webcam/1318586398.jpg' ";
	html += "           width='160' height='120' alt='Bild' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Nova Gorica</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);

    return map;
}

function setTwMarkers20(map) {
    var point  = new GPoint(13.568084, 45.528154);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <p class='img'>";
	html += "    <a href='http://images.webcams.travel/webcam/1318587525.jpg' target='_blank' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400;'>";
	html += "      <img src='http://images.webcams.travel/webcam/1318587525.jpg' ";
	html += "           width='160' height='120' alt='Bild' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Piran</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);

    return map;
}