var ajax = '/ajax/publicBackend.php';
var comment = {};

function submitComment() {
    if ($('commentName').value != '') {
        $('errorMessage').innerHTML = '';

        comment.postId = $('commentPostId').value;
        comment.name = $('commentName').value;
        comment.email = $('commentEmail').value;
        comment.website = $('commentWebsite').value;
        comment.comment = $('commentComment').value;

        if ($('commentSubmit')) { $('commentSubmit').disabled = true; }

        new Ajax.Request(ajax, { parameters: 'pos=postcomment&postid=' + comment.postId + '&name=' + encodeURIComponent(comment.name) + '&email=' + encodeURIComponent(comment.email) + '&website=' + encodeURIComponent(comment.website) + '&comment=' + encodeURIComponent(comment.comment), onSuccess: handlerSubmitComment, onFailure: errFunc, onException: errFunc });

    } else {
        $('errorMessage').innerHTML = "You must enter your name. Please try again.";
        new Effect.Highlight('commentName', { startcolor: '#dd0000', endcolor: '#ffffff' });

    }
}

function handlerSubmitComment(t) {

    if (t.responseText.match("%%SUCCESS%%") || t.responseText.match("%%MODERATE%%")) {

        $('commentName').value = '';
        $('commentEmail').value = '';
        $('commentWebsite').value = '';
        $('commentComment').value = '';

        if ($('commentSubmit')) { $('commentSubmit').disabled = false; }

        var commentEl = document.createElement('DIV');
        var rand = Math.floor(Math.random() * 10000);
        commentEl.id = "comment" + rand;

        comment.comment = comment.comment.replace(new RegExp("\n", "g"), "<br/>");
        comment.website = "http://" + comment.website.replace(/http:\/\//, "");
        comment.website = comment.website == "http://" ? "" : "<a href='" + comment.website + "'>";
        comment.endTag = comment.website == "http://" ? "" : "</a>";
        comment.name = comment.name == "" ? "Anonymous" : comment.name;
        if (t.responseText.match("%%MODERATE%%")) {
            comment.moderate = "<b>Note: This comment is currently being held for moderation awaiting approval.</b><br/><br/>";
        } else {
            comment.moderate = "";
        }

        commentEl.innerHTML = comment.moderate + "<b>" + comment.website + comment.name + comment.endTag + "</b><br/>" + comment.comment + "<div style='margin: 5px 0; border-bottom: 1px solid #ccc;'> &nbsp; </div><br/>";
        commentEl.style.display = 'none';
        $('lastComment').appendChild(commentEl);
        Effect.Appear(commentEl);

        // Reset fields
        $('commentName').value = '';
        $('commentEmail').value = '';
        $('commentWebsite').value = '';
        $('commentComment').value = '';

    } else {

        if ($('commentSubmit')) { $('commentSubmit').disabled = false; }

        if (t.responseText.match("ERROR:")) {
            $('errorMessage').innerHTML = t.responseText.replace("ERROR:", "");
        } else {
            $('errorMessage').innerHTML = "There was an error submitting your comment. Please try again";
        }
    }

}

function errFunc(t) {

    $('errorMessage').innerHTML = "There was an error submitting your comment. Please try again";

}

function updateForm() {
    if (window.location.href.match(/posted=(.*)$/)) {
        var posted = $H(decodeURIComponent(window.location.href.match(/posted=(.*)$/)[1].replace(/\+/g, ' ')).evalJSON());
        $$('form').each(
            function(form) {
                posted.each(
                    function(pair) {
                        if (typeof (pair.value) === 'object') {
                            $H(pair.value).each(function(subpair) {
                                form.getInputs().each(function(input) {
                                    if (input.name.replace(/_u\d*/, '') == pair.key + '[' + subpair.key + ']'
                                        || input.name == pair.key + '[' + subpair.key + ']') {
                                        if (input.type === 'checkbox') {
                                            input.checked = 1;
                                        }
                                        else {
                                            input.value = subpair.value;
                                        }
                                    }
                                });
                            });
                        }
                        else {
                            form.getInputs().each(function(input) {
                                if (input.name.replace(/_u\d*/, '') == pair.key
                                    || input.name == pair.key) {
                                    var realName = input.name;
                                    if (form[realName][0] && form[realName][0].type === 'radio') {
                                        form.getInputs('radio', realName).each(function(radioinput) {
                                            if (radioinput.value == pair.value) {
                                                radioinput.checked = true;
                                            }
                                        });
                                    }
                                    else {
                                        input.value = pair.value;
                                    }
                                }
                            });
                        }
                    }
                )
            }
        );
    }

    if (window.location.href.match(/form-errors=(.*?)&/) && window.location.href.match(/ucfid%22%3A%22(.*?)%/)) {
        var errors = window.location.href.match(/form\-errors=(.*?)&/)[1].split(',');
        var ucfid = window.location.href.match(/ucfid%22%3A%22(.*?)%/)[1];
        var form = $('form-' + ucfid);
        errors.each(function(field) {
            field = decodeURIComponent(field);
            form.getInputs().each(function(input) {
                if (input.name.replace(/_u\d*/, '') == field || input.name.replace(/.*_u/, '_u') == field) {
                    input.addClassName('form-input-error');
                    input.up('.weebly-form-field').addClassName('form-field-error');
                }
            });
        });
        $(ucfid + '-form-parent').insert({ 'after': '<div>Please correct the highlighted fields</div>' });
    }

    if (window.location.href.match(/success\=1/) && window.location.href.match(/ucfid\=(.*)/)) {
        var ucfid = window.location.href.match(/ucfid\=(.*?)&/)[1];
        var form = $('form-' + ucfid);
        var confText = 'Your data was successfully submitted.';
        var textMatch = window.location.href.match(/text=(.*?)&/);
        if (textMatch) {
            confText = decodeURIComponent(textMatch[1].replace(/\+/g, ' '));
        }
        form.update('<div>' + confText + '</div>');
    }
}

document.observe('dom:loaded', updateForm);

function showFieldInstructions(msg, pointTo) {
    removeFieldInstructions();
    var image = false;
    var el = new Element('div', { 'class': 'instructions-container', 'id': pointTo.id + '-instructions' }).update(msg);
    currentVisibleError = el.identify();
    el.observe('click', function(e) { el.hide().remove() });
    $(pointTo).up('.weebly-form-field').insert({ 'bottom': el });
    var dimensions = el.getDimensions();

    var target = $(pointTo);
    var offset = target.cumulativeOffset();
    var targetDimensions = target.getDimensions();
    var top = (offset.top + targetDimensions.height / 2 - dimensions.height / 2) + 'px';
    var left = (offset.left + targetDimensions.width + 20) + 'px';

    el.setStyle({ top: top, left: left });
    //set arrow position
    var imagetop = Math.floor(dimensions.height / 2) - 10;
    var imageleft = '-13';
    el.insert({ 'bottom': '<img src="http://www.weebly.com/images/error_arrow_left.gif" style="position: absolute; left:' + imageleft + 'px; top: ' + imagetop + 'px;" />' });
}

function handlerRemoveFieldInstructions(event) {
    var el = Event.element(event);
    if (!el.hasClassName('weebly-form-field') && !el.up('.weebly-form-field')) {
        document.stopObserving('mousemove', handlerRemoveFieldInstructions);
        removeFieldInstructions();
    }
}

function removeFieldInstructions() {
    $$('.instructions-container').each(function(el) {
        if (!currentlyFocusedFormElement || el.up('.weebly-form-field').identify() != currentlyFocusedFormElement) {
            el.remove();
        }
    })
}

function fieldInstructionsHandler() {
    $$('.weebly-form-instructions').each(function(el) {
        if (!el.innerHTML.empty()) {
            var pointTo = $(el.id.replace('instructions', 'input'));
            //select inputs
            if (!pointTo) {
                pointTo = el.up('.weebly-form-field').down('.form-select');
            }
            //radio/checkbox inputs
            if (!pointTo) {
                pointTo = el.up('.weebly-form-field').down('.weebly-form-label');
            }
            var container = pointTo.up('.weebly-form-field');
            if (pointTo.up('.weebly-form-input-container') && pointTo.up('.weebly-form-input-container').hasClassName('weebly-form-left')) {
                pointTo = pointTo.up('.weebly-form-input-container').next('.weebly-form-right');
            }
            container.observe('mouseover', function(event) {
                if (this.hasClassName('weebly-form-field')) {
                    if (!container.down('.instructions-container')) {
                        showFieldInstructions(el.innerHTML, pointTo);
                    }
                    document.observe('mousemove', handlerRemoveFieldInstructions);
                }
            });
        }
    })
}

document.observe('dom:loaded', fieldInstructionsHandler);
currentlyFocusedFormElement = null;
document.observe('click', function(event) {
    var el = Event.element(event);
    var up = el.up('.weebly-form-field');
    if (el.hasClassName('weebly-form-field')) {
        up = el;
    }
    if (up) {
        currentlyFocusedFormElement = up.identify();
    }
    else {
        currentlyFocusedFormElement = null;
    }
    removeFieldInstructions();
});