jQuery(function() {
    "use strict";
    if (! ('approve' in JSINFO)) return false;
    if (JSINFO['approve']['prettyprint'] !== true) return false;

    //hide in print
    jQuery('#dokuwiki__header').addClass('plugin__approve_noprint');

    var $h1 = jQuery("#dokuwiki__content h1:first");
    if ($h1.length > 0) {
        var h1 = $h1[0].childNodes[0].nodeValue;
        $h1.addClass('plugin__approve_noprint');
    } else {
        //if no header use page title
        var h1 = jQuery("#dokuwiki__header h1:first span").text();
    }

    var $img = jQuery("#dokuwiki__header img").clone();
    var $table = jQuery('<table id="plugin__approve_printheader">')
        .css({
            'table-layout': 'fixed',
            'border-collapse': 'collapse',
            'border': '0',//eliminate default border
            'width':'100%',
            'margin-bottom': '10px'
        });

    var $tr = jQuery("<tr>").appendTo($table);

    var cells = [];

    cells.push(jQuery("<td>").append($img));

    var $print_header = jQuery('<h1>').text(h1);
    cells.push(jQuery("<td>").append($print_header));

    if ('status' in JSINFO['approve']) {
        var status = JSINFO['approve']['status'];
        var lang = JSINFO['approve']['lang'];


        var date = JSINFO['approve']['date'];
        var author = JSINFO['approve']['author'];
        var maintainer = JSINFO['approve']['maintainer'];

        if (status === 'approved') {
            var version = JSINFO['approve']['version'];
            var status_html = lang['approved'] + ' (' + lang['version'] + ': ' + version + ')';
        } else if (status === 'ready for approval') {
            var status_html =	lang['marked_ready_for_approval'];
        } else {
            var status_html =	lang['draft'];
        }

        var author_html = '';
        if (author) {
            author_html = author+'<br>';
        }

        var maintainer_html = '';
        if (maintainer) {
            maintainer_html = JSINFO['approve']['lang']['maintainer'] + ': ' + maintainer + '<br>';
        }

        cells.push(jQuery("<td>")
            .html('<p style="text-align:left">'+
                status_html+'<br>'+
                author_html+
                date.replace(' ', '&nbsp;')+'<br>'+
                maintainer_html +
            '</p>'));


        cells[0].css('width', '25%');
        cells[1].css('width', '50%');
        cells[2].css('width', '25%');

    } else {
        cells[0].css('width', '25%');
        cells[1].css('width', '75%');
    }


    for (var cell in cells) {
        var $td = cells[cell];
        $td.css({
            'border':'1px solid #000',
            'border-top':'0',
            'text-align': 'center',
            'vertical-align': 'middle'
        });
        $tr.append($td);
    }

    $tr.children().first().css('border-left', '0');
    $tr.children().last().css('border-right', '0');

    $table.prependTo("body");
});