Anfrage zur Anreiseplanung

Hotel:
Ort:

Anzahl Personen: Abreise von: Hinreisedatum: Rückreisedatum:

Weitere Wünsche:

</label>
	</fieldset>
	<fieldset>
		<label>Name: <input class="text" type="text" name="name" /></label>
		<div class="clear"></div>
		<label>Telefon:<input class="text contactinfo" type="text" name="telefon" /></label>
		<label>E-Mail: <input class="text contactinfo" type="text" name="email" /></label>	
	</fieldset>
	<div id="form-error"></div>
	<fieldset>
		<input type="submit" value="Senden »" class="button" />
	</fieldset>
</form>
 
<script type="text/javascript">
	$(document).ready(function () {
		$("#hotelname").text($("#hd_hotelname").text());
		$("#location").text($("#hd_location").text());
		$("input[name=hotelname]").val($("#hd_hotelname").text());
		$("input[name=hotelcode]").val($(".hotelcode span").text());
		$("input[name=location]").val($("#hd_location").text());
		
		_gaq.push(['_trackPageview', '/Ziele/Hoteldetails/SidebarAnreiseGeoeffnet']);
		
		$("#form_anfrage").validate({
			rules: {
				telefon: {
					require_from_group: [1,".contactinfo"]
				},
				email: {
					require_from_group: [1,".contactinfo"],
					email: true
				}			
			},
			messages: {
				email: "Bitte geben Sie eine gültige E-Mail-Adresse an."
			},
			submitHandler: function() {
				frageSenden();
			},
			errorLabelContainer: $("#form-error")
		});
		
	});
	function frageSenden() {
		var data = "source=form_anreise&" + $("#form_anfrage").serialize() + "&random=" + Math.random();
		$.ajax({
			url: "/guenstig/dataprovider.aspx",
			type: "POST",
			data: data,
			success: function(data) {
    			$.ajax({
					url: "/guenstig/modal-hotel-danke.aspx",
					type: "POST",
					success: function(data) {
						_gaq.push(['_trackPageview', '/Ziele/Hoteldetails/SidebarAnreiseGesendet']);
						$('.fancybox-inner').replaceWith(data);
					}
				});
  			}
		});

return false;
	}
	
	jQuery.validator.addMethod("require_from_group", function(value, element, options) {
    numberRequired = options[0];
    selector = options[1];
    //Look for our selector within the parent form
    var validOrNot = $(selector, element.form).filter(function() {
         // Each field is kept if it has a value
         return $(this).val();
         // Set to true if there are enough, else to false
      }).length >= numberRequired;

//The elegent part - this element needs to check the others that match the
    //selector, but we don't want to set off a feedback loop where all the
    //elements check all the others which check all the others which
    //check all the others...
    //So instead we
    //  1) Flag all matching elements as 'currently being validated'
    //  using jQuery's .data()
    //  2) Re-run validation on each of them. Since the others are now
    //     flagged as being in the process, they will skip this section,
    //     and therefore won't turn around and validate everything else
    //  3) Once that's done, we remove the 'currently being validated' flag
    //     from all the elements
    if(!$(element).data('being_validated')) {
    var fields = $(selector, element.form);
    fields.data('being_validated', true);
    //.valid() means "validate using all applicable rules" (which 
    //includes this one)
    fields.valid();
    fields.data('being_validated', false);
    }
    return validOrNot;
    // {0} below is the 0th item in the options field
    }, jQuery.format("Bitte geben Sie Ihre Telefonnummer oder Ihre E-Mail-Adresse an."));
</script>
</div>