$(function() {

        /* Bilder/Slidegalerie */
	$('.jcarousel ul').jcarousel();



	/* Bilder/Slidegalerie innerhalb des Tab Moduls */
	$(".tabs ul a.triggerCarousal").click(function() {
		$('.tabs .jcarousel ul').jcarousel({
			visible: 3,
			initCallback : reloadOnTabTrigger
		});
	});
	/*.markenauswahl li a img,*/
	/* Bildertausch: Hauptnavigation, Modul 'markenwahl' */
	var showOverlayImgSrc = '';
	$('#nav li a img,  .bildraster .showOverlay img').hover(
            function() {
                showOverlayImgSrc = $(this).attr('src');
                var s = showOverlayImgSrc.slice(-4);
                var f = showOverlayImgSrc.slice(0,-4);
                var re = f.search(/active/);
                if (re == -1) {
                     $(this).attr({src: f + '-active' + s});
                     $(this).show();
                }
            },
            function() {
                 $(this).attr({src: showOverlayImgSrc});
            }
        );


      
	/* EOF Bildertausch */
	

	/* Modul faq */

	// init hide 
	$('.faq dd').hide();

	$(".faq dt").toggle(function(){
		$(this).addClass("active");
		}, function () {
		$(this).removeClass("active");
	});
	
	$(".faq dt").click(function(){
		$(this).next("dd").slideToggle("fast");
	});	
	/* EOF Modul faq */
			
	
	/* Overlay Texte über Bild anzeigen: Modul 'bildraster' */
	/*$('.bildraster .showOverlay').hover(
		function() {
			$(this).stop().animate({'opacity':'0.2'}, 200);
			$(this).next().show();
		},
		function() {
			$(this).next().hide();
			$(this).stop().animate({'opacity':'1'}, 200);
		}
	);*/
	/* EOF Modul bildraster */
	
		
	/* Vorbelegte Form Values Handling */
	$('form .substituteFormFieldValue').focus(function() {
		// init original
		v = $(this).val();
		$(this).val('');
	});
	$('form .substituteFormFieldValue').blur(function() {
		if($(this).val() == '') {
			$(this).val(v);
		}
	});
	/* EOF Form Values Handling */
	
	
	/* Modul Tabs */
	if($(".tabs").size() > 0) {
		$(".tabs").accessibleTabs({
   	    	tabhead:'h6',
   	    	fx:"fadeIn",
			cssClassAvailable: true
   		});
	}
	/* EOF Modul Tabs */

	/* Modul Angebotslayer, ein/ausblenden */
	$('.showOffer').mouseover(function() {		
		$(this).next().fadeIn('fast');
		$(this).animate({'borderLeftColor':'#dfdfdf', 'borderRightColor':'#dfdfdf', 'borderBottomColor':'#ffffff'}, 'fast');
		});
	
	$('.toOffer').mouseleave(function() {
		$(this).fadeOut('fast');
		$(this).prev().animate({'borderLeftColor':'#ffffff', 'borderRightColor':'#ffffff', 'borderBottomColor':'#ffffff'}, 'fast');
	});
	/* EOF Modul Angebotslayer */

       // $("a[rel]").overlay();
	   
	 $('a[href="https://portal.internal.knauber.de/"]').attr('href', 'javascript:void(0);');
		
});

/* Callback Funktion für Bilder/Slidegalerie innerhalb des Tab Moduls */
function reloadOnTabTrigger (carousal, state) {
	carousal.reload();
}

