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);
  
          // fade out files menu and add odf menu
          $('.actions,#file_action_panel').fadeOut('slow').promise().done(function() {
              // odf action toolbar
              var odfToolbarHtml =
                  '<div id="odf-toolbar">' +
                  '<button id="odf_close">'+t('files_odfviewer','Close')+
                  '</button></div>';
              $('#controls').append(odfToolbarHtml);
  
          });
  
          // fade out file list and show pdf canvas
          $('table').fadeOut('slow').promise().done(function(){;
              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(){
  	// Fade out odf-toolbar
  	$('#odf-toolbar').fadeOut('slow');
  	// Fade out editor
  	$('#odf-canvas').fadeOut('slow', function(){
  		$('#odf-toolbar').remove();
  		$('#odf-canvas').remove();
  		$('.actions,#file_access_panel').fadeIn('slow');
  		$('table').fadeIn('slow');	
  	});
  	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();	
  	});
  });