/**
 * Dealer ajax part.
 *
 */

$(document).ready(function() {

    // validate signup form on keyup and submit
    validatorOrder = $("#orderCatalogueForm").validate({
        rules: {
            "AdunArgs[name]": {
                required: true
            },
            "AdunArgs[address]": {
                required: true
            },
            "AdunArgs[zip]": {
                required: true
            },
            "AdunArgs[city]": {
                required: true
            },
            "AdunArgs[email]": {
                required: true,
                email: true
            },
            "AdunArgs[phone]": {
                required: true
            }
        },
        messages: {
            "AdunArgs[name]": {
                required: ""
            },
            "AdunArgs[address]": {
                required: ""
            },
            "AdunArgs[zip]": {
                required: ""
            },
			"AdunArgs[city]": {
                required: ""
            },
			"AdunArgs[email]": {
                required: "",
                minlength: ""
            },
            "AdunArgs[phone]": {
                required: ""
            }
        },
        // the errorPlacement has to take the table layout into account
        errorPlacement: function(error, element) {
            error.appendTo(element.parent());
        },
        // set this class to error-labels to indicate valid fields
        success: function(label) {
            // set   as text for IE
            //TODO where the fuck does this go??
            //label.html(" ").addClass("checked");
            },

        highlight: function(element) {
            //		   alert(element.type == "select-one");
            //		   alert(element.name);
            $(element).parent().children("span").css({
                color: "#ff0000"
            });
            $(element).css({
                border: "1px dotted #ff0000"
            });
        },
        unhighlight: function(element) {
            $(element).parent().children("span").css({
                color: "#000000"
            });
            $(element).css({
                border: "1px solid #000000"
            });
        }
    });

    // validate signup form on keyup and submit
    validatorDownload = $("#downloadCatalogueForm").validate({
        rules: {
            "AdunArgs[name]": {
                required: true
            },
            "AdunArgs[zip]": {
                required: true
            },
            "AdunArgs[email]": {
                required: true,
                email: true
            }
        },
        messages: {
            "AdunArgs[name]": {
                required: ""
            },
            "AdunArgs[zip]": {
                required: "",
                digits: ""
            },
            "AdunArgs[email]": {
                required: "",
                minlength: ""
            }
        },
        // the errorPlacement has to take the table layout into account
        errorPlacement: function(error, element) {
            error.appendTo(element.parent());
        },
        // set this class to error-labels to indicate valid fields
        success: function(label) {
            // set   as text for IE
            //TODO where the fuck does this go??
            //label.html(" ").addClass("checked");
            },

        highlight: function(element) {
            //		   alert(element.type == "select-one");
            //		   alert(element.name);
            $(element).parent().children("span").css({
                color: "#ff0000"
            });
            $(element).css({
                border: "1px dotted #ff0000"
            });
        },
        unhighlight: function(element) {
            $(element).parent().children("span").css({
                color: "#000000"
            });
            $(element).css({
                border: "1px solid #000000"
            });
        }
    });

    //add submit functionality to order button:
    $("#orderCatalogue").click(function(event) {
        if (validatorOrder.form())
            $('#orderCatalogueForm').submit();
    });


    //add submit functionality to download button:
    $("#downloadCatalogue").click(function(event) {
        if (validatorDownload.form())
            $('#downloadCatalogueForm').submit();
    });
    
    
    
    
    
    
    
    				function validateFields(form){
					  var proceed = true;
				  
					  var test = "";
					  //check pdf2gather fields
					  var pdf2gatherChosen = false;
					  for (var i = 0; i < form.elements.length; i++) {
						  var field = form.elements[i];
						  if (field.type == "checkbox" && field.name.indexOf("pdf2gather") != -1) {
							  if (field.checked) {
								  pdf2gatherChosen = true;
								  break;
							  }
						  }
					  }

  					  var missingFields = false;
					  if (form.name.value) {
						  form.name.value
					  }
					  
					  var errorMessage = form.name.value;
					  		/*			  
					  //error messages
					  var errorMessage = "";
					  
					  if (!pdf2gatherChosen) {
						  errorMessage += "\r" + "Du skal vælge et type køkken.";
						  proceed = false;
					  }
					  

					  if () {
						  errorMessage += "\r" + "Du skal udfylde ";
						  proceed = false;
					  
					  }
					  if () {
						  errorMessage += "\r" + "Du skal vælge et type køkken.";
						  proceed = false;
					  
					  }*/
					//  alert(errorMessage);
				  
					  return true;
				}
});