$(document).ready(function(){

	$("#orderform").validate({
		rules: {
			anrede: {
				required: true,
				valid: true
			},
			nachname: {
				required: true,
				valid: true
			},
			firma: {
				required: true,
				valid: true
			},
			email: {
				required: true,
				valid: true
			},
			plz: {
				required: true,
				valid: true
			},
			ort: {
				required: true,
				valid: true
			},
			strasse: {
				required: true,
				valid: true
			},
			tel: {
				required: true,
				valid: true
			}
		},
		messages: {
			anrede: {
				required: "Bitte wählen Sie eine Anrede aus"
			},
			nachname: {
				required: "Bitte geben Sie Ihren Nachnamen an"
			},
			firma: {
				required: "Bitte geben Sie Ihren Firmennamen an"
			},
			email: {
				required: "Bitte geben Sie Ihre E-Mail Adresse an"
			},
			plz: {
				required: "Bitte geben Sie Ihre PLZ an"
			},
			ort: {
				required: "Bitte geben Sie Ihren Ort an"
			},
			strasse: {
				required: "Bitte geben Sie Ihren Straßennamen an"
			},
			tel: {
				required: "Bitte geben Sie Ihre Telefonnummer an"
			}
		},	
		submitHandler:function(){
			var anrede = $("input[name=anrede]:checked").val();
			var nn = $("input[name=nachname]").val();
			if(anrede=="Frau"){
				$("#person").html("Sehr geehrte Frau "+nn+",");
			}else{
				$("#person").html("Sehr geehrter Herr "+nn+",");
			}			
			$.ajax({
				type: "POST",  
				url: "ajax/insert.php",
				data: $("#orderform").serialize(),
				success: function(erg){
					if(erg=="true"){
						$("form").slideUp(function(){
							$("#confirm").slideDown();
						});
					}
				}
			});
		}
	});
	
	// Hovereffekt Navi
	$("#logos div").hover(function(){
		var selected = $(this).attr('id');
		var src = $("#"+selected+" > a > img").attr('src');
		var aktiv = src.replace("_aktiv.gif", ".gif");
		var aktiv = aktiv.replace(".gif", "_aktiv.gif");
		$("#"+selected+" > a > img").attr('src',aktiv);
		$("#"+selected+" > a > img").attr('lang','on');
	},function(){
		var selected = $(this).attr('id');
		var src = $("#"+selected+" > a > img").attr('src');
		var aktiv = src.replace("_aktiv.gif", ".gif")
		$("#"+selected+" > a > img").attr('src',aktiv);
	});
	
	$("#dimensionen div").hover(function(){
		var selected = $(this).attr('id');
		var src = $("#"+selected+" > a > img").attr('src');
		var aktiv = src.replace("_aktiv.gif", ".gif");
		var aktiv = aktiv.replace(".gif", "_aktiv.gif");
		$("#"+selected+" > a > img").attr('src',aktiv);
		$("#"+selected+" > a > img").attr('lang','on');
	},function(){
		var selected = $(this).attr('id');
		var src = $("#"+selected+" > a > img").attr('src');
		var aktiv = src.replace("_aktiv.gif", ".gif")
		$("#"+selected+" > a > img").attr('src',aktiv);
	});
	
	$("#center").hover(function(){
		$("#h > a > img").attr('src','images/dimension/h_aktiv.gif');
		$("#p > a > img").attr('src','images/dimension/p_aktiv.gif');
		$("#m > a > img").attr('src','images/dimension/m_aktiv.gif');
		$("#k > a > img").attr('src','images/dimension/k_aktiv.gif');
		$("#f > a > img").attr('src','images/dimension/f_aktiv.gif');
		$("#c > a > img").attr('src','images/dimension/c_aktiv.gif');
		$("#o > a > img").attr('src','images/dimension/o_aktiv.gif');
		$("#e > a > img").attr('src','images/dimension/e_aktiv.gif');
		$("#d > a > img").attr('src','images/dimension/d_aktiv.gif');
	},function(){
		$("#h > a > img").attr('src','images/dimension/h.gif');
		$("#p > a > img").attr('src','images/dimension/p.gif');
		$("#m > a > img").attr('src','images/dimension/m.gif');
		$("#k > a > img").attr('src','images/dimension/k.gif');
		$("#f > a > img").attr('src','images/dimension/f.gif');
		$("#c > a > img").attr('src','images/dimension/c.gif');
		$("#o > a > img").attr('src','images/dimension/o.gif');
		$("#e > a > img").attr('src','images/dimension/e.gif');
		$("#d > a > img").attr('src','images/dimension/d.gif');
	});
	
	$("#order").click(function(){
		$("#kontakt").fadeIn();
	});
	
	$("#close").click(function(){
		$("#kontakt").fadeOut();
	});
	
});