/**
 * Dealer ajax part.
 *
 */

$(document).ready(function() {

    // validate signup form on keyup and submit
    validator = $("#bookForm").validate({
        rules: {
            "AdunArgs[name]": {
                required: true
            },
            "AdunArgs[phone]": {
                required: true
            },
            "AdunArgs[email]": {
                required: true,
                email: true
            },
            "AdunArgs[date]": {
                required: true,
                minlength: 8,
                dateDE: true
            },
            /*
            "AdunArgs[branch_id]": {
                required: true
            },
            */
            "AdunArgs[time]": {
                required: true
            },
            accept: "required"
        },
        messages: {
            "AdunArgs[name]": {
                required: "Please enter your name"
            },
            "AdunArgs[phone]": {
                required: "Please enter your phone number"
            },
            "AdunArgs[email]": {
                required: "Please enter a valid email address",
                minlength: "Please enter a valid email address - min"
            },
            "AdunArgs[date]": {
                required: "Please enter a valid date",
                minlength: "min",
                dateDE: "please do date as: 01.01.2008"
            },
            /*
            "AdunArgs[branch_id]": {
                required: "Please select a shop"
            },
            */
            "AdunArgs[time]": {
                required: "vælg en tid?"
            },
            accept: " påkrævet "
        },
        // 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 #7e9db9"
            });
        }
    });

    //add submit functionality to button:
    $("#bookMeeting").click(function(event) {
        if (validator.form())
            $('#bookForm').submit();
    });
	$("input[@name='AdunArgs[branch_id]']").val($("input[@name=branchID]").val()); 
//	$("input[@name='AdunArgs[branch_id]']").val(); 
//	alert($("input[@name='AdunArgs[branch_id]']").val());


});