jQuery(document).ready(function($)
{	
	var locationHref = location.href;
	var locationHrefSplit= locationHref.split("/");
	var locationLength = (locationHrefSplit.length-5);	
	/*   
   	$("#jquery_jplayer").jPlayer({
		ready: function(){						
			
			var locationHref = location.href;	
			var locationHrefSplit= locationHref.split("/");
			var locationLength = (locationHrefSplit.length-5);
			var locationPart = "";
			for(i=0;i<locationLength;i++)
			{
				locationPart += '../';
			}			
			$("#trackname").text($("#track-01").text());
			if(locationLength != 0)			
			{
				$(this).setFile(locationPart+'files/files/gotan.mp3');
			}
			else
			{
				$(this).setFile(locationPart+'files/files/gotan.mp3').play();
			}
			
			demoInstanceInfo($(this), $("#jplayer_info"));
		}		
	})
	.jPlayerId("play", "play")
	.jPlayerId("pause", "pause")
	$("#jquery_jplayer").onSoundComplete( function() {
  		$(this).play();
	});	
	*/	
	
	if(substr_count(location.href, "-Anfahrt"))
	{	
	    var map;
	    var gdir;
	    var geocoder = null;
	    var addressMarker;
	    
/*
.flashpicture
{	
	height:329px;
	display: block;
	position: relative;
}

.flashslideshow
{
	height:66px;	 
	*/   
	
		$('#thumbs').css('display','none');
		$('#flashpicture').css('height','400px');
		$('#flashpicture').css('left','0px');
	
	    function gmapsload() {
	      if (GBrowserIsCompatible()) {      
	        map = new GMap2(document.getElementById("flashpicture"));
	
	        gdir = new GDirections(map, document.getElementById("directions"));
	        GEvent.addListener(gdir, "load", onGDirectionsLoad);
	        GEvent.addListener(gdir, "error", handleErrors);
			map.setCenter(new google.maps.LatLng(53.559501, 9.800915), 7);
	        
			var customUI = map.getDefaultUI();
			map.setUI(customUI);
	        
	        marker = new GMarker(new GLatLng(53.559501, 9.800915));
			map.addOverlay(marker);

			}
	    }
	    
	    function setDirections(fromAddress, toAddress, locale) {
	      gdir.load("from: " + fromAddress + " to: " + toAddress,
	                { "locale": locale });
	    }
	
	    function handleErrors(){
		   /*
		   if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS)
		     alert("No corresponding geographic location could be found for one of the specified addresses. This may be due to the fact that the address is relatively new, or it may be incorrect.\nError code: " + gdir.getStatus().code);
		   else if (gdir.getStatus().code == G_GEO_SERVER_ERROR)
		     alert("A geocoding or directions request could not be successfully processed, yet the exact reason for the failure is not known.\n Error code: " + gdir.getStatus().code);
		   
		   else if (gdir.getStatus().code == G_GEO_MISSING_QUERY)
		     alert("The HTTP q parameter was either missing or had no value. For geocoder requests, this means that an empty address was specified as input. For directions requests, this means that no query was specified in the input.\n Error code: " + gdir.getStatus().code);
	
		     
		   else if (gdir.getStatus().code == G_GEO_BAD_KEY)
		     alert("The given key is either invalid or does not match the domain for which it was given. \n Error code: " + gdir.getStatus().code);
	
		   else if (gdir.getStatus().code == G_GEO_BAD_REQUEST)
		     alert("A directions request could not be successfully parsed.\n Error code: " + gdir.getStatus().code);
		    
		   else alert("An unknown error occurred.");
		   	*/
		   	
			alert('Ihr Standort konnte nicht gefunden werden. Bitte überprüfen Sie Ihre eingaben nochmals.');		   
	        marker = new GMarker(new GLatLng(53.559501, 9.800915));
			map.addOverlay(marker);			
		}
	
		function onGDirectionsLoad(){ 
		}
	
		gmapsload();
		
		
		$('#routestarten').click(function() {  			
  			 map.clearOverlays();
  			 setDirections($('#standort').val(), "Süllbergsterrasse 12, 22587 Hamburg", "de_DE");  			 
		});		
		
		$('#standort').keypress(function(event){
			if(event.keyCode == '13'){
  			 	map.clearOverlays();
  			 	setDirections($('#standort').val(), "Süllbergsterrasse 12, 22587 Hamburg", "de_DE");
			}
		});		
				
	}
	else
	{
		var onMouseOutOpacity = 0.67;
		$('#thumbs ul.thumbs li').opacityrollover({
			mouseOutOpacity:   onMouseOutOpacity,
			mouseOverOpacity:  1.0,
			fadeSpeed:         'fast',
			exemptionSelector: '.selected'
		});
		var gallery = $('#thumbs').galleriffic({
			delay:                     6000,
			numThumbs:                 8,
			preloadAhead:              8,
			enableTopPager:            false,
			enableBottomPager:         false,
			imageContainerSel:         '#slideshow',
			controlsContainerSel:      '#controls',
			captionContainerSel:       '#caption',
			loadingContainerSel:       '#loading',
			renderSSControls:          true,
			renderNavControls:         true,
			playLinkText:              'Play Slideshow',
			pauseLinkText:             'Pause Slideshow',
			prevLinkText:              '&lsaquo; Previous Photo',
			nextLinkText:              'Next Photo &rsaquo;',
			nextPageLinkText:          'Next &rsaquo;',
			prevPageLinkText:          '&lsaquo; Prev',
			enableHistory:             false,
			autoStart:                 true,
			syncTransitions:           true,
			defaultTransitionDuration: 900,
			onSlideChange:             function(prevIndex, nextIndex) {
				this.find('ul.thumbs').children()
					.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
					.eq(nextIndex).fadeTo('fast', 1.0);
				this.$captionContainer.find('div.photo-index')
					.html('Photo '+ (nextIndex+1) +' of '+ this.data.length);
			},
			onPageTransitionOut:       function(callback) {
				this.fadeTo('fast', 0.0, callback);
			},
			onPageTransitionIn:        function() {
				var prevPageLink = this.find('a.prev').css('visibility', 'hidden');
				var nextPageLink = this.find('a.next').css('visibility', 'hidden');
				if (this.displayedPage > 0)
					prevPageLink.css('visibility', 'visible');
				var lastPage = this.getNumPages() - 1;
				if (this.displayedPage < lastPage)
					nextPageLink.css('visibility', 'visible');
				this.fadeTo('fast', 1.0);
			}
		});
		gallery.find('a.prev').click(function(e) {
			gallery.previousPage();
			e.preventDefault();
		});
		gallery.find('a.next').click(function(e) {
			gallery.nextPage();
			e.preventDefault();
		});
		function pageload(hash) {
			if(hash) {
				$.galleriffic.gotoImage(hash);
			} else {
				gallery.gotoIndex(0);
			}
		}
		$("a[rel='history']").live('click', function(e) {
			if (e.button != 0) return true;
			var hash = this.href;
			hash = hash.replace(/^.*#/, '');
			//$.historyLoad(hash);
			return false;
		});
	}
	
	$("a[href^='mailto']").click(function() {  			
		//alert("hallo");
		var mailadresse = $(this).attr("href");
		var mitteilung = $(this).text();
		
		mailadresse = mailadresse.replace("mailto:", "");
		mitteilung = mitteilung.replace("Ihre Mitteilung an ", "");
		
		
		/**/
		var kontaktFormular2 = '<form id="formRight"><p style="padding-bottom:10px;">';
		kontaktFormular2 += '<span style="width:25%;display:inline-block;">Mitteilung an:</span>';
		kontaktFormular2 += '<input style="width:70%" type="text" name="Mitteilung an" value="'+mitteilung+'" disabled="disabled"/>';
		kontaktFormular2 += '<input type="hidden" name="Empfänger Mailadresse" value="'+mailadresse+'" />';
		kontaktFormular2 += '<input type="hidden" name="Formular" value="Kontaktformular" />';
		kontaktFormular2 += '</p>';		
		kontaktFormular2 += '<p style="padding-bottom:10px;">';
		kontaktFormular2 += '<textarea style="width:95%;height:178px;" name="Mitteilung"></textarea>';
		kontaktFormular2 += '</p>';
		kontaktFormular2 += '<p style="text-align:right;width:97%;">';
		kontaktFormular2 += '<input id="submitButton" type="button" value="absenden" />';
		kontaktFormular2 += '</p></form>';		
		
		var kontaktFormular = '<form id="formLeft"><p style="padding-bottom:14px;">';
		kontaktFormular += '<span style="width:25%;display:inline-block;">Anrede*</span>';
		kontaktFormular += '<input type="radio" value="Herr" name="Anrede" />Herr ';
		kontaktFormular += '<input type="radio" value="Frau" name="Anrede" />Frau ';
		kontaktFormular += '</p>';
		
		kontaktFormular += '<p style="padding-bottom:10px;">';
		kontaktFormular += '<span style="width:25%;display:inline-block;">Name*</span>';
		kontaktFormular += '<input style="width:70%" type="text" name="Name" />';
		kontaktFormular += '</p>';
		
		kontaktFormular += '<p style="padding-bottom:10px;">';
		kontaktFormular += '<span style="width:25%;display:inline-block;">Straße</span>';
		kontaktFormular += '<input style="width:70%;" type="text" name="Strasse" />';
		kontaktFormular += '</p>';
		
		kontaktFormular += '<p style="padding-bottom:10px;">';
		kontaktFormular += '<span style="width:25%;display:inline-block;">PLZ/Ort</span>';
		kontaktFormular += '<input style="width:10%;" type="text" name="PLZ" />';
		kontaktFormular += ' &nbsp; ';
		kontaktFormular += '<input style="width:56%;" type="text" name="Ort" />';
		kontaktFormular += '</p>';
		
		kontaktFormular += '<p style="padding-bottom:10px;">';
		kontaktFormular += '<span style="width:25%;display:inline-block;">Land*</span>';
		kontaktFormular += '<select style="width:71%;" onchange="if(this.form.land[1].selected == true){this.form.land[0].selected = true;} vorwahl(this.form);" maxlength="30" name="Land">';
		kontaktFormular += '<option value="">bitte auswählen</option>';
		kontaktFormular += '<option value=""></option>';
		kontaktFormular += '<option value="Belgien">Belgien</option>';
		kontaktFormular += '<option value="Dänemark">Dänemark</option>';
		kontaktFormular += '<option value="Deutschland">Deutschland</option>';
		kontaktFormular += '<option value="Finnland">Finnland</option>';
		kontaktFormular += '<option value="Frankreich">Frankreich</option>';
		kontaktFormular += '<option value="Griechenland">Griechenland</option>';
		kontaktFormular += '<option value="Großbritannien">Großbritannien</option>';
		kontaktFormular += '<option value="Irland">Irland</option>';
		kontaktFormular += '<option value="Italien">Italien</option>';
		kontaktFormular += '<option value="Luxembourg">Luxembourg</option>';
		kontaktFormular += '<option value="Niederlande">Niederlande</option>';
		kontaktFormular += '<option value="Norwegen">Norwegen</option>';
		kontaktFormular += '<option value="Österreich">Österreich</option>';
		kontaktFormular += '<option value="Portugal">Portugal</option>';
		kontaktFormular += '<option value="Schweden">Schweden</option>';
		kontaktFormular += '<option value="Schweiz">Schweiz</option>';
		kontaktFormular += '<option value="Spanien">Spanien</option>';
		kontaktFormular += '</select>';
		kontaktFormular += '</p>';
		
		kontaktFormular += '<p style="padding-bottom:10px;">';
		kontaktFormular += '<span style="width:25%;display:inline-block;">Telefon*</span>';
		kontaktFormular += '<select style="width:15%;" name="Telefon Landesvorwahl">';
		kontaktFormular += '<option value=""></option>';
		kontaktFormular += '<option value="30">+30</option>';
		kontaktFormular += '<option value="31">+31</option>';
		kontaktFormular += '<option value="32">+32</option>';
		kontaktFormular += '<option value="33">+33</option>';
		kontaktFormular += '<option value="34">+34</option>';
		kontaktFormular += '<option value="39">+39</option>';
		kontaktFormular += '<option value="41">+41</option>';
		kontaktFormular += '<option value="43">+43</option>';
		kontaktFormular += '<option value="44">+44</option>';
		kontaktFormular += '<option value="45">+45</option>';
		kontaktFormular += '<option value="46">+46</option>';
		kontaktFormular += '<option value="47">+47</option>';
		kontaktFormular += '<option value="49">+49</option>';
		kontaktFormular += '<option value="351">+351</option>';
		kontaktFormular += '<option value="352">+352</option>';
		kontaktFormular += '<option value="353">+353</option>';
		kontaktFormular += '<option value="358">+358</option>';
		kontaktFormular += '</select>';
		kontaktFormular += ' &nbsp; ';
		kontaktFormular += '<input style="width:19%;" type="text" maxlength="10" name="Telefon Vorwahl" />';
		kontaktFormular += ' / ';
		kontaktFormular += '<input style="width:30%;" type="text" maxlength="10" name="Telefon Nummer" />';
		kontaktFormular += '</p>';
		
		kontaktFormular += '<p style="padding-bottom:10px;">';
		kontaktFormular += '<span style="width:25%;display:inline-block;">E-Mail*</span>';		
		kontaktFormular += '<input style="width:70%;" type="text" name="E-Mail" />';
		kontaktFormular += '</p></form>';
		
		$(".content_left").html(kontaktFormular);
		$(".content_right").html(kontaktFormular2);
		
		$("#submitButton").click(function(){
			
			var error = 0;
			if($("textarea[name='Mitteilung']").val() == '')
			{
				$("textarea[name='Mitteilung']").css('background-color','#FFE1DF');
				error++;
			}
			else
			{
				$("textarea[name='Mitteilung']").css('background-color','');
			}				
			
			if($("input[name='Anrede']:checked").val() == undefined)
			{
				$("span:contains('Anrede*')").css('color','#AF0007');
				error++;
			}
			else
			{
				$("span:contains('Anrede*')").css('color','');
			}					
			
					
			if($("input[name='Name']").val() == '')
			{
				$("input[name='Name']").css('background-color','#FFE1DF');
				$("span:contains('Name*')").css('color','#AF0007');
				error++;
			}	
			else
			{
				$("input[name='Name']").css('background-color','');
				$("span:contains('Name*')").css('color','');	
			}			
					
			if(
				$("input[name='E-Mail']").val() == '' 
				||
				(
					substr_count($("input[name='E-Mail']").val(), '@') != 1 
					&&
					substr_count($("input[name='E-Mail']").val(), '.') == 0
				)
			)
			{
				$("input[name='E-Mail']").css('background-color','#FFE1DF');
				$("span:contains('E-Mail*')").css('color','#AF0007');
				error++;
			}						
			else
			{
				$("input[name='E-Mail']").css('background-color','');
				$("span:contains('E-Mail*')").css('color','');			
			}			
			
			if($("select[name='Land']").val() == '')
			{
				$("select[name='Land']").css('background-color','#FFE1DF');
				$("span:contains('Land*')").css('color','#AF0007');
				error++;				
			}
			else
			{
				$("select[name='Land']").css('background-color','');
				$("span:contains('Land*')").css('color','');			
			}
			
			if
			(
				$("select[name='Telefon Landesvorwahl']").val() == '' ||
				$("input[name='Telefon Vorwahl']").val() == '' ||
				$("input[name='Telefon Nummer']").val() == ''
			)
			{
				$("select[name='Telefon Landesvorwahl']").css('background-color','#FFE1DF');
				$("input[name='Telefon Vorwahl']").css('background-color','#FFE1DF');
				$("input[name='Telefon Nummer']").css('background-color','#FFE1DF');				
				$("span:contains('Telefon*')").css('color','#AF0007');
				error++;				
			}
			else
			{
				$("select[name='Telefon Landesvorwahl']").css('background-color','');
				$("input[name='Telefon Vorwahl']").css('background-color','');
				$("input[name='Telefon Nummer']").css('background-color','');
				$("span:contains('Telefon*')").css('color','');
			}			
			
			if(error == 0)
			{
				//alert($('#formRight').serialize());
				//alert($('#formLeft').serialize());				
				
				var getVar = '?'+$('#formLeft').serialize()+'&'+$('#formRight').serialize();				
				$.get('http://www.suellberg-hamburg.de/send.php'+getVar, function(data) 
				{	
					
					
					var okSend = '<p><strong>Sehr geehrter '+$("input[name='Anrede']:checked").val()+' '+$("input[name='Name']").val()+',</strong></p>';
					okSend += '<p>&nbsp;</p>';
					okSend += '<p>vielen Dank für Ihre Mitteilung!</p>';
					okSend += '<p>&nbsp;</p>';
					okSend += '<p>Wir werden uns diesbezüglich umgehend mit Ihnen in Verbindung setzen.</p>';
					okSend += '<p>&nbsp;</p>';
					okSend += '<p>Außerdem senden wir Ihnen eine zusätzliche Eingangsbestätigung Ihrer Anmeldung per E-Mail.</p>';
					okSend += '<p>&nbsp;</p>';
					okSend += '<p>&nbsp;</p>';			
					okSend += '<p>Mit freundlichen Grüßen</p>';
					okSend += '<p>KHH Süllberg Betriebsgesellschaft mbH & Co KG</p>';
					
					$(".content_left").html(okSend);
					$(".content_right").html('');
  					
				});
			}
		});
		
		return false;
	});	
	
	/*
	var googleTrack = "";
	
	googleTrack += '<script type="text/javascript">';
	googleTrack += 'var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");';
	googleTrack += 'document.write(unescape("%3Cscript src=\'" + gaJsHost + "google-analytics.com/ga.js\' type=\'text/javascript\'%3E%3C/script%3E"));';	
	googleTrack += '</script>';		
	googleTrack += '<script type="text/javascript">';
	googleTrack += 'try{';
	googleTrack += 'var pageTracker = _gat._getTracker("UA-2900452-5");';
	googleTrack += 'pageTracker._trackPageview();';
	googleTrack += '} catch(err) {}';
	googleTrack += '</script>';
	
	$("head").append(googleTrack);
	*/
	
});

function demoInstanceInfo(myPlayer, myInfo) {
	var jPlayerInfo = "<p>This jPlayer instance is running in your browser using ";
	if(myPlayer.jPlayerGetInfo("html5"))
	{
		jPlayerInfo += "<strong>HTML5</strong> with ";
		if(myPlayer.jPlayerGetInfo("canPlayOGG"))
		{
			jPlayerInfo += "<strong>OGG</strong>";
		}
		else
		{
			jPlayerInfo += "<strong>MP3</strong>";
		}
	}
	else
	{
		jPlayerInfo += "<strong>Flash</strong> with <strong>MP3</strong>";
	}
	jPlayerInfo += " files.<br />This instance has the constructor option ";
	if(myPlayer.jPlayerGetInfo("oggSupport"))
	{
		jPlayerInfo += "set to <code>$(\"#jpId\").jPlayer({oggSupport: true})</code>";
	}
	else
	{
		jPlayerInfo += "defaulting to <code>$(\"#jpId\").jPlayer({oggSupport: false})</code>";
	}
	jPlayerInfo += "</p>";
	myInfo.html(jPlayerInfo);
}

function substr_count(sourceStr, matchStr)
{
	var count = 0;
	for (var i=0;i<sourceStr.length;i++) {
		if (matchStr == sourceStr.substr(i,matchStr.length))
		{
			count++;
		}		
	}
	return count;
}

    function vorwahl(formular)
    {
      if(formular.land.value == 'Belgien')
      {
        formular.telefon_land[3].selected = true;
      }
      else if(formular.land.value == 'Dänemark')
      {
        formular.telefon_land[10].selected = true;
      }
      else if(formular.land.value == 'Deutschland')
      {
        formular.telefon_land[13].selected = true;
      }
      else if(formular.land.value == 'Finnland')
      {
        formular.telefon_land[17].selected = true;
      }
      else if(formular.land.value == 'Frankreich')
      {
        formular.telefon_land[4].selected = true;
      }
      else if(formular.land.value == 'Griechenland')
      {
        formular.telefon_land[1].selected = true;
      }
      else if(formular.land.value == 'Großbritannien')
      {
        formular.telefon_land[9].selected = true;
      }
      else if(formular.land.value == 'Irland')
      {
        formular.telefon_land[16].selected = true;
      }
      else if(formular.land.value == 'Italien')
      {
        formular.telefon_land[6].selected = true;
      }
      else if(formular.land.value == 'Luxembourg')
      {
        formular.telefon_land[15].selected = true;
      }
      else if(formular.land.value == 'Niederlande')
      {
        formular.telefon_land[2].selected = true;
      }
      else if(formular.land.value == 'Norwegen')
      {
        formular.telefon_land[12].selected = true;
      }
      else if(formular.land.value == 'Österreich')
      {
        formular.telefon_land[8].selected = true;
      }
      else if(formular.land.value == 'Portugal')
      {
        formular.telefon_land[14].selected = true;
      }
      else if(formular.land.value == 'Schweden')
      {
        formular.telefon_land[11].selected = true;
      }
      else if(formular.land.value == 'Schweiz')
      {
        formular.telefon_land[7].selected = true;
      }
      else if(formular.land.value == 'Spanien')
      {
        formular.telefon_land[8].selected = true;
      }
    }





/*
<b>Mitteilung an:</b>
<textarea style="width: 433px; height: 60px;" name="mitteilung"></textarea>

Anrede*
<input type="radio" style="border: medium none;" value="Herr" name="anrede">
<input type="radio" style="border: medium none;" value="Frau" name="anrede">

Name*
<input type="text" style="width: 190px;" name="nachname">

Straße
<input type="text" style="width: 190px;" name="strasse">

PLZ/Ort
<input type="text" style="width: 57px;" name="plz">
<input type="text" style="width: 130px;" name="ort">

<select onchange="if(this.form.land[1].selected == true){this.form.land[0].selected = true;} vorwahl(this.form);" maxlength="30" style="width: 190px;" name="land">
<option value="">bitte auswählen</option>
<option value=""></option>
<option value="Belgien">Belgien</option>
<option value="Dänemark">Dänemark</option>
<option value="Deutschland">Deutschland</option>
<option value="Finnland">Finnland</option>
<option value="Frankreich">Frankreich</option>
<option value="Griechenland">Griechenland</option>
<option value="Großbritannien">Großbritannien</option>
<option value="Irland">Irland</option>
<option value="Italien">Italien</option>
<option value="Luxembourg">Luxembourg</option>
<option value="Niederlande">Niederlande</option>
<option value="Norwegen">Norwegen</option>
<option value="Österreich">Österreich</option>
<option value="Portugal">Portugal</option>
<option value="Schweden">Schweden</option>
<option value="Schweiz">Schweiz</option>
<option value="Spanien">Spanien</option>
</select>

Telefon
<select style="width: 52px;" name="telefon_land">
<option value=""></option>
<option value="30">+30</option>
<option value="31">+31</option>
<option value="32">+32</option>
<option value="33">+33</option>
<option value="34">+34</option>
<option value="39">+39</option>
<option value="41">+41</option>
<option value="43">+43</option>
<option value="44">+44</option>
<option value="45">+45</option>
<option value="46">+46</option>
<option value="47">+47</option>
<option value="49">+49</option>
<option value="351">+351</option>
<option value="352">+352</option>
<option value="353">+353</option>
<option value="358">+358</option> 
</select>

<input type="text" onkeypress="nurzahlen();" maxlength="10" style="width: 50px;" name="telefon_vorwahl">

<input type="text" onkeypress="nurzahlen();" maxlength="10" style="width: 80px;" name="telefon_nummer">

E-Mail*
<input type="text" style="width: 190px;" name="email">
*/