(function (requirejs, require, define) {
define('PollMain', [], function () {

PollMain.prototype = {

'showAnswerGraph': function (poll_answers, total) {
    var _this, totalValue;

    totalValue = parseFloat(total);
    if (isFinite(totalValue) === false) {
        return;
    }

    _this = this;

    $.each(poll_answers, function (index, value) {
        var numValue, percentValue;

        numValue = parseFloat(value);
        if (isFinite(numValue) === false) {
            return;
        }

        percentValue = (numValue / totalValue) * 100.0;

        _this.answersObj[index].statsEl.show();
        _this.answersObj[index].numberEl.html('' + value + ' (' + percentValue.toFixed(1) + '%)');
        _this.answersObj[index].percentEl.css({
            'width': '' + percentValue.toFixed(1) + '%'
        });
    });
},

'submitAnswer': function (answer, answerObj) {
    var _this;

    // Make sure that the user can answer a question only once.
    if (this.questionAnswered === true) {
        return;
    }
    this.questionAnswered = true;

    _this = this;

    console.log('submit answer');

    answerObj.buttonEl.addClass('answered');

    // Send the data to the server as an AJAX request. Attach a callback that will
    // be fired on server's response.
    $.postWithPrefix(
        _this.ajax_url + '/' + answer,  {},
        function (response) {
            console.log('success! response = ');
            console.log(response);

            _this.showAnswerGraph(response.poll_answers, response.total);

            if (_this.canReset === true) {
                _this.resetButton.show();
            }

            // Initialize Conditional constructors.
            if (_this.wrapperSectionEl !== null) {
                $(_this.wrapperSectionEl).find('.xmodule_ConditionalModule').each(function (index, value) {
                    new window.Conditional(value, _this.id.replace(/^poll_/, ''));
                });
            }
        }
    );

}, // End-of: 'submitAnswer': function (answer, answerEl) {


'submitReset': function () {
    var _this;

    _this = this;

    console.log('submit reset');

    // Send the data to the server as an AJAX request. Attach a callback that will
    // be fired on server's response.
    $.postWithPrefix(
        this.ajax_url + '/' + 'reset_poll',
        {},
        function (response) {
            console.log('success! response = ');
            console.log(response);

            if (
                (response.hasOwnProperty('status') !== true) ||
                (typeof response.status !== 'string') ||
                (response.status.toLowerCase() !== 'success')) {
                return;
            }

            _this.questionAnswered = false;
            _this.questionEl.find('.button.answered').removeClass('answered');
            _this.questionEl.find('.stats').hide();
            _this.resetButton.hide();

            // Initialize Conditional constructors. We will specify the third parameter as 'true'
            // notifying the constructor that this is a reset operation.
            if (_this.wrapperSectionEl !== null) {
                $(_this.wrapperSectionEl).find('.xmodule_ConditionalModule').each(function (index, value) {
                    new window.Conditional(value, _this.id.replace(/^poll_/, ''));
                });
            }
        }
    );
}, // End-of: 'submitAnswer': function (answer, answerEl) {

'postInit': function () {
    var _this;

    // Access this object inside inner functions.
    _this = this;

    if (
        (this.jsonConfig.poll_answer.length > 0) &&
        (this.jsonConfig.answers.hasOwnProperty(this.jsonConfig.poll_answer) === false)
    ) {
        this.questionEl.append(
            '<h3>Error!</h3>' +
            '<p>XML data format changed. List of answers was modified, but poll data was not updated.</p>'
        );

        return;
    }

    // Get the DOM id of the question.
    this.id = this.questionEl.attr('id');

    // Get the URL to which we will post the users answer to the question.
    this.ajax_url = this.questionEl.data('ajax-url');

    this.questionHtmlMarkup = $('<div />').html(this.jsonConfig.question).text();
    this.questionEl.append(this.questionHtmlMarkup);

    // When the user selects and answer, we will set this flag to true.
    this.questionAnswered = false;

    this.answersObj = {};
    this.shortVersion = true;

    $.each(this.jsonConfig.answers, function (index, value) {
        if (value.length >= 18) {
            _this.shortVersion = false;
        }
    });

    $.each(this.jsonConfig.answers, function (index, value) {
        var answer;

        answer = {};

        _this.answersObj[index] = answer;

        answer.el = $('<div class="poll_answer"></div>');

        answer.questionEl = $('<div class="question"></div>');
        answer.buttonEl = $('<div class="button"></div>');
        answer.textEl = $('<div class="text"></div>');
        answer.questionEl.append(answer.buttonEl);
        answer.questionEl.append(answer.textEl);

        answer.el.append(answer.questionEl);

        answer.statsEl = $('<div class="stats"></div>');
        answer.barEl = $('<div class="bar"></div>');
        answer.percentEl = $('<div class="percent"></div>');
        answer.barEl.append(answer.percentEl);
        answer.numberEl = $('<div class="number"></div>');
        answer.statsEl.append(answer.barEl);
        answer.statsEl.append(answer.numberEl);

        answer.statsEl.hide();

        answer.el.append(answer.statsEl);

        answer.textEl.html(value);

        if (_this.shortVersion === true) {
            $.each(answer, function (index, value) {
                if (value instanceof jQuery) {
                    value.addClass('short');
                }
            });
        }

        answer.el.appendTo(_this.questionEl);

        answer.textEl.on('click', function () {
            _this.submitAnswer(index, answer);
        });

        answer.buttonEl.on('click', function () {
            _this.submitAnswer(index, answer);
        });

        if (index === _this.jsonConfig.poll_answer) {
            answer.buttonEl.addClass('answered');
            _this.questionAnswered = true;
        }
    });

    console.log(this.jsonConfig.reset);

    if ((typeof this.jsonConfig.reset === 'string') && (this.jsonConfig.reset.toLowerCase() === 'true')) {
        this.canReset = true;

        this.resetButton = $('<div class="button reset-button">Change your vote</div>');

        if (this.questionAnswered === false) {
            this.resetButton.hide();
        }

        this.resetButton.appendTo(this.questionEl);

        this.resetButton.on('click', function () {
            _this.submitReset();
        });
    } else {
        this.canReset = false;
    }

    // If it turns out that the user already answered the question, show the answers graph.
    if (this.questionAnswered === true) {
        this.showAnswerGraph(this.jsonConfig.poll_answers, this.jsonConfig.total);
    }
} // End-of: 'postInit': function () {
}; // End-of: PollMain.prototype = {

return PollMain;

function PollMain(el) {
    var _this;

    this.questionEl = $(el).find('.poll_question');
    if (this.questionEl.length !== 1) {
        // We require one question DOM element.
        console.log('ERROR: PollMain constructor requires one question DOM element.');

        return;
    }

    // Just a safety precussion. If we run this code more than once, multiple 'click' callback handlers will be
    // attached to the same DOM elements. We don't want this to happen.
    if (this.questionEl.attr('poll_main_processed') === 'true') {
        console.log(
            'ERROR: PolMain JS constructor was called on a DOM element that has already been processed once.'
        );

        return;
    }

    // This element was not processed earlier.
    // Make sure that next time we will not process this element a second time.
    this.questionEl.attr('poll_main_processed', 'true');

    // Access this object inside inner functions.
    _this = this;

    // DOM element which contains the current poll along with any conditionals. By default we assume that such
    // element is not present. We will try to find it.
    this.wrapperSectionEl = null;

    (function (tempEl, c1) {
        while (tempEl.tagName.toLowerCase() !== 'body') {
            tempEl = $(tempEl).parent()[0];
            c1 += 1;

            if (
                (tempEl.tagName.toLowerCase() === 'div') &&
                ($(tempEl).hasClass('xmodule_WrapperModule') === true)
            ) {
                _this.wrapperSectionEl = tempEl;

                break;
            } else if (c1 > 50) {
                // In case something breaks, and we enter an endless loop, a sane
                // limit for loop iterations.

                break;
            }
        }
    }($(el)[0], 0));

    try {
        this.jsonConfig = JSON.parse(this.questionEl.children('.poll_question_div').html());

        $.postWithPrefix(
            '' + this.questionEl.data('ajax-url') + '/' + 'get_state',  {},
            function (response) {
                _this.jsonConfig.poll_answer = response.poll_answer;
                _this.jsonConfig.total = response.total;

                $.each(response.poll_answers, function (index, value) {
                    _this.jsonConfig.poll_answers[index] = value;
                });

                _this.questionEl.children('.poll_question_div').html(JSON.stringify(_this.jsonConfig));

                _this.postInit();
            }
        );

        return;
    } catch (err) {
        console.log(
            'ERROR: Invalid JSON config for poll ID "' + this.id + '".',
            'Error messsage: "' + err.message + '".'
        );

        return;
    }
} // End-of: function PollMain(el) {

}); // End-of: define('PollMain', [], function () {

// End-of: (function (requirejs, require, define) {
}(RequireJS.requirejs, RequireJS.require, RequireJS.define));
