// requires JQuery and Validation plugin
// works with form1.1.css layouts to add JS error messages below input labels and required flags
jQuery(function(){
    var $ = jQuery;
    // adds the required flags
    var requiredFlag = '<span class="requiredFlag"> *</span>';
    var $form = $("#cssform");
    $form.find(':input[type=text].required').add('textarea.required').each(function(){
        var id = $(this).attr('id');
        var $label;
        if (id) {
            $label = $form.find("label[for="+id+"]");
        } else {
            $label = $();
        }
        if (! $label.length) $label = $(this).prev('label');
        $label.append(requiredFlag);
    })

    var options = {
        // debug: false,
	errorElement: "span",
	errorPlacement: function(error, element) {
	    error.appendTo(element.prev("label"));
	},
	submitHandler: function(form) {
            // prevent multiple submissions
            if (! this.pendingRequest) {
                this.pendingRequest = true;
		form.submit();
            }
   	}
    };

    if (window["validate_options"])
        $.extend(options, window["validate_options"]);

    $("#cssform").validate(options);

    // hack for ie input text styling (see form1.1.css for more info)
    // adds a class called text to all inputs with type text.
    $("input[type=text]").addClass("text");
});