function viewOdf(dir, file) {
    OC.addStyle('files_odfviewer', 'webodf');
    OC.addStyle('files_odfviewer', 'odfviewer');
    OC.addScript('files_odfviewer','webodf').done(function(){
        var location = fileDownloadPath(dir, file);

		// start viewer mode
		FileList.setViewerMode(true);

		// odf action toolbar
		var odfToolbarHtml =
			'<div id="odf-toolbar">' +
			'<button id="odf_close">'+t('files_odfviewer','Close')+
			'</button></div>';
		$('#controls').append(odfToolbarHtml);

		var canvashtml = '<div id="odf-canvas"></div>';
		$('table').after(canvashtml);
		// in case we are on the public sharing page we shall display the odf into the preview tag
		$('#preview').html(canvashtml);

		var odfelement = document.getElementById("odf-canvas");
		var odfcanvas = new odf.OdfCanvas(odfelement);
		odfcanvas.load(location);
    });
}

function closeOdfViewer(){
	// Remove odf-toolbar
	$('#odf-toolbar').remove();
	$('#odf-canvas').remove();
	FileList.setViewerMode(false);
	is_editor_shown = false;
}

$(document).ready(function() {
	if(typeof FileActions!=='undefined'){

		var supportedMimes = new Array(
			'application/vnd.oasis.opendocument.text', 
			'application/vnd.oasis.opendocument.spreadsheet',
			'application/vnd.oasis.opendocument.graphics',
			'application/vnd.oasis.opendocument.presentation');
		for (var i = 0; i < supportedMimes.length; ++i){
			var mime = supportedMimes[i];
			FileActions.register(mime,'View',OC.PERMISSION_READ,'',function(filename){
				viewOdf($('#dir').val(),filename);
			});
			FileActions.setDefault(mime,'View');
		}
	}
	
	$('#odf_close').live('click',function() {
		closeOdfViewer();	
	});
});