$(function() {
		var availableTags = [
			"Zimmer",
			"Zimmerpreise",
			"Baden-Baden",
			"Preise",
			"Bestpreisgarantie",
			"Einzelzimmer",
			"Doppelzimmer",
			"Frühstück",
			"Restaurant",
			"Arrangements",
			"Anfahrt",
			"Anreise",
			"Juniorsuite",
			"Hotelvideo",
			"Videos",
			"Zimmerbilder",
			"Bildergalerie",
			"Bewertungen",
			"Hotel Berwertungen",
			"Massagen",
			"Sterntaler",
			"Equipage",
			"Minibar",
			"Durchwahltelefon",
			"Zimmersafe",
			"CD / DVD-Spieler"," LCD Flachbild-TV","Sat-TV","Sky- Hotel-TV","iPod-Dockingstation","Slipper","Bademantel","Kofferbock","Rainshower-Dusche","Föhn","Kosmetikspiegel", "Kosten", "Links", "AGB", "Sitemap", "Tagungsraum", "Impressum", "Ausstattung", "Hotelbar", "Livingroom", "Fax Nummer", "Telefonnummer", "Kontaktformular",
			"Rückrufservice", "Hausprospekt", "Flyer", "E-Mail Adresse"
		];
		


		$( "#search_input" ).autocomplete({
			source: availableTags
		});
	});
	
