$(function () {

   SF_START.email.init();

});

var SF_START = {
    
    email: {

        init: function () {

            $("#email-link").click(function (e) {

                if (!SF_START.email.validate()) {
                    return false;
                }

                SF_START.hideError();
                SF_START.email.send();
                return false;
            });

            $('#email-form-input')
                .placeholder()
                .focusin(function() {
                    $(this).addClass('active');
                })
                .focusout(function() {
                    $(this).removeClass('active');
                });

            

        },

        send: function () {
            var email = 'email=' + $("#email-form-input").val();
            
            $.ajax({
                data: email,
                type: 'POST',
                url: 'http://shareflake.com/iminterested',
                success: function (data) {
                   
                    $('#email-unsent-div').hide();
                    $('#email-sent-div').fadeIn(2000);
                },
                error: function (data, textData) {
                    SF_START.showPanel('content-email-senderror');
                }
            });
        },

        reset: function () {
            $("#email-form-input").removeClass("form-error");
            SF_START.hideError();
        },

        validate: function () {

            var hasError = false;

            $fld = $("#email-form-input");
            if (!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test($fld.val()))) {
                $fld.addClass("form-error");
                hasError = true;
                SF_START.showError('Fyll i en giltig epostadress');
            } else {
                $fld.removeClass("form-error");
            }

            return !hasError;
        }
    },

    showError: function (text) {
        $('#errormessage-div').show();
        $('#errormessage').text(text);
    },

    hideError: function () {
        $('#errormessage-div').hide();
        $('#message').val('');
    }

}