jQuery(document).ready(function(){

	jQuery('.error').hide();
	jQuery('input.text-input').css({backgroundColor:"#FFFFFF"});
	jQuery('input.text-input').focus(function(){
		jQuery(this).css({backgroundColor:"#FFDDAA"});
	});
	jQuery('input.text-input').blur(function(){
		jQuery(this).css({backgroundColor:"#FFFFFF"});
	});
  
	 // callback link
    jQuery('#callback-link').click(function(e) {	
		jQuery('#callback-wrapper').css({"padding-top":"10px"});
		jQuery('#callback-wrapper').slideToggle();				
		return false;		
	});

	jQuery("#callback-submit").click(function() {

		// validate and process form
		var error = 0;
		// first hide any error messages
		jQuery('.error').hide();

		var lang = jQuery("input#lang").val();
		var msg = "";
		if (lang == "de") {
//			msg = '<h1 id="callback-head"><img id="checkmark" src="/fileadmin/templates/waechter/extensions/callback/images/check2.gif" />&nbsp;Callback abgeschickt</h1><p>Wir werden uns mit ihnen umgehend in Verbindung setzen!</p>';
			msg = '<h1 id="callback-head">Callback abgeschickt!</h1><p>Wir werden uns mit ihnen umgehend in Verbindung setzen!</p>';

		} else {
//			msg = '<h1 id="callback-head"><img id="checkmark" src="/fileadmin/templates/waechter/extensions/callback/images/check2.gif" />&nbsp;Callback sent.</h1><p>We get in touch with you as soon as possible!</p>';
			msg = '<h1 id="callback-head">Callback sent!</h1><p>We get in touch with you as soon as possible!</p>';			
		}

		var name = jQuery("input#callback-name").val();		
		if (name == "") {
			jQuery("label#name_error").show();
			jQuery("input#name").focus();
			error = 1;
		}
			
		var telefon = jQuery("input#callback-telefon").val();
		if (telefon == "") {
			jQuery("label#telefon_error").show();
			jQuery("input#callback-telefon").focus();
			error = 1;
		}

		if(error == 1) {
			return false;
		}
		
		var dataString = 'name='+ name + '&telefon=' + telefon + '&lang=' + lang;
		
		jQuery.ajax({
			type: "POST",
			url: "fileadmin/templates/waechter/extensions/callback/sendmail.php",
			data: dataString,
			success: function() {		  	
				jQuery('#callback').html("<div id='message'></div>");
				jQuery('#message').html(msg);
				
				jQuery('#callback-head"').css({
					"background":"url(/fileadmin/templates/waechter/extensions/callback/images/check2.gif) 0px -1px no-repeat",
					"padding":"0 0 0 25px"			
				});				
			}
		});



		return false;

	});
	

});