var testPage;
var testRenderer;

$(document).ready(function(){
    PDFJS.workerSrc = 'js/pdfjs/pdf.js';
    loadDocument();
});

function loadDocument(){
    loadPDFInCanvas('pdf/rumi.pdf','rumi-canvas',1,1);
}

function loadPDFInCanvas(pdfname,canvasid,pageNumber,scale){
    PDFJS.getDocument(pdfname).then(function(pdf) {
  // Using promise to fetch the page
  pdf.getPage(pageNumber).then(function(page) {
    testPage = page;
    //var scale = 1;
    var viewport = page.getViewport(scale);

    //
    // Prepare canvas using PDF page dimensions
    //
    var canvas = document.getElementById(canvasid);
    var context = canvas.getContext('2d');
    canvas.height = viewport.height;
    canvas.width = viewport.width;

    //
    // Render PDF page into canvas context
    //
    var renderContext = {
      canvasContext: context,
      viewport: viewport
    };
    testRenderer = page.render(renderContext);
    testRenderer.onData(function(data){
        alert(data);
    });
    showExtractedText(page);
  });
});
}

function showExtractedText(page){
    page.getTextContent().then(function(text){
        extractedString = $.makeArray($(text.bidiTexts).map(function(element,value){return value.str})).join(' ');
        $('div#extractedText').text(extractedString);
    }

);
}