﻿$(document).ready(function () {


    var jVal = {

        'fullName': function () {

            $('.pName').append('<div id="nameInfo" class="info"></div>');

            var nameInfo = $('#nameInfo');
            var ele = $('#ctl00_kontakt1_fullname');
            var pos = ele.offset();

            nameInfo.css({
                top: pos.top - 3,
                left: pos.left + ele.width() + 15
            });

            if (ele.val().length < 2) {
                jVal.errors = true;
                nameInfo.removeClass('correct').addClass('error').html('&larr; Minst 2 bokstäver.').show();
                ele.removeClass('normal').addClass('wrong');
            } else {
                nameInfo.removeClass('error').addClass('correct').html('&radic;').show();
                ele.removeClass('wrong').addClass('normal');
            }
        },

        'subject': function () {

            $('.pSubject').append('<div id="subjectInfo" class="info"></div>');

            var nameInfo = $('#subjectInfo');
            var ele = $('#ctl00_kontakt1_subject');
            var pos = ele.offset();

            nameInfo.css({
                top: pos.top - 3,
                left: pos.left + ele.width() + 15
            });

            if (ele.val().length < 2) {
                jVal.errors = true;
                nameInfo.removeClass('correct').addClass('error').html('&larr; Du måste skriva ett ämne.').show();
                ele.removeClass('normal').addClass('wrong');
            } else {
                nameInfo.removeClass('error').addClass('correct').html('&radic;').show();
                ele.removeClass('wrong').addClass('normal');
            }
        },


        'email': function () {

            $('.pEmail').append('<div id="emailInfo" class="info"></div>');

            var emailInfo = $('#emailInfo');
            var ele = $('#ctl00_kontakt1_email');
            var pos = ele.offset();

            emailInfo.css({
                top: pos.top - 3,
                left: pos.left + ele.width() + 15
            });

            var patt = /^.+@.+[.].{2,}$/i;

            if (!patt.test(ele.val())) {
                jVal.errors = true;
                emailInfo.removeClass('correct').addClass('error').html('&larr; En godkänd E-postadress krävs').show();
                ele.removeClass('normal').addClass('wrong');
            } else {
                emailInfo.removeClass('error').addClass('correct').html('&radic;').show();
                ele.removeClass('wrong').addClass('normal');
            }
        },

        'message': function () {

            $('.pMessage').append('<div id="messageInfo" class="info"></div>');

            var messageInfo = $('#messageInfo');
            var ele = $('#ctl00_kontakt1_message');
            var pos = ele.offset();

            messageInfo.css({
                top: pos.top - 3,
                left: pos.left + ele.width() + 15
            });

            if (ele.val().length < 20) {
                jVal.errors = true;
                messageInfo.removeClass('correct').addClass('error').html('&larr; Skriv ett lite längre meddelande!').show();
                ele.removeClass('normal').addClass('wrong').css({ 'font-weight': 'normal' });
            } else {
                messageInfo.removeClass('error').addClass('correct').html('&radic;').show();
                ele.removeClass('wrong').addClass('normal');
            }
        },

        'sendIt': function () {
            if (!jVal.errors) {
                $('#ctl00_kontakt1_send').style.visibility='visible';
            }
        }
    };

    // ====================================================== //

    //    $('#ctl00_kontakt1_send').click(function () {
    //        var obj = $.browser.webkit ? $('body') : $('html');
    //        obj.animate({ scrollTop: $('#jform').offset().top }, 750, function () {
    //            jVal.errors = false;
    //            jVal.fullName();
    //            jVal.subject();
    //            jVal.email();
    //            jVal.message();
    //            jVal.sendIt();
    //        });
    //        return false;
    //    });

    $('#ctl00_kontakt1_fullname').change(jVal.fullName);
    $('#ctl00_kontakt1_subject').change(jVal.subject);
    $('#ctl00_kontakt1_email').change(jVal.email);
    $('#ctl00_kontakt1_message').change(jVal.message);

});