function swappic(img_name,img_src){
	document[img_name].src='TPL/img/'+img_src;
}
$(document).ready(function(){

  $("a[rel^='prettyPhoto']").prettyPhoto();

  $('div.expandable').expander({
    slicePoint:       250,  // default is 100
    expandText:         'mehr »', // default is 'read more...'
    collapseTimer:    0, // re-collapses after 5 seconds; default is 0, so no re-collapsing
    userCollapseText: '« weniger'  // default is '[collapse expanded text]'
  });
  
    $('div.wertungen').expander({
    slicePoint:       10,  // default is 100
    expandText:         'Einzelbewertungen ansehen »', // default is 'read more...'
    collapseTimer:    0, // re-collapses after 5 seconds; default is 0, so no re-collapsing
    userCollapseText: '« Einzelbewertungen schliessen',  // default is '[collapse expanded text]'
	expandPrefix: ''
  });
  
  $('div.startexpandable').expander({
    slicePoint:       810,  // default is 100
    expandText:         'weiter lesen »', // default is 'read more...'
    collapseTimer:    0, // re-collapses after 5 seconds; default is 0, so no re-collapsing
    userCollapseText: '« weniger'  // default is '[collapse expanded text]'
  });
  $('div.startexpandable_en').expander({
    slicePoint:       770,  // default is 100
    expandText:         'read more »', // default is 'read more...'
    collapseTimer:    0, // re-collapses after 5 seconds; default is 0, so no re-collapsing
    userCollapseText: '« collapse expanded text'  // default is '[collapse expanded text]'
  });

  $('div.startexpandable_fr').expander({
    slicePoint:       830,  // default is 100
    expandText:         'En savoir plus »', // default is 'read more...'
    collapseTimer:    0, // re-collapses after 5 seconds; default is 0, so no re-collapsing
    userCollapseText: '« s\'effondrer texte élargi'  // default is '[collapse expanded text]'
  });
  				
					$('#rateslider').innerfade({
						animationtype: 'fade',
						speed: 'slow',
						timeout: 5000,
						type: 'sequence',
						containerheight: '180px'
					});

// here you can see the slide options I used in the demo page. depending on the id of the slider a different setup gets activated
$('#frontpage-slider').aviaSlider({
slides:".featured",
transition: 'fade',
display: 'all',
betweenBlockDelay:10,
animationSpeed: 1200,
switchMovement: true,
showText: false
});


$('#bewertungen').aviaSlider({
slides:".featured",
transition: 'fade',
display: 'all',
betweenBlockDelay:10,
animationSpeed: 1200,
switchMovement: true,
showText: false,
slideControlls: 'none'
});

					
																									
});


				// Accordion
	$(function() {
		$( "#accordion" ).accordion({
			autoHeight: false,
			navigation: true
		});

	});


	$(function() {
		$.datepicker.setDefaults( $.datepicker.regional[ "" ] );
		$( "#datepicker" ).datepicker( $.datepicker.regional[ "de" ] );
		$( "#datepicker" ).datepicker( "option", "dayNamesMin", ["So","Mo","Di","Mi","Do","Fr", "Sa"] );
		$( "#datepicker" ).datepicker( "option", "closeText", 'schließen' );
		$( "#datepicker" ).datepicker( "option", "prevText", 'Vor>' );
		$( "#datepicker" ).datepicker( "option", "currentText", 'heute' );
		$( "#datepicker" ).datepicker( "option", "monthNames", ['Januar','Februar','März','April','Mai','Juni',
		'Juli','August','September','Oktober','November','Dezember'] );
		$( "#datepicker" ).datepicker( "option", "dayNames", ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'] );
		$( "#datepicker" ).datepicker( "option", "dayNamesShort", ['So','Mo','Di','Mi','Do','Fr','Sa'] );
		$( "#datepicker" ).datepicker( "option", "dayNamesMin", ['So','Mo','Di','Mi','Do','Fr','Sa'] );
		$( "#datepicker" ).datepicker( "option", "weekHeader", 'Wo' );
		$( "#datepicker" ).datepicker( "option", "dateFormat", 'dd.mm.yy' );
		$( "#datepicker" ).datepicker( "option", "firstDay", 1 );
		$( "#datepicker" ).datepicker( "option", "isRTL", false );
		$( "#datepicker" ).datepicker( "option", "showMonthAfterYear", false );
		$( "#datepicker" ).datepicker( "option", "yearSuffix", '' );
		
		
	});
	$(function() {
		$.datepicker.setDefaults( $.datepicker.regional[ "" ] );
		$( "#datepicker1" ).datepicker( $.datepicker.regional[ "de" ] );
		$( "#datepicker1" ).datepicker( "option", "dayNamesMin", ["So","Mo","Di","Mi","Do","Fr", "Sa"] );
		$( "#datepicker1" ).datepicker( "option", "closeText", 'schließen' );
		$( "#datepicker1" ).datepicker( "option", "prevText", 'Vor>' );
		$( "#datepicker1" ).datepicker( "option", "currentText", 'heute' );
		$( "#datepicker1" ).datepicker( "option", "monthNames", ['Januar','Februar','März','April','Mai','Juni',
		'Juli','August','September','Oktober','November','Dezember'] );
		$( "#datepicker1" ).datepicker( "option", "dayNames", ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'] );
		$( "#datepicker1" ).datepicker( "option", "dayNamesShort", ['So','Mo','Di','Mi','Do','Fr','Sa'] );
		$( "#datepicker1" ).datepicker( "option", "dayNamesMin", ['So','Mo','Di','Mi','Do','Fr','Sa'] );
		$( "#datepicker1" ).datepicker( "option", "weekHeader", 'Wo' );
		$( "#datepicker1" ).datepicker( "option", "dateFormat", 'dd.mm.yy' );
		$( "#datepicker1" ).datepicker( "option", "firstDay", 1 );
		$( "#datepicker1" ).datepicker( "option", "isRTL", false );
		$( "#datepicker1" ).datepicker( "option", "showMonthAfterYear", false );
		$( "#datepicker1" ).datepicker( "option", "yearSuffix", '' );
		
		
	});
		$(function() {
		$.datepicker.setDefaults( $.datepicker.regional[ "" ] );
		$( "#datepicker2" ).datepicker( $.datepicker.regional[ "de" ] );
		$( "#datepicker2" ).datepicker( "option", "dayNamesMin", ["So","Mo","Di","Mi","Do","Fr", "Sa"] );
		$( "#datepicker2" ).datepicker( "option", "closeText", 'schließen' );
		$( "#datepicker2" ).datepicker( "option", "prevText", 'Vor>' );
		$( "#datepicker2" ).datepicker( "option", "currentText", 'heute' );
		$( "#datepicker2" ).datepicker( "option", "monthNames", ['Januar','Februar','März','April','Mai','Juni',
		'Juli','August','September','Oktober','November','Dezember'] );
		$( "#datepicker2" ).datepicker( "option", "dayNames", ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'] );
		$( "#datepicker2" ).datepicker( "option", "dayNamesShort", ['So','Mo','Di','Mi','Do','Fr','Sa'] );
		$( "#datepicker2" ).datepicker( "option", "dayNamesMin", ['So','Mo','Di','Mi','Do','Fr','Sa'] );
		$( "#datepicker2" ).datepicker( "option", "weekHeader", 'Wo' );
		$( "#datepicker2" ).datepicker( "option", "dateFormat", 'dd.mm.yy' );
		$( "#datepicker2" ).datepicker( "option", "firstDay", 1 );
		$( "#datepicker2" ).datepicker( "option", "isRTL", false );
		$( "#datepicker2" ).datepicker( "option", "showMonthAfterYear", false );
		$( "#datepicker2" ).datepicker( "option", "yearSuffix", '' );
		
		
	});
	$(function() {
		$.datepicker.setDefaults( $.datepicker.regional[ "" ] );
		$( "#anreise" ).datepicker( $.datepicker.regional[ "de" ] );
		$( "#anreise" ).datepicker( "option", "dayNamesMin", ["So","Mo","Di","Mi","Do","Fr", "Sa"] );
		$( "#anreise" ).datepicker( "option", "closeText", 'schließen' );
		$( "#anreise" ).datepicker( "option", "prevText", 'Vor>' );
		$( "#anreise" ).datepicker( "option", "currentText", 'heute' );
		$( "#anreise" ).datepicker( "option", "monthNames", ['Januar','Februar','März','April','Mai','Juni',
		'Juli','August','September','Oktober','November','Dezember'] );
		$( "#anreise" ).datepicker( "option", "dayNames", ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'] );
		$( "#anreise" ).datepicker( "option", "dayNamesShort", ['So','Mo','Di','Mi','Do','Fr','Sa'] );
		$( "#anreise" ).datepicker( "option", "dayNamesMin", ['So','Mo','Di','Mi','Do','Fr','Sa'] );
		$( "#anreise" ).datepicker( "option", "weekHeader", 'Wo' );
		$( "#anreise" ).datepicker( "option", "dateFormat", 'dd.mm.yy' );
		$( "#anreise" ).datepicker( "option", "firstDay", 1 );
		$( "#anreise" ).datepicker( "option", "isRTL", false );
		$( "#anreise" ).datepicker( "option", "showMonthAfterYear", false );
		$( "#anreise" ).datepicker( "option", "yearSuffix", '' );
		
		
	});
	$(function() {
		$.datepicker.setDefaults( $.datepicker.regional[ "" ] );
		$( "#abreise" ).datepicker( $.datepicker.regional[ "de" ] );
		$( "#abreise" ).datepicker( "option", "dayNamesMin", ["So","Mo","Di","Mi","Do","Fr", "Sa"] );
		$( "#abreise" ).datepicker( "option", "closeText", 'schließen' );
		$( "#abreise" ).datepicker( "option", "prevText", 'Vor>' );
		$( "#abreise" ).datepicker( "option", "currentText", 'heute' );
		$( "#abreise" ).datepicker( "option", "monthNames", ['Januar','Februar','März','April','Mai','Juni',
		'Juli','August','September','Oktober','November','Dezember'] );
		$( "#abreise" ).datepicker( "option", "dayNames", ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'] );
		$( "#abreise" ).datepicker( "option", "dayNamesShort", ['So','Mo','Di','Mi','Do','Fr','Sa'] );
		$( "#abreise" ).datepicker( "option", "dayNamesMin", ['So','Mo','Di','Mi','Do','Fr','Sa'] );
		$( "#abreise" ).datepicker( "option", "weekHeader", 'Wo' );
		$( "#abreise" ).datepicker( "option", "dateFormat", 'dd.mm.yy' );
		$( "#abreise" ).datepicker( "option", "firstDay", 1 );
		$( "#abreise" ).datepicker( "option", "isRTL", false );
		$( "#abreise" ).datepicker( "option", "showMonthAfterYear", false );
		$( "#abreise" ).datepicker( "option", "yearSuffix", '' );
		
		
	});	
	
  function initialize() {
    var merkur = new google.maps.LatLng(48.759227, 8.24098);
	var equipage = new google.maps.LatLng(48.760305,8.237933); 
	var center = new google.maps.LatLng(48.760000,8.240000);

	
    var myOptions = {
      zoom: 17,
      center: center,
      mapTypeId: google.maps.MapTypeId.ROADMAP,

    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

	
	var markerOptions = {
		map: map,
		position:merkur,
		visible:true,
		icon:'TPL/img/marker2.png',
		animation: google.maps.Animation.DROP
		
	}
	var marker = new google.maps.Marker(markerOptions);
	
	
	var markerOptions2 = {
		map: map,
		position:equipage,
		visible:true,
		icon:'TPL/img/marker2.png',
		animation: google.maps.Animation.DROP
		
	}
	var marker2 = new google.maps.Marker(markerOptions2);	
	
	var infoOptions = {
		content: '<small>Hotel Merkur<br />Merkurstr. 8<br /> D-76530 Baden - Baden</small><img src=\"TPL/img/hotel_merkur_small.jpg\" width="100" height="137" class="googleimage" />',
		position: merkur
		
	}
	var info = new google.maps.InfoWindow(infoOptions);
	info.open(map,marker);
	
	var infoOptions2 = {
		content: 'Equipage',
		position: equipage
		
	}
	var info2 = new google.maps.InfoWindow(infoOptions2);
	info2.open(map, marker2);
	
	google.maps.event.addListener(marker, 'click', function() {
    info2.close();
	info.open(map,marker);
  });
  	google.maps.event.addListener(marker2, 'click', function() {
    info.close();
	info2.open(map,marker2);
  });
  }
  function new_win(url){
  	window.open(url,"blank");
	return false;
  }
		pic = new Image(23, 23);
		pic.src = "TPL/img/points1.png";
		pic = new Image(23, 23);
		pic.src = "TPL/img/points3.png";
		pic = new Image(23, 23);
		pic.src = "TPL/img/points2.png";
		pic = new Image(23, 23);
		pic.src = "TPL/img/points5.png";
		pic = new Image(23, 23);
		pic.src = "TPL/img/points3.png";
		pic = new Image(23, 23);
		pic.src = "TPL/img/points7.png";
		pic = new Image(23, 23);
		pic.src = "TPL/img/points4.png";
		pic = new Image(23, 23);
		pic.src = "TPL/img/points5.png";
		
		
			$.fx.speeds._default = 500;
	$(function() {
		$( "#dialog" ).dialog({
			autoOpen: false,
			show: "fade",
			hide: "fade",
			width: 1024,
			modal:true
		});

		$( "#opener" ).click(function() {
			$( "#dialog" ).dialog( "open" );
			$( "#dialog" ).dialog( "moveToTop" );

			
			return false;
		});
	});


	$(function() {
			$( "#success_pop" ).dialog({

			width: 600,
			modal:true,
			position: 'top'
		});
	
	});
	$(function() {
			$( "#error_pop" ).dialog({

			width: 600,
			modal:true,
			position: 'top'
		});
	
	});
	
		 function deaktivieren(){
		  document.getElementById('restaurant').id = 'restaurant_in';
  	 	  document.getElementById('deactivate').id = 'deactivate_in';
		  document.getElementById('rest_label').id = 'rest_label_in';
		  document.getElementById('activate_in').id = 'activate';
	 }
	 	 function aktivieren(){
		  document.getElementById('restaurant_in').id = 'restaurant';
		  document.getElementById('rest_label_in').id = 'rest_label';
  	 	  document.getElementById('activate').id = 'activate_in';
		  document.getElementById('deactivate_in').id = 'deactivate';
	 }
	 function printpage(){
	 	window.print();
	 }