function change_teaser(id){
	var next_id = (id+1);
	if(next_id==4){
		next_id=1;
	}
	$("#teaser"+id).animate({opacity: 1},1000, function(){
		$("#teaser"+id)
			.animate({marginLeft: "-25px"},5000)
			.animate({marginLeft: "-30px",opacity: 0},1000, function(){
				change_teaser(next_id);
				$("#teaser"+id).css('marginLeft','0px');
		});
	});
}
	
$(document).ready(function(){

	$("#teaser1").css('opacity',0.3);
	$("#teaser2,#teaser3").css('opacity',0);

	change_teaser(1);
	
	$("a[rel^='prettyPopin']").prettyPopin({
		modal : true, /* true/false */
		width : 500, /* false/integer */
		height: false, /* false/integer */
		opacity: 0.4, /* value from 0 to 1 */
		animationSpeed: 'fast', /* slow/medium/fast/integer */
		followScroll: true, /* true/false */
		loader_path: 'js/jquery/plugins/prettyPopin/images/prettyPopin/loader.gif',
		callback: function(){}
	});
	
	$("input[id^='geb_']").blur(function(){
		var geb=$("#geb_jahr").val()+'-'+$("#geb_monat").val()+'-'+$("#geb_tag").val();
		$("#geburtsdatum").attr("value",geb);
	});

	$("#f_step1").validate({
		rules: {
			antwort: {
				required: true,
				valid: true
			},
			anrede: {
				required: true,
				valid: true
			},
			vorname: {
				required: true,
				valid: true
			},
			nachname: {
				required: true,
				valid: true
			},
			geburtsdatum: {
				required: true,
				dateDE: true,
				valid: true
			},
			email: {
				required: true,
				valid: true,
				email: true
			},
			agb_sponsoren: {
				required: true,
				valid: true
			},
			agb: {
				required: true,
				valid: true
			}
		},
		messages: {
			anrede: {
				required: "Bitte Anrede auswählen"
			},
			vorname: {
				required: "Bitte Vorname angeben"
			},
			nachname: {
				required: "Bitte Nachname angeben"
			},
			email: {
				required: "Bitte E-Mail angeben"
			}
		},
		submitHandler:function(){
			var antwort = encodeURIComponent($("input[name='antwort']:checked").attr("value"));
			var anrede = encodeURIComponent($("input[name='anrede']:checked").attr("value"));
			var vorname = encodeURIComponent($("#vorname").val());
			var nachname = encodeURIComponent($("#nachname").val());
			var geburtsdatum = encodeURIComponent($("#geburtsdatum").val());
			var email = encodeURIComponent($("#email").val());
			var agb_sponsoren = encodeURIComponent($("input[name='agb_sponsoren']:checked").attr("value"));
			var agb = encodeURIComponent($("input[name='agb']:checked").attr("value"));
			var ip = encodeURIComponent($("#ip").val());
			$.ajax({  
				type: "POST",  
				url: "ajax/insert.php",
				data: 
				"antwort="+antwort+
				"&anrede="+anrede+
				"&vorname="+vorname+
				"&nachname="+nachname+
				"&geburtsdatum="+geburtsdatum+
				"&email="+email+
				"&agb_sponsoren="+agb_sponsoren+
				"&agb="+agb+
				"&ip="+ip,
				success: function(erg){
					if(erg=="true"){
						$("#step1").fadeOut(function(){
							$("#step2").fadeIn();
						});
					}
				}
			});
		}
	});

	$("#f_step2").validate({
		rules: {
			vorwahl: {
				required: true,
				digits: true
			},
			rufnummer: {
				required: true,
				digits: true
			},
			strasse: {
				required: true,
				valid: true
			},
			hausnummer: {
				required: true
			},
			plz: {
				required: true,
				digits: true
			},
			ort: {
				required: true
			}
		},
		messages: {
			strasse: {
				required: "Bitte Strasse angeben"
			}
		},
		submitHandler:function(){
			var vorwahl = encodeURIComponent($("#vorwahl").val());
			var rufnummer = encodeURIComponent($("#rufnummer").val());
			var strasse = encodeURIComponent($("#strasse").val());
			var hausnummer = encodeURIComponent($("#hausnummer").val());
			var plz = encodeURIComponent($("#plz").val());
			var ort = encodeURIComponent($("#ort").val());
			var land = encodeURIComponent($("#land").val());
			$.ajax({  
				type: "POST",  
				url: "ajax/update.php",
				data: 
				"vorwahl="+vorwahl+
				"&rufnummer="+rufnummer+
				"&strasse="+strasse+
				"&hausnummer="+hausnummer+
				"&plz="+plz+
				"&ort="+ort+
				"&land="+land,
				success: function(erg){
					if(erg=="true"){
						$("#step2").fadeOut(function(){
							$("#bestaetigung").load("ajax/bestaetigung.php");
							$("#step3").fadeIn();
						});
					}
				}
			});
		}
	});
	
});