var Subscription = {};

Subscription.invoice = {
    url: '/profile/upgrade',

    form: null,

    generate: function(form) {
        this.form = form;
        $.post(
            this.url,
            form.serialize(),
            function(html){
                Subscription.splash.closeWindow();
                Subscription.invoice.form.replaceWith(html);

                autosubmit = $('#autosubmit');
                if (1 == autosubmit.length && '1' == autosubmit.val()) {
                    $('#submit').click();
                }
            }
        );
    }
};

Subscription.splash = {
    init: function() {
        $('#show_splash_window_content .payment-process').html(Lang._('Redirection to PayPal payment system'));
        $("a[rel^='prettyPhoto']").prettyPhoto({
             animationSpeed: 'fast',
             showTitle: false,
             allowresize: false,
             theme: 'facebook',
             modal: true,
             markup: '<div class="pp_pic_holder" style="height: 250px;"> \
                        <div class="pp_top"> \
                                <div class="pp_left"></div> \
                                <div class="pp_middle"></div> \
                                <div class="pp_right"></div> \
                        </div> \
                        <div class="pp_content_container"> \
                                <div class="pp_left"> \
                                <div class="pp_right"> \
                                        <div class="pp_content"  style="min-height: 100px;"> \
                                                <div class="pp_loaderIcon"></div> \
                                                <div class="pp_fade"> \
                                                        <div id="pp_full_res"></div> \
                                                </div> \
                                        </div> \
                                </div> \
                                </div> \
                        </div> \
                        <div class="pp_bottom"> \
                                <div class="pp_left"></div> \
                                <div class="pp_middle"></div> \
                                <div class="pp_right"></div> \
                        </div> \
                </div> \
                <div class="pp_overlay"></div> \
                <div class="ppt"></div>',
            inline_markup: '<div class="pp_inline clearfix" style="text-align: center; margin-left: 25px;"> \
                                {content} \
                            <br /><br /><img src="/img/ajax/loader.gif" id="splash_window_loader" /> \
                            </div></div>'
         });
    },

    show: function() {
        $('#show_splash_window_link').click();
    },

    closeWindow: function() {
        $.prettyPhoto.closeWindow();
    }
};