$(document).ready(function(){

    // modal window with div content
    $('.modaltrigger').click(function(e){
        e.preventDefault();
        var divId = "#" + $(this).attr('name');
        $('#modalcontent').html($(divId).html());
        $('#modaldiv').modal({
            opacity:70,
            onOpen: animation.open,
            onClose: animation.close
        });
    });

    // modal window with div content - large
    $('.modaltrigger2').click(function(e){
        e.preventDefault();
        var divId = "#" + $(this).attr('name');
        $('#modalcontent').html($(divId).html());
        $('#modaldiv').modal({
            opacity:70,
            onOpen: animation.open,
            containerId: 'simplemodal-container-2',
            onClose: animation.close
        });
    });

    // ajax modal window
    $('.ajaxtrigger').click(function(e){
        e.preventDefault();
        var url = $(this).attr('href');
        $('#modalcontent').load(url);
        $('#modaldiv').modal({
            opacity:70,
            onOpen: animation.open,
            onClose: animation.close
        });
    });

    // modal animation
    var animation = {
        open: function (dialog)    {
            dialog.overlay.fadeIn(300, function () {
                dialog.data.hide();
                dialog.container.fadeIn(200, function () {
                    dialog.data.fadeIn(200);
                });
            });
        },
        close: function (dialog) {
            dialog.data.fadeOut(100, function () {
                dialog.container.fadeOut(100, function () {
                    dialog.overlay.fadeOut(300, function () {
                        $.modal.close();
                      });
                });
            });
        }
    }

});