function load(givenId) {
        
	/*if (GBrowserIsCompatible()) {
                
		map = new GMap2(document.getElementById("googleMap"));
		map.addControl(new GMapTypeControl());
		map.addControl(new GLargeMapControl());
		map.enableContinuousZoom();  // stufenloser Zoom
		map.enableScrollWheelZoom(); // Mousewheel zum Zoomen
		geocoder = new GClientGeocoder();
		var street   = document.getElementById("street").innerHTML;
                var number = document.getElementById('number').innerHTML;
                street = street+' '+number;
                var zip  	 = document.getElementById("zip").innerHTML;
		var city  	 = document.getElementById("city").innerHTML;
		var name  	 = document.getElementById("name").innerHTML;
		var tel  	 = document.getElementById("phone").innerHTML;
		var fax  	 = document.getElementById("fax").innerHTML;
                var oh          = document.getElementById('opening_hours').innerHTML;
                var img = document.getElementById('img').innerHTML;
                var details = document.getElementById('details_pid').innerHTML;
		
		var tempAddr = street+","+zip+","+city;
                
		// custom marker icon
		var bottleIcon        		= new GIcon(G_DEFAULT_ICON);
		bottleIcon.image      		= "http://p57310.typo3server.info/fileadmin/develop/img/marker.png";
		//bottleIcon.shadow     		= "http://p107971.typo3server.info/fileadmin/develop/img/maps_icon_shadow.png";
		bottleIcon.iconSize   		= new GSize(31,31);  		// Breite, Höhe
		bottleIcon.shadowSize 		= new GSize(31,31);  		// Breite, Höhe
		bottleIcon.iconAnchor 		= new GPoint(12,26);  		// Ankerpunkt der Grafik x,y
		bottleIcon.infoWindowAnchor = new GPoint(14,12);    	// Ankerpunkt der InfoGrafik x,y

		var markerOptions 			= {icon: bottleIcon} ;

		showAddress(tempAddr,street,zip,city,name,tel,fax,details,oh, img,markerOptions);
	}*/if (GBrowserIsCompatible()) {
		// generate the map with controlelements
		var map = new GMap2(document.getElementById("googleMap"));
		map.addControl(new GMapTypeControl());
		map.addControl(new GLargeMapControl());
		map.enableContinuousZoom();
		map.enableScrollWheelZoom();
               
		// parse the locations trough xml
		GDownloadUrl("http://www.knauber-freizeit.de/fileadmin/develop/js/googlemaps-data.xml", function(data) {
                    
			var xml = GXml.parse(data);
                        
			var markers = xml.documentElement.getElementsByTagName("marker");
                        
			for (var i = 0; i < markers.length; i++) {
				var latlng     = new GLatLng(parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("lng")));
				var marktname  = markers[i].getAttribute("marktname");
                                var marktId = markers[i].getAttribute("marktid");
 				if(givenId > 0){
                                    var street   = document.getElementById("street").innerHTML;
                                    var number = document.getElementById('number').innerHTML;
                                    street = street+' '+number;
                                    var zip  	 = document.getElementById("zip").innerHTML;
                                    var city  	 = document.getElementById("city").innerHTML;
                                    var name  	 = document.getElementById("name").innerHTML;
                                   //var marktname = markers[i].getAttribute("marktname");
                                    var tel  	 = document.getElementById("phone").innerHTML;
                                    var fax  	 = document.getElementById("fax").innerHTML;
                                    var oh          = document.getElementById("opening_hours").innerHTML;
                                    var img = document.getElementById("img").innerHTML;
                                    var details = document.getElementById("details_pid").innerHTML;
                                    var tempAddr = street+","+zip+","+city;
                                    // create the infowindow tabs
                                    var tab1  = '<p ><b>'+name+'</b></p>';

                                    tab1 += '<div class="clearfix" style="width:300px; height:215px; font-size:10pt">';
                                    if(img != '')
                                        tab1 += '<div style="float: left; width: auto; padding-right: 10px;"><img width="120" src="'+img+'" alt="bild hier" /></div>';

                                    tab1 += '<div style="float: left; width: 170px;"><p>'+street+'<br />'+zip+' '+city+'</p>';


                                    if(tel!='')
                                            tab1 += '<p>Tel.: '+tel;
                                    if(fax!='')
                                            tab1 += '<br />Fax: '+fax;

                                    tab1 += ' </p>';
                                    if(oh!='')
                                            tab1 += '<p>'+oh+' </p>';

                                    tempAddr = tempAddr.replace('ß', 'ss');
                                    tempAddr = tempAddr.replace('ä', 'ae');
                                    tempAddr = tempAddr.replace('ö', 'oe');
                                    tempAddr = tempAddr.replace('ü', 'ue');

                                    tab1 += '</p>';
                                    tab1 += '<a href="'+details+'" class="filiallink">Zur Filial-Seite</a></p></div>';


                                    var tab2 = '<div class="anfahrt"><form target="_blank" action="http://maps.google.de/" onsubmit="http://maps.google.de/maps" method="get" accept-charset="UTF-8" ><div><label>Startadresse</label><input type="text" name="saddr" class="startadresse"/><input type="hidden" type="text" id="daddr" name="daddr" value="'+tempAddr+'" /></div><input class="inputbutton" type="submit" value="Route berechnen" /></form></div>';

                                    var tabs = new Array;
                                    tabs[0] = new GInfoWindowTab('Adresse',tab1);
                                    tabs[1] = new GInfoWindowTab('Anfahrt',tab2);
                                }
				//alert(marktname);
                                
				//if marktname in the xml = the given clinic parameter, set the mapcenter to the given clinic
                                //alert(givenId+'='+marktId);
				if(givenId == 0){
                                    //alert('default');
                                    map.setCenter( new GLatLng(50.73652,7.19182), 9);
                                }else if(givenId == marktId){
                                  //alert('else');
                                  map.setCenter( new GLatLng(markers[i].getAttribute("lat"),markers[i].getAttribute("lng")), 14);
                                }
                                //}
                                 
                                
				
				//custom marker icon
				var bottleIcon        		= new GIcon(G_DEFAULT_ICON);
                                bottleIcon.image      		= "http://www.knauber-freizeit.de/fileadmin/develop/img/marker.png";
				//bottleIcon.image      		= "fileadmin/develop/js/googlemaps/location_icon.png";
				//bottleIcon.shadow     		= "fileadmin/develop/js/googlemaps/location_icon.png";
				bottleIcon.iconSize   		= new GSize(31,31);  		// Breite, H�he
				bottleIcon.shadowSize 		= new GSize(31,31);  		// Breite, H�he
				bottleIcon.iconAnchor 		= new GPoint(12,26);  		// Ankerpunkt der Grafik x,y
				bottleIcon.infoWindowAnchor = new GPoint(14,12);    	// Ankerpunkt der InfoGrafik x,y
				var markerOptions 			= { icon: bottleIcon };

				// create the marker
				var marker 	   		        = new GMarker(latlng,markerOptions);

				// bind the tabs to the marker
				marker.bindInfoWindowTabsHtml(tabs);
				marker.openInfoWindowTabsHtml(tabs);

				// add each marker to the map
				map.addOverlay(marker);
				// onClick Eventhandler
				GEvent.addListener(marker, 'click', function() {
				marker.bindInfoWindowTabsHtml(tabs);
				});
				
				if(givenId == marktId){
					break;
				}
			}
                       
                        
		});
	}
}

