$(document).ready(function() {
	$('#fileList tr').each(function(){
		// data-file attribute to contain unescaped filenames.
		$(this).attr('data-file',decodeURIComponent($(this).attr('data-file')));
	});
	
	$('#file_action_panel').attr('activeAction', false);
	/*$('table').ready(function(){
		$('a.name').each(function(){
		*/     
		/*});
	});*/
});	

      



$(function() {
	// See if url conatins the index 'reader'
	if(location.href.indexOf("reader")!=-1) {
		'use strict';
		// create thumbnails for pdfs inside current directory.
		create_thumbnails();

		// Render pdf view on every click of a thumbnail, now and in future.
		$('td.filename a').live('click',function(event) {
			event.preventDefault();
			var filename=$(this).parent().parent().attr('data-file');
			var tr=$('tr').filterAttr('data-file',filename);
			var mime=$(this).parent().parent().data('mime');
			var type=$(this).parent().parent().data('type');
			// Check if clicked link is a pdf file or a directory, perform suitable function.
			var action=getAction(mime,type);
			if(action){
				action(filename);
			}
		});
		// Generate thumbnails for folders.
		create_folder_thumbnails();
		
		// On close of the pdf viewer, reload the page.
		$('#close').live('click',function(event) {
			location.reload();
		});
		// On hover over pdf thumbnails, their title should show.
		$('a.name').hover(function(){
			if($(this).children().hasClass('title'))
				$(this).children().addClass('visible');
		});
		$('a.name').mouseleave(function(){
			if($(this).children().hasClass('title'))
				$(this).children().removeClass('visible');
		});
		
		/*$('#thumbnail').live('hover',function(event){
		  var canvas1 = document.getElementById("thumbnail");
          if (canvas1.getContext) {
              var ctx = canvas1.getContext("2d");                // Get the context for the canvas.
              var myImage = canvas1.toDataURL("image/png");      // Get the data as an image.
          }
          var imageElement = document.getElementById("theimage");  // Get the img object.
          imageElement.src = myImage;                           // Set the src to data from the canvas.

		});*/
	}
});

/* Function that returns suitable function definition to be executed on 
 * click of the file whose mime and type are passed. */
function getAction(mime,type) {
	var name;
	if(mime == 'application/pdf') {
		name = function (filename){
			showPDFviewer($('#dir').val(),filename);
		}
	}
	else {
		name = function (filename){
			window.location=OC.linkTo('reader', 'index.php') + '&dir='+
			encodeURIComponent($('#dir').val()).replace(/%2F/g, '/')+'/'+
			encodeURIComponent(filename) + '/';
		}
	}
	return name;
}

function create_thumbnails() {
	PDFJS.disableWorker = true;
		$('td.filename a').each(function() {
			// Get url and title of each pdf file from anchor tags.
			var url = $(this).attr('href');
			var title = $(this).parent().parent().attr('data-file');
			if (url.indexOf('pdf') != -1) {
				PDFJS.getDocument(url).then(function(pdf) {
				// Using promise to fetch the page
					pdf.getPage(1).then(function(page) {
						var scale = 0.2;
						var viewport = page.getViewport(scale);
						
						/*var div = document.createElement('div');
						div.id = 'thumbnailContainer';
						div.className = 'thumbnail';
						var anchor = document.getElementById(url);*/
						// Create canvas elements for each pdf's first page.
						var canvas = document.createElement("canvas");
						canvas.id = 'thumbnail';
						
						// Canvas elements should be of proper size, not too big, not too small. 
						if (viewport.height > 170 || viewport.width > 130) {
							scale = 0.1;
						}
						else if (viewport.height < 129 || viewport.width < 86) {
							scale = 0.3;
						}
						
						viewport = page.getViewport(scale);
						canvas.height = viewport.height;
						canvas.width = viewport.width;

						/*div.style.height = canvas.height + 'px';
						div.style.width = canvas.width + 'px';
						div.appendChild(canvas);
						anchor.appendChild(div);
						
						var title_div = document.createElement('div');
						title_div.className = 'title';
						title_div.innerHTML = title;
						anchor.appendChild(title_div);*/
						
						var ctx = canvas.getContext('2d');
						ctx.save();
						ctx.fillStyle = 'rgb(255, 255, 255)';
						ctx.fillRect(0, 0, canvas.width, canvas.height);
						ctx.restore(); 
						
						var view = page.view;
						var scaleX = (canvas.width / page.width);
						var scaleY = (canvas.height / page.height);
						ctx.translate(-view.x * scaleX, -view.y * scaleY);
					
					// Render PDF page into canvas context
						var renderContext = {
							canvasContext: ctx,
							viewport: viewport
						};
						page.render(renderContext);
						alert('yoto'); 
					});
				});
			}
		});
}

// Function to create thumbnails for folders.
function create_folder_thumbnails() {
	$('a.dirs input').each(function() {
		// fetch margin, url and and directory name values for each pdf, stored in input tags.
			var margin = $(this).attr('name');
			var pdf_dir = $(this).attr('value');
			var url = $(this).attr('id');
			
			PDFJS.getDocument(url).then(function(pdf) {
				// Using promise to fetch the page
					pdf.getPage(1).then(function(page) {
						var scale = 0.3;
						var viewport = page.getViewport(scale);
					
						// Prepare canvas using PDF page dimensions
						var anchor = document.getElementById(pdf_dir);
			
						var canvas = document.createElement("canvas");
						canvas.id = "dirsCanvas";
						// Each thumbnail in the 3-thumbnail set should be of same dimensions.
						canvas.height = '168';
						canvas.width = '120';
						// Canvases should be on top of each other
						$(canvas).css('z-index',100 - margin);
						$(canvas).css('margin-left', margin  + 'px');
						$(canvas).css('-webkit-backface-visibility', 'visible');
						$(canvas).css('-webkit-transform-origin', '0% 51%');
						$(canvas).css('-webkit-transform',' perspective(' + margin*35 + 'px) rotateY(23deg)');
				
						anchor.appendChild(canvas);

						var ctx = canvas.getContext('2d');
						ctx.save();
						ctx.fillStyle = 'rgb(255, 255, 255)';
						ctx.fillRect(0, 0, canvas.width, canvas.height);
						ctx.restore();
    
						var view = page.view;
						var scaleX = (canvas.width / page.width);
						var scaleY = (canvas.height / page.height);
						ctx.translate(-view.x * scaleX, -view.y * scaleY);
					
						// Render PDF page into canvas context
					
						var renderContext = {
							canvasContext: ctx,
							viewport: viewport
						};
						page.render(renderContext);
					});
			});
	});
}

window.onload = function(){
	var canvas = document.getElementById("thumbnail");
	//alert(canvas);
	if (canvas.getContext) {
       var ctx = canvas.getContext("2d"); 				
	   var myImage = canvas.toDataURL("image/png");      // Get the data as an image.
    }  
	var imageElement = document.getElementById("theimage");  // Get the img object.
	imageElement.src = myImage;
}