$(document).ready(function() {

    $('#registration').dialog({
        autoOpen: false,
        width: 422,
        height: 316,
        draggable: false,
        modal: true,
        resizable: false,
        title: 'Registration',
        buttons: {
            'Submit': submitRegistration
        }
    });

    $('#messageBox').dialog({
        autoOpen: false,
        modal: true,
        resizeable: false,
        draggable: false,
        width:450,
        height:200,
        buttons: {
            'Ok': function() { $(this).dialog('close'); }
        }
    });

    $('a.register').click(showRegForm);
});

function showRegForm(e) {
    e.preventDefault();
    $('#registration').dialog('open');
}

function submitRegistration() {

    var bValid = true;

    $('#regEmail, regName').removeClass('ui-state-error');

    bValid = bValid && checkRegexp($('#regName'), /^.+$/i, "Please provide your name");
    bValid = bValid && checkRegexp($('#regPhone'), /.+/, "Please provide your phone number");
    bValid = bValid && checkRegexp($('#regEmail'), /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i, "eg someone@example.com");

    if (bValid) {

        var listingId = window.location.pathname.substring(window.location.pathname.lastIndexOf('/') + 1);
        $('#registration').find('input[name="listingId"]').val(listingId);
        $('#registration').find('form').submit();
    }
}

function showMessage(title, content) {
    $('#messageBox').find('p').html(content);
    $('#messageBox').dialog('option', 'title', title);
    $('#messageBox').dialog('open');
}

function checkRegexp(o, regexp, n) {
    if (!(regexp.test(o.val()))) {
        o.addClass('ui-state-error');
        updateTips(n);
        return false;
    } else {
        return true;
    }
}

function updateTips(t) {
    $('.validateTips').text(t).addClass('ui-state-highlight');
    setTimeout(function() {
        $('#regEmail, regName').removeClass('ui-state-highlight', 1500);
    }, 500);
}