function showAddress(tempAddr,street,zip,city,name,tel,fax,details,oh, img,markerOptions) {
	if (geocoder) {
		geocoder.getLatLng(
			tempAddr,
			function(point) {
				if (!point) {
					alert(tempAddr + " not found");
				}
				else {
					map.setCenter(point, 12);
					var marker = new GMarker(point,markerOptions);
                                       
					map.addOverlay(marker);
					var tab1  = '<p ><b>'+name+'</b></p>';
                                        
                                        tab1 += '<div class="clearfix" style="width:300px; height:215px; font-size:10pt">';
                                        if(img != '')
                                            tab1 += '<div style="float: left; width: auto; padding-right: 10px;"><img width="120" src="'+img+'" alt="bild hier" /></div>';

                                        tab1 += '<div style="float: left; width: 170px;"><p>'+street+'<br />'+zip+' '+city+'</p>';


					if(tel!='')
						tab1 += '<p>Tel.: '+tel;
					if(fax!='')
						tab1 += '<br />Fax: '+fax;

                                        tab1 += ' </p>';
					if(oh!='')
						tab1 += '<p>'+oh+' </p>';

                                        tempAddr = tempAddr.replace('ß', 'ss');
                                        tempAddr = tempAddr.replace('ä', 'ae');
                                        tempAddr = tempAddr.replace('ö', 'oe');
                                        tempAddr = tempAddr.replace('ü', 'ue');

					tab1 += '</p>';
                                        //tab1 += '<form target="_blank" action="http://maps.google.de/" onsubmit="http://maps.google.de/maps" method="get" accept-charset="UTF-8" ><input type="hidden" type="text" id="daddr" name="daddr" value="'+tempAddr+'" />';
                                        //tab1 += '<p><input type="submit" value="Route berechnen" /></form>';
                                        
                                        //tab1 += '<p><a target="_blank" href="http://maps.google.de/maps?daddr='+tempAddr+'">Route berechnen</a></p>';
                                        tab1 += '<a href="'+details+'" class="filiallink">Zur Filial-Seite</a></p></div>';


                                        tab2 = '<form target="_blank" action="http://maps.google.de/" onsubmit="http://maps.google.de/maps" method="get" accept-charset="UTF-8" ><div><label>Startadresse</label><input type="text" name="saddr" /><input type="hidden" type="text" id="daddr" name="daddr" value="'+tempAddr+'" /></div><input type="submit" value="Route berechnen" />';

					var tabs = new Array;
					tabs[0] = new GInfoWindowTab('Adresse',tab1);
					tabs[1] = new GInfoWindowTab('Anfahrt',tab2);
					marker.bindInfoWindowTabsHtml(tabs);
					marker.openInfoWindowTabsHtml(tabs);
				}
			}
		);
	}

	// onClick Eventhandler
	// GEvent.addListener(marker, 'click', function() {
		// marker.openInfoWindowTabsHtml(tabs);
	// });
}

