/**
 * @author s.jaeger
 */
$(document).ready(function()
{
	$("#schritt1 > ul").tabs();
	$("#schritt2 > ul").tabs();
	$("#schritt3 > ul").tabs();

	
	$(".weiter_2 div").click(function () 
	{ 
		var anzahl=0;
		$("#schritt1 form input[value!=0]").each(function(i){
   			anzahl++;
	 	});
		
		if (anzahl == 0) 
		{
			show_dialog("schritt1_fehler");
		}
		else 
		{
			$("#schritt1").hide();
			$("#schritt2").show();
		}
    });
	
	$(".zurueck_1 div").click(function () { 
    	$("#schritt2").hide();
		$("#schritt1").show();
    });
	
	$(".weiter_3 div").click(function () 
	{ 
		var anzahl=0;
		$("#schritt2 form input[value!=]").each(function(i){
			$(this).removeClass("leer");
   			anzahl++;
	 	});
		
		if (anzahl < 12) 
		{
			$("#schritt2 form input[value=]").each(function(i){
   				$(this).addClass("leer");
	 		});
			show_dialog("schritt2_fehler");
		}
		else 
		{
			var html='<table><tr><td>Bezeichnung</td><td>Menge</td><td align="center">Raumeinheiten</td></tr>';
			var html_kontakt='<table>';
var html_beladeort='<table>';
var html_entladeort='<table>';
			var gesamt=0;
			$("#schritt2").hide();
			$("#schritt3").show();
			
			//Umzugsgut ermitteln
			$("#schritt1 form input[value!=0]").each(function(i){
				html+='<tr><td width=200>'+this.name+'</td><td><input name="'+this.name+'" value="'+this.value+'" class="ui-tabs ui-widget ui-widget-content ui-corner-all"></td><td align="center">'+$(this).attr("raum")+'</td></tr>';
	 		
				gesamt+= parseInt(this.value)*parseInt($(this).attr("raum"));
			});
			html+='<tr><td>Summe Raumeinheiten</td><td colspan=2> <input name="summe_raumeinheiten" value="'+gesamt+'" readonly="readonly" class="ui-tabs ui-widget ui-widget-content ui-corner-all"></td></tr>';
			//Kontakt
			$("#inputs_kontakt input[value!=]").each(function(i){
				html_kontakt+='<tr><td width=200>'+this.name+'</td><td><input name="'+this.name+'" value="'+this.value+'" class="ui-tabs ui-widget ui-widget-content ui-corner-all"></td></tr>';
				
	 		});
			
			//Beladeort ermitteln
			
			$("#inputs_beladeort input[value!=]").each(function(i){
				html_beladeort+='<tr><td width=200>'+this.name+'</td><td><input name="'+this.name+'" value="'+this.value+'" class="ui-tabs ui-widget ui-widget-content ui-corner-all"></td></tr>';
	 		});
			if($("#inputs_beladeort #aufzug").val()=="ja")
			{
				html_beladeort+='<tr><td width=200>Aufzug</td><td><select id="aufzug" name="BO_aufzug" class="ui-tabs ui-widget ui-widget-content ui-corner-all"><option value="ja" selected="selected">ja</option><option value="nein">nein</option></select></td></tr>';
			}
			else
			{
				html_beladeort+='<tr><td width=200>Aufzug</td><td><select id="aufzug" name="BO_aufzug" class="ui-tabs ui-widget ui-widget-content ui-corner-all"><option value="ja">ja</option><option value="nein" selected="selected">nein</option></select></td></tr>';
			}
			
			
			
			
			//Entladeort ermitteln
			$("#inputs_entladeort input[value!=]").each(function(i){
				html_entladeort+='<tr><td width=200>'+this.name+'</td><td><input name="'+this.name+'" value="'+this.value+'" class="ui-tabs ui-widget ui-widget-content ui-corner-all"></td></tr>';
	 		});
			if($("#aufzug_ent").val()=="ja")
			{
				html_entladeort+='<tr><td width=200>Aufzug</td><td><select id="aufzug_ent" name="EO_aufzug" class="ui-tabs ui-widget ui-widget-content ui-corner-all"><option value="ja" selected="selected">ja</option><option value="nein">nein</option></select></td></tr>';
			}
			else
			{
				html_entladeort+='<tr><td width=200>Aufzug</td><td><select id="aufzug_ent" name="EO_aufzug" class="ui-tabs ui-widget ui-widget-content ui-corner-all"><option value="ja">ja</option><option value="nein" selected="selected">nein</option></select></td></tr>';
			}
			
			
			
			html_kontakt+='<tr><td width=200>Bemerkung</td><td><textarea id="bemerkung" name="Bemerkung" class="ui-tabs ui-widget ui-widget-content ui-corner-all">'+$("#inputs_kontakt #Bemerkung").val()+'</textarea></td></tr>';
			
			
			$("#umzugsgut").html('<form id="umzugsgut">'+html+'</form></table>');
			$("#kontakt").html('<form id="kontakt">'+html_kontakt+'</form></table>');
			$("#beladeort").html('<form id="beladeort">'+html_beladeort+'</form></table>');
			$("#entladeort").html('<form id="entladeort">'+html_entladeort+'</form></table>');
		}
    });
	
	$(".zurueck_2 div").click(function () { 
    	$("#schritt3").hide();
		$("#schritt2").show();
    });

    $(".zurueck_2 div").click(function () { 
    	$("#schritt3").hide();
		$("#schritt2").show();
    });

	$(".abschicken div").click(function () { 
		$.ajax({
		url:"php/send_mail.php",
		data: $("#umzugsgut form").serialize() + '&' + $("#kontakt form").serialize() + '&' + $("#beladeort form").serialize()  + '&' + $("#entladeort form").serialize(),
		dataType: 'html',
                async: false,
		success: function (data) {			
			if (data == 1) {
			  $("#schritt1 form input[value!=0]").each(function(i){
   				$(this).attr("value","0");
	 		  });
			  $("#schritt2 form input[value!=0]").each(function(i){
   				$(this).attr("value","");
	 		  });
			  $("#schritt2 form textarea").attr("value","");
			  $("#schritt3").hide();
			  $("#schritt2").hide();
			  $("#schritt1").show();
			  show_dialog("mail_erfolgreich");
			} else {
			  show_dialog("mail_fehlgeschlagen");
			}
		}
		});
         });
});


function show_dialog(id)
{
    $("#" + id).dialog({
        modal: true,
		bgiframe:true,
        overlay: {
            opacity: 0.5,
            background: "black"
        },
        
        buttons: {
            "OK": function(){
                $(this).dialog("close");
            }
        },
        draggable: false,
        resizable: false,
        autoOpen: false
    });
    $("#" + id).dialog('open');
}