﻿cacModal = function(content) {
    this.content = $(content);
    this.initialize();
    this.addEventsHandlers();
};

cacModal.prototype = {

    addEventsHandlers: function() {
        var self = this;
        this.closeButton.bind(
            'click',
            function() {
                self.closeModal();
            }
        );
    },

    closeModal: function() {
        this.modal.hide();
    },

    initialize: function() {
        var id = this.content.attr('id');
        this.content.attr('id', '');
        this.content.remove();
        this.content.removeClass('modalBlock');
        this.modal = $(document.createElement('div'));
        this.container = $(document.createElement('div'));
        this.closeButton = $(document.createElement('div'));
        this.modal.addClass('modalbox');
        this.container.addClass('container');
        if (this.content.hasClass('big')) {
            this.content.removeClass('big');
            this.container.addClass('big');
        }
        this.content.addClass('content');
        this.closeButton.addClass('modalclose');
        this.content.prepend(this.closeButton);
        this.container.append(this.content);
        this.modal.append(this.container);
        this.modal.attr('id', id);
        if (document.forms.length > 0) {
            $(document.forms[0]).append(this.modal);
        }
        else {
            $(document.body).append(this.modal);
        }
    }
};

$(document).ready(
    function() {
        var modals = $('.modalBlock');
        for (var i = 0; i < modals.length; i++) {
            var modal = new cacModal($(modals[i]));
        }
    }
);