function checkRegistrationForm(id){

 var errors = new Array();
 var i = 0;
 if($('#firstname'+id).val() == ''){
    errors[i] = 'Vorname';
    i += 1;
 }
 if($('#lastname'+id).val() == ''){
     errors[i] = 'Nachname';
     i += 1;
 }
 if($('#email'+id).val() == ''){
     errors[i] = 'E-Mail';
     i += 1;
 }
 if($('#cardnumber'+id).val() == ''){
    errors[i] = 'Kundennummer';
    i += 1;
 }
 if(i > 0){
     var err_msg = '<p> Bitte &uuml;berpr&uuml;fen Sie folgende Felder: </p><ul>';
     for(var j=0;j<errors.length; j++){
         err_msg += '<li>'+errors[j]+'</li>';
     }
     err_msg += '</ul>';
     
    //# $('#errors').wrapInner(err_msg);
   document.getElementById('errors'+id).innerHTML = err_msg;
    return false;
}else
    return true;

}

function checkNewsletterForm(){

     var errors = new Array();
     var i = 0;
     if($('#firstname').val() == ''){
        errors[i] = 'Vorname';
        i += 1;
     }
     if($('#lastname').val() == ''){
         errors[i] = 'Nachname';
         i += 1;
     }
     if($('#email').val() == ''){
         errors[i] = 'E-Mail';
         i += 1;
     }
     if($('#gender').val() == ''){
        errors[i] = 'Anrede';
        i += 1;
     }
     if(i > 0){
         var err_msg = '<p> Bitte &uuml;berpr&uuml;fen Sie folgende Felder: </p><ul>';
         for(var j=0;j<errors.length; j++){
             err_msg += '<li>'+errors[j]+'</li>';
         }
         err_msg += '</ul>';

        //# $('#errors').wrapInner(err_msg);
       document.getElementById('errors').innerHTML = err_msg;
        return true;
    }else
        return true;
}

function showImg(replace, path){
  
   var img = replace.childNodes[0];
   if(path != 'uploads/tx_templavoila/')
     img.src = path;
   
}

function show(showID){
    
    $('form').addClass('hide');
    $('#choose').removeClass('hide');
    $("#" + showID).removeClass('hide');
    
    
}

function showLayerConfirm(chkbox, url){

    if(chkbox.checked == true){
      
        tb_show('Karte sperren', url, '1');
    }

}

function setHobbies(card){
    //alert($('#hobbies_kz_'+card).val());
    $('#hobbies_kz_'+card).val('J');
}

function showLayer(showID){
	$("#" + showID).removeClass('hide');
}

function hideLayer(showID){
	$("#" + showID).addClass('hide');
}
function showLayer404(showID){
	$("#l0").addClass('hide');
        $("#" + showID).removeClass('hide');
}

function hideLayer404(showID){
        $("#l0").removeClass('hide');
	$("#" + showID).addClass('hide');
}