/*
 * Image preview script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
 
this.imagePreview = function(){	
	/* CONFIG */
		
		xOffset = 10;
		yOffset = 30;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	$("a.preview").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' />"+ c +"</p>");								 
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#preview").remove();
    });	
	$("a.preview").mousemove(function(e){
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};








$().ready(function() {

	$("#gebdat").mask("99.99.9999");

	
	// validate signup form on keyup and submit
	
	$("#kontaktdaten").validate({
		rules: {
			anrede: "required",
			vorname: "required",
			name: "required",
			strasse: "required",
			plz: "required",
			ort: "required",
			telefon: "required",
			email: {
				required: true,
				email: true
			},
			gebdat: {
		    	dateDE: true
		    },
			zahlungsart: "required",
			CVV: {
				required: "#zh-2:checked",
				minlength: 3
			},
			Kartentyp: {
				required:  "#zh-2:checked"
			},
			Kartennummer: {
				required: "#zh-2:checked"
				,
				minlength: 12
			},
			exp: {
				required: "#zh-2:checked"
			},
			exp2: {
				required: "#zh-2:checked"
			},
			agb: "required"
		},
		messages: {
			anrede: "Bitte füllen Sie Anrede aus.",
			vorname: "Bitte füllen Sie Vorname aus.",
			name: "Bitte füllen Sie Name aus.",
			strasse: "Bitte füllen Sie Strasse aus.",
			plz: "Bitte füllen Sie PLZ aus.",
			ort: "Bitte füllen Sie Ort aus.",
			gebdat: "Format für Ihr Geburtsdatum muss TT.MM.JJJJ sein",
			telefon: "Bitte füllen Sie Telefon aus.",
			Kartennummer: 	{
								required: "Bitte geben Sie Ihre Kreditkartennummer ein",
								minlength: "Die Kartennummer muss mindestens 12 Zeichen lang sein"
							},
			CVV: 	{
						required: "Bitte geben Sie den CVV-Code ein",
						minlength: "Der CVV-Code muss mindestens 3 Zeichen lang sein"
					},
			exp: "Bitte geben Sie den Verfallsmonat Ihrer Kreditkarte ein",
			exp2: "Bitte geben Sie das Verfallsjahr Ihrer Kreditkarte ein",
			email: "Bitte füllen Sie E-Mail aus",
			zahlungsart: "WBitte wählen Sie ein Zahlungsmittel",
			agb: "Bitte akzeptieren Sie die AGB's"
		}
	});
		
		
		
		
	// order kreditkarte
	
	try {
	    $("input[name='zahlungsart']").click(function(){
	        
	        if($(this).val() == 'Kreditkarte')
	        {   $("#Kartentyp, #Kartennummer, #CVV, #exp2, #exp").attr('disabled', false);
	        }
	        else
	        {   $("#Kartentyp, #Kartennummer, #CVV, #exp2, #exp").attr('disabled', true);
	        }
	    });
	}
	catch(e) {alert(e)};
	
	
	imagePreview();
	
});