var Login = function() {



    var handleLogin = function() {



        $('.login-form').validate({

            errorElement: 'span', //default input error message container

            errorClass: 'help-block', // default input error message class

            focusInvalid: false, // do not focus the last invalid input

            rules: {

                username: {

                    required: true

                },

                password: {

                    required: true

                },

                remember: {

                    required: false

                }

            },



            messages: {

                username: {

                    required: "Username is required."

                },

                password: {

                    required: "Password is required."

                }

            },



            invalidHandler: function(event, validator) { //display error alert on form submit   

                $('.alert-danger', $('.login-form')).show();

            },



            highlight: function(element) { // hightlight error inputs

                $(element)

                    .closest('.form-group').addClass('has-error'); // set error class to the control group

            },



            success: function(label) {

                label.closest('.form-group').removeClass('has-error');

                label.remove();

            },



            errorPlacement: function(error, element) {

                error.insertAfter(element.closest('.input-icon'));

            },



            submitHandler: function(form) {

                form.submit(); // form validation success, call ajax form submit

            }

        });



        $('.login-form input').keypress(function(e) {

            if (e.which == 13) {

                if ($('.login-form').validate().form()) {

                    $('.login-form').submit(); //form validation success, call ajax form submit

                }

                return false;

            }

        });

    }



 

  



    return {

        //main function to initiate the module

        init: function() {



            handleLogin();



            // init background slide images

            $('.login-bg').backstretch([

                "../assets/pages/img/login/bg1.jpg",

                "../assets/pages/img/login/bg2.jpg",

                "../assets/pages/img/login/bg3.jpg"

                ], {

                  fade: 1000,

                  duration: 8000

                }

            );



        }



    };



}();



jQuery(document).ready(function() {

    Login.init();

});