//---------------------------------------------------------------------------
$(document).ready(function()
{
	//Hinweis für IE < 7
	//if($.browser.msie && jQuery.browser.version.substr(0,1) < 8)
 if($.browser.msie && parseInt(jQuery.browser.version.substr(0,2)) < 8)
	{
		var text = "Hinweis: Sie verwenden einen veralteten Browser (Internet Explorer 7 oder älter), ";
		text += "der nicht mehr alle Funktionen des DEBInet-Kalenders unterstützt. ";
		text += "Bitte aktualisieren Sie Ihren Browser. Dies ist kostenlos auf der ";
		text += "<a href=\"http://www.microsoft.com/germany/windows/internet-explorer/\" rel=\"nofollow\" target=\"_blank\">Microsoft-Homepage</a> möglich.";
		
		$("#einleitung").after("<p style=\"background-color:#FFCC99; margin-bottom:15px; padding:5px;\">" + text + "</p>");
		$(".moreText").css("font-size", "100%");
		//alle anzeigen, damit überhaupt was sichtbar, da IE7 Probleme  mit .next() hat
		$(".moreText").show("fast");
		$(".moreLink").addClass("moreLinkActive");
	}
	
	//$('#filter').css("display", "none"); doch gleich sichtbar
	$("#filter").corner("4px");
	
	$.datepicker.setDefaults($.datepicker.regional['de']);
	$("#datumVon").datepicker({ minDate:new Date() });
	$("#datumBis").datepicker({	minDate:new Date() });
	//---------------------------------------------------------------------------
	$('#showFilter').click(function(event)
	{
		var isVisible = $('#filter').css("display");
		
		if(isVisible == 'none')
		{
			$('#showFilter a').text("Filter ausblenden");
			$('#filter').slideDown();
			$(this).css("background-image", "url(images/filter-no.png)");
		}
		else
		{
			$('#showFilter a').text("Filter anzeigen");
			$('#filter').slideUp();
			$(this).css("background-image", "url(images/filter.png)");
		}
		
		//wichtig wegen # in url, um das Standardverhalten zu unterdrücken (würde sonst an den Seitenanfang springen)
		return false;
	});
	//---------------------------------------------------------------------------
	$('#BFiltern').click(getData);
	//---------------------------------------------------------------------------
	$("#BFilterReset").click(function(event)
	{
		//kleiner Würgaround: Zeitgeschichten in Javascript umständlich
		$('#datumVon').val($('#datumVonOrg').val());
		$('#datumBis').val($('#datumBisOrg').val());
		$('#veranstalter option:first').attr("selected", "selected");
		$('#ort option:first').attr("selected", "selected");
		
		getData();
		$("#dateError").empty();
	});
	//---------------------------------------------------------------------------
	function getData()
	{
		$.getJSON("ajax/getTermine.php", $("#terminForm").serialize(), function(json)
		{
			$('#terminContent').empty();
			var terminIDString = "";
			
			//length > 0 geht net, da immer > 1
			if(json[0].terminID != -1)
			{
				var currentMonat = "";
				var treffer = (json.length == 1) ? "1 Termin gefunden" : json.length + " Termine gefunden";
				//$('#terminContent').append("<p id=\"trefferCount\">" + treffer + "</p>");
				$('#trefferCount').text(treffer);
				
				for(var i = 0; i < json.length; i++)
				{
					//bei jedem Monatswechsel Überschrift dazu
					if(currentMonat != json[i].monat)
					{
						$('#terminContent').append("<h3 class=\"terminMonat\">" + json[i].monat + " " + json[i].jahr + "</h3>");
						currentMonat = json[i].monat;
					}
					
					var terminID = json[i].terminID;
					terminIDString += terminID + "-";
					var terminOrt = "<dt>" + json[i].terminOrt + "</dt>";
					var terminName = "<dd class=\"moreLink\"><a href=\"#\">" + json[i].terminName + "</a></dd>";
					
					$('#terminContent').append(terminOrt);
					$('#terminContent').append(terminName);
					
					//Zusatz-Content
					var moreText = "<div class=\"moreText\">";
					moreText+= 				"<table width=\"100%\" border=\"0\" bgcolor=\"#FFFFCC\">";
					moreText+= 				"	<tr>";
					moreText+= 				"		<td width=\"25%\" valign=\"top\">Beschreibung:</td>";
					moreText+= 				"		<td width=\"65%\">" + json[i].beschreibung + "</td>";
					moreText+= 				"		<td width=\"10%\"></td>";
					moreText+= 				"	</tr>";
					moreText+= 				"	<tr>";
					moreText+= 				"		<td>Veranstalter:</td>";
					moreText+= 				"		<td><a href=\"" + json[i].url + "\" target=\"_blank\">" + json[i].veranstalter + "</a></td>";
					moreText+= 				"		<td></td>";
					moreText+= 				"	</tr>";
					moreText+= 				"	<tr>";
					moreText+= 				"		<td>Beginn:</td>";
					moreText+= 				"		<td>" + json[i].datumBeginn + ", " + json[i].uhrzeitBeginn + "</td>";
					moreText+= 				"		<td>&nbsp;</td>";
					moreText+= 				"	</tr>";
					moreText+= 				"	<tr>";
					moreText+= 				"		<td>Ende:</td>";
					moreText+= 				"		<td>" + json[i].datumEnde + ", " + json[i].uhrzeitEnde + "</td>";
					moreText+= 				"		<td>&nbsp;</td>";
					moreText+= 				"	</tr>";
					
					if(json[i].fileName != "" && json[i].fileName != null)
					{
						moreText+= 				"	<tr>";
						moreText+= 				"		<td>Programm (pdf):</td>";
						moreText+= 				"		<td><a href=\"files/" + json[i].fileName + "\" target=\"_blank\">anzeigen</a></td>";
						moreText+= 				"		<td>&nbsp;</td>";
						moreText+= 				"	</tr>";
					}
					
					moreText+= 				"	<tr>";
					moreText+= 				"		<td>Fortbildungspunkte:</td>";
					
					var punkteStr = "ÄK: " + json[i].fbp_aek + ", VDOE/DGE: " + json[i].fbp_vdoe + ", VDD: " + json[i].fbp_vdd + " (z.T. beantragt)";
					punkteStr = punkteStr.replace(/: 0/g, ": -");
					moreText+= 				"		<td>" + punkteStr + "</td>";
					
					moreText+= 				"		<td><a href=\"export-ics.php?terminID=" + terminID + "\" rel=\"nofollow\">";
					moreText+= 				"		<img src=\"images/export-ics.png\" title=\"Diesen Termin als *.ics exportieren\"";
					moreText+= 				"			alt=\"Termin als *.ics exportieren\" border=\"0\"></a>";
					moreText+= 				"		<a href=\"details.php?terminID=" + terminID + "\" rel=\"nofollow\">";
					moreText+= 				"		<img src=\"images/print.png\" title=\"Diesen Termin drucken\" ";
					moreText+= 				"			alt=\"Termin drucken\" border=\"0\"></a>";
					moreText+= 				"		</td>";
					moreText+= 				"	</tr>";
					moreText+= 				"</table>";
					moreText+= 				"</div>";
					
					$('#terminContent').append(moreText);
				}
				
				//Export-String zusammenpfriemeln
				terminIDString = terminIDString.substring(0, terminIDString.length -1);
				var exportStr = "<p align=\"right\" class=\"exportStr\">";
				exportStr += "Termine als *.ics-Datei exportieren <a href=\"export-ics.php?terminIDString=";
				exportStr += terminIDString + "\" title=\"z.B. f&uuml;r Sunbird\" rel=\"nofollow\">";
				exportStr += "<img src=\"images/export-ics.png\" title=\"z.B. f&uuml;r Sunbird\""; 
				exportStr += "alt=\"Termin als *.ics exportieren\" border=\"0\"></a><br>";
				exportStr += "URL/Adresse zum Abonnieren: http://www.ernaehrung.de/termine/export-ics.php<br>";
				exportStr += "(<span style=\"font-size:80%;\"><a href=\"hinweis-export.php\">Hinweise zum Export</a></span>)</p>";
				
				$('#terminContent').append(exportStr);
			}
			else
			{
				$('#terminContent').append("<p align=\"center\" style=\"margin-top:25px;\">- keine Treffer -</p>");
				$('#terminContent').append("<p align=\"center\">Bitte verändern Sie die Suchkriterien</p>");
			}
		});
	}
	//---------------------------------------------------------------------------
	$(".moreLink").live("click", function()
	{
		//wichtig: 'live' verwenden, da bei 'bind' für neu hinzugefügte Elemente die Events nicht getriggert werden!!!
		$(this).next().toggle("fast");
		
		//zwischen aktivem und deaktivierten Zustand switchen (die Klassen wechseln)
		if($(this).hasClass("moreLinkActive"))
			$(this).removeClass("moreLinkActive");
		else
			$(this).addClass("moreLinkActive");
		
		//wichtig wegen # in url, um das Standardverhalten zu unterdrücken (würde sonst an den Seitenanfang springen)
		return false;
	});
	//---------------------------------------------------------------------------
	$("#alleAuf").click(function(event)
	{
		//wichtig: 'live' verwenden, da bei 'bind' für neu hinzugefügte Elemente die Events nicht getriggert werden!!!
		$(".moreText").show("fast");
		$(".moreLink").addClass("moreLinkActive");
		
		//wichtig wegen # in url, um das Standardverhalten zu unterdrücken (würde sonst an den Seitenanfang springen)
		return false;
	});
	//---------------------------------------------------------------------------
	$("#alleZu").click(function(event)
	{
		//wichtig: 'live' verwenden, da bei 'bind' für neu hinzugefügte Elemente die Events nicht getriggert werden!!!
		$(".moreText").hide("fast");
		$(".moreLink").removeClass("moreLinkActive");
		
		//wichtig wegen # in url, um das Standardverhalten zu unterdrücken (würde sonst an den Seitenanfang springen)
		return false;
	});
	//---------------------------------------------------------------------------
	$(".datumsFeld").bind("change", function()
	{
		//checken, ob Enddatum größer als Anfangsdatum
		if($("#datumVon").datepicker("getDate") > $("#datumBis").datepicker("getDate"))
			$("#dateError").text("Enddatum > Anfangsdatum!");
		else
			$("#dateError").empty();
	});
	//---------------------------------------------------------------------------
});
//---------------------------------------------------------------------------
