some cleanup in ajax fronted, give error message before starting an upload that is to big

7 files changed, 558 insertions, 319 deletions

diff --git a/js/ajax.js b/js/ajax.js
index 6c0185c6592..d924c9b8bc3 100644
--- a/js/ajax.js
+++ b/js/ajax.js
@@ -25,4 +25,4 @@ if(loc.indexOf('#')!=-1){
    dir=loc.substring(loc.indexOf('#')+1);
 }
 
-OC_onload.add(new function(){OC_FILES.showbrowser(dir)});
\ No newline at end of file
+OC_onload.add(new function(){OC_FILES.browser.show(dir)});
\ No newline at end of file
diff --git a/js/filebrowser.js b/js/filebrowser.js
new file mode 100644
index 00000000000..3460955f2e4
--- /dev/null
+++ b/js/filebrowser.js
@@ -0,0 +1,330 @@
+/**
+* ownCloud - ajax frontend
+*
+* @author Robin Appelman
+* @copyright 2010 Robin Appelman icewind1991@gmail.com
+* 
+* This library is free software; you can redistribute it and/or
+* modify it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE
+* License as published by the Free Software Foundation; either 
+* version 3 of the License, or any later version.
+* 
+* This library is distributed in the hope that it will be useful,
+* but WITHOUT ANY WARRANTY; without even the implied warranty of
+* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+* GNU AFFERO GENERAL PUBLIC LICENSE for more details.
+*  
+* You should have received a copy of the GNU Lesser General Public 
+* License along with this library.  If not, see <http://www.gnu.org/licenses/>.
+* 
+*/
+
+OC_FILES.browser=new  Object();
+
+OC_FILES.browser.show=function(dir){
+   dir=(dir)?dir:'';
+   OC_FILES.dir=dir;
+   OC_FILES.getdirectorycontent(dir,OC_FILES.browser.show_callback);
+}
+
+OC_FILES.browser.show_callback=function(content){
+    var dir=OC_FILES.dir
+    var dirs=dir.split('/');
+    var tr=null;
+    var td=null;
+    var img=null;
+    
+    body=document.getElementsByTagName('body').item(0);
+    body.addEvent('onclick',OC_FILES.browser.hideallactions);
+    
+    //remove current content;
+    var contentNode=document.getElementById('content');
+    if(contentNode.hasChildNodes()){
+       while(contentNode.childNodes.length >=1){
+          contentNode.removeChild(contentNode.firstChild);
+       }
+    }
+    
+    var browser=document.createElement('div');
+    browser.className='center';
+    var table=document.createElement('table');
+    browser.appendChild(table);
+    
+    // breadcrumb
+    if(dirs.length>0) {
+       table.setAttribute('cellpadding',2);
+       table.setAttribute('cellspacing',0);
+       var tbody=document.createElement('tbody');//some IE versions need this
+       table.appendChild(tbody);
+       tr=document.createElement('tr');
+       tbody.appendChild(tr);
+       td=document.createElement('td');
+       tr.appendChild(td);
+       td.setAttribute('colspan','2');
+       td=document.createElement('td');
+       tr.appendChild(td);
+       td.setAttribute('colspan','4');
+       td.className='breadcrumb';
+       var a=document.createElement('a');
+       td.appendChild(a);
+       a.setAttribute('href','#');
+       a.addEvent('onclick',OC_FILES.browser.show);
+       a.appendChild(document.createTextNode('Home'));
+       var currentdir='';
+       for(index in dirs) {
+          d=dirs[index];
+          currentdir=currentdir+'/'+d;
+          if(d!=''){
+             a=document.createElement('a');
+             td.appendChild(a);
+             a.setAttribute('href','#'+currentdir);
+             a.setAttribute('onclick','OC_FILES.browser.show("'+currentdir+'")');
+             img=document.createElement('img');
+             a.appendChild(img);
+             img.src=WEBROOT+'/img/arrow.png';
+             a.appendChild(document.createTextNode(' ' +d));
+          }
+      }
+    }
+
+    // files and directories
+    table.setAttribute('cellpadding',6);
+    table.setAttribute('cellspacing',0);
+    table.className='browser';
+    var tbody=document.createElement('tbody');//some IE versions need this
+    table.appendChild(tbody);
+    var filesfound=false;
+    var sizeTd=null;
+    if(content){
+         tr=document.createElement('tr');
+         tbody.appendChild(tr);
+         tr.className='browserline';
+         td=document.createElement('td');
+         tr.appendChild(td);
+         td.setAttribute('colspan','2');
+         input=document.createElement('input');
+         input.setAttribute('type','checkbox');
+         input.setAttribute('name','fileSelector');
+         input.setAttribute('value','select_all');
+         input.setAttribute('id','select_all');
+         input.addEvent('onclick',OC_FILES.selectAll);
+         td.appendChild(input);
+         td=document.createElement('td');
+         tr.appendChild(td);
+         td.setAttribute('colspan','4');
+         dropdown=document.createElement('select');
+         td.appendChild(dropdown);
+         dropdown.setAttribute('id','selected_action');
+         for(index in this.actions_selected){
+            if(this.actions_selected[index].call){
+                option=document.createElement('option');
+                dropdown.appendChild(option);
+                option.setAttribute('value',index);
+                option.appendChild(document.createTextNode(index));
+            }
+         }
+         td.appendChild(document.createTextNode(' selected. '));
+         button=document.createElement('button');
+         td.appendChild(button);
+         button.appendChild(document.createTextNode('Go'));
+         button.addEvent('onclick',OC_FILES.action_selected);
+         for(index in content){
+          var file=content[index];
+          if(file.name){
+             file.name=file.name.replace('\'','');
+             OC_FILES.files[file['name']]=new OC_FILES.file(dir,file['name'],file['type']);
+             tr=document.createElement('tr');
+             tbody.appendChild(tr);
+             tr.className='browserline';
+             td=document.createElement('td');
+             tr.appendChild(td);
+             input=document.createElement('input');
+             input.setAttribute('type','checkbox');
+             input.setAttribute('name','fileSelector');
+             input.setAttribute('value',file['name']);
+             td.appendChild(input);
+             tr.appendChild(OC_FILES.browser.showicon(file['type']));
+             td=document.createElement('td');
+             tr.appendChild(td);
+             td.className='nametext';
+             td.setAttribute('name',file['name']);
+             td.setAttribute('id',file['name']);
+             a=document.createElement('a');
+             td.appendChild(a);
+             a.appendChild(document.createTextNode(file['name']))
+             if(file['type']=='dir'){
+                a.addEvent('onclick',OC_FILES.browser.show,[dir+'/'+file['name']]);
+                td.setAttribute('colspan',2);
+                a.setAttribute('href','#'+dir+'/'+file['name']);
+             }else{
+                a.setAttribute('href',WEBROOT+'/?dir=/'+dir+'&file='+file['name']);
+                sizeTd=document.createElement('td');
+                tr.appendChild(sizeTd);
+                sizeTd.className='sizetext';
+                sizeTd.appendChild(document.createTextNode(sizeFormat(file['size'])));
+             }
+             a=document.createElement('a');
+             img=document.createElement('img');
+             td.appendChild(img);
+             img.className='file_actions';
+             img.alt=''
+             img.title='actions';
+             img.src=WEBROOT+'/img/arrow_down.png';
+             img.setAttribute('onclick','OC_FILES.browser.showactions(\''+file['name']+'\')')
+             td=document.createElement('td');
+             tr.appendChild(td);
+             td.className='sizetext';
+             td.appendChild(document.createTextNode(file['date']));
+          }
+       }
+    }
+    td=document.createElement('td');
+    tr.appendChild(td);
+    tr=document.createElement('tr');
+    tbody.appendChild(tr);
+    tr.className='utilrow';
+    td=document.createElement('td');
+    tr.appendChild(td);
+    td.className='upload';
+    td.setAttribute('colspan','6');
+    OC_FILES.browser.showuploader(dir,td,content['max_upload']);
+    contentNode.appendChild(browser);
+}
+
+OC_FILES.browser.showicon=function(filetype){
+   var td=document.createElement('td');
+   var img=document.createElement('img');
+   td.appendChild(img);
+   img.setAttribute('width',16);
+   img.setAttribute('height',16);
+   if(filetype=='dir'){
+      img.src=WEBROOT+'/img/icons/folder.png';
+   }else{
+      img.src=WEBROOT+'/img/icons/other.png';
+   }
+   return td;
+}
+
+OC_FILES.browser.showuploader=function(dir,parent,max_upload){
+   OC_FILES.uploadForm=document.createElement('form');
+   OC_FILES.uploadForm.setAttribute('target','uploadIFrame');
+   OC_FILES.uploadForm.setAttribute('action','files/upload.php?dir='+dir);
+   OC_FILES.uploadForm.method='post';
+   OC_FILES.uploadForm.setAttribute('enctype','multipart/form-data');
+   OC_FILES.uploadIFrame=document.createElement('iframe');
+   OC_FILES.uploadIFrame.className='hidden';
+   OC_FILES.uploadIFrame.name='uploadIFrame';
+   parent.appendChild(OC_FILES.uploadIFrame);
+   var input=document.createElement('input');
+   input.setAttribute('type','hidden');
+   input.setAttribute('name','MAX_FILE_SIZE');
+   input.setAttribute('value',max_upload);
+   input.setAttribute('id','max_upload');
+   OC_FILES.uploadForm.appendChild(input);
+   var file=document.createElement('input');
+   file.name='file';
+   file.setAttribute('id','fileSelector');
+   file.setAttribute('type','file');
+   file.addEvent('onchange',OC_FILES.upload,[dir]);
+   OC_FILES.uploadForm.appendChild(document.createTextNode('Upload file: '));
+   OC_FILES.uploadForm.appendChild(file);
+   parent.appendChild(OC_FILES.uploadForm);
+}
+
+OC_FILES.browser.show_rename=function(dir,file){
+   var item=document.getElementById(file);
+   item.oldContent=Array();
+   if(item.hasChildNodes()){
+      while(item.childNodes.length >=1){
+         item.oldContent[item.oldContent.length]=item.firstChild;
+         item.removeChild(item.firstChild);
+      }
+   }
+   var form=document.createElement('form');
+   form.addEvent('onsubmit',OC_FILES.rename,[dir,file]);
+   var input=document.createElement('input');
+   input.setAttribute('type','text');
+   input.setAttribute('name','newname');
+   input.setAttribute('value',file);
+   input.setAttribute('id',file+'_newname')
+   input.addEvent('onblur',OC_FILES.browser.rename_cancel,[file]);
+   form.appendChild(input);
+   item.appendChild(form);
+   input.focus();
+}
+
+OC_FILES.browser.rename_cancel=function(file){
+   var item=document.getElementsByName(file).item(0);
+   if(item.hasChildNodes()){
+      while(item.childNodes.length >=1){
+         item.removeChild(item.firstChild);
+      }
+   }
+   for(index in item.oldContent){
+      if(item.oldContent[index].nodeType){
+         item.appendChild(item.oldContent[index]);
+      }
+   }
+}
+
+OC_FILES.browser.showactions=function(file,hide){
+    node=document.getElementById(file);
+    if(node &&(node.actionsshown || hide)){
+        if(node.actionsdiv){
+            node.removeChild(node.actionsdiv);
+        }
+        node.actionsdiv=null;
+        node.actionsshown=false
+    }else if(node){
+        node.actionsshown=true
+        div=document.createElement('div');
+        node.actionsdiv=div;
+        div.className='fileactionlist';
+        table=document.createElement('table');
+        div.appendChild(table);
+        tbody=document.createElement('tbody');
+        table.appendChild(tbody);
+        actions=OC_FILES.files[file].actions;
+        for(name in actions){
+            if(actions[name].call){
+                tr=document.createElement('tr');
+                tbody.appendChild(tr);
+                td=document.createElement('td');
+                tr.appendChild(td);
+                a=document.createElement('a');
+                td.appendChild(a);
+                a.appendChild(document.createTextNode(name));
+                td.addEvent('onclick',new callBack(OC_FILES.files[file].actions[name],OC_FILES.files[file]));
+            }
+        }
+        node.appendChild(div);
+        OC_FILES.hideallenabled=false;
+        setTimeout('OC_FILES.hideallenabled=true',50);
+    }
+}
+
+OC_FILES.browser.hideallactions=function(){
+    if(OC_FILES.hideallenabled){
+        for(name in OC_FILES.files){
+            if(OC_FILES.files[name].hideactions){
+                OC_FILES.files[name].hideactions.call(OC_FILES.files[name]);
+            }
+        }
+    }
+}
+
+OC_FILES.hideallenabled=true; //used to prevent browsers from hiding actionslists right after they are displayed;
+
+sizeFormat=function(size){
+    var orig=size;
+    var steps=Array('B','KiB','MiB','GiB','TiB');
+    var step=0;
+    while(size>(1024*2)){
+        step++;
+        size=size/1024;
+    }
+    if(size.toFixed){
+        size=size.toFixed(2);
+    }
+    return ''+size+' '+steps[step];
+}
\ No newline at end of file
diff --git a/js/lib_ajax.js b/js/lib_ajax.js
index 28062e66532..591058976b8 100644
--- a/js/lib_ajax.js
+++ b/js/lib_ajax.js
@@ -32,22 +32,22 @@ callBack.callBacks=Array();
 callBack.call=function(id,arg1,arg2,arg3,arg4,arg5,arg6,arg7,arg8,arg9,arg10){
    callback=callBack.callBacks[id];
    if(callback){
-       callback.func.call(callback.obj,arg1,arg2,arg3,arg4,arg5,arg6,arg7,arg8,arg9,arg10);
+       return callback.func.call(callback.obj,arg1,arg2,arg3,arg4,arg5,arg6,arg7,arg8,arg9,arg10);
    }
 }
 
 callBack.prototype=function(arg1,arg2,arg3,arg4,arg5,arg6,arg7,arg8,arg9,arg10){
-   this.call(false,arg1,arg2,arg3,arg4,arg5,arg6,arg7,arg8,arg9,arg10);
+   return this.call(false,arg1,arg2,arg3,arg4,arg5,arg6,arg7,arg8,arg9,arg10);
 }
 callBack.prototype.func=false;
 callBack.prototype.obj=false;
 callBack.prototype.call=function(dummy,arg1,arg2,arg3,arg4,arg5,arg6,arg7,arg8,arg9,arg10){
    //the dummy is just to provide compatibility with the normal call function and isn't used
-   this.func.call(this.obj,arg1,arg2,arg3,arg4,arg5,arg6,arg7,arg8,arg9,arg10);
+   return this.func.call(this.obj,arg1,arg2,arg3,arg4,arg5,arg6,arg7,arg8,arg9,arg10);
 }
 callBack.prototype.apply=function(dummy,arguments){
    //the dummy is just to provide compatibility with the normal call function and isn't used
-   this.apply(this.obj,arguments);
+   return this.apply(this.obj,arguments);
 }
 
 //provide a simple way to add things to the onload
diff --git a/js/lib_event.js b/js/lib_event.js
new file mode 100755
index 00000000000..9d5df93e2a1
--- /dev/null
+++ b/js/lib_event.js
@@ -0,0 +1,101 @@
+/**
+ * eventHandler
+ *
+ * @author Icewind <icewind (at) derideal (dot) com>
+ * @copyright 2009
+ * @license http://www.gnu.org/licenses/gpl.html GNU Public License
+ * @version 0.1
+ */
+
+/*event handling
+usage:    document.events.add(node,type,function,arguments);
+   or:    node.addEvent(type,function,arguments);
+*/
+
+eventHandler=function(){
+	this.holders=Array();
+}
+
+eventHandler.prototype={
+	add:function(element,type,func,arguments){
+		var holder=this.getHolderByElement(element);
+		holder.addListner(type,func,arguments);
+	},
+	getHolderByElement:function(element){
+		var holder=false;
+		for (var i=0;i<this.holders.length;i++){
+			if (this.holders[i].getElement()==element){
+				var holder=this.holders[i];
+			}
+		}
+		if (!holder){
+			var holder=new eventHolder(element);
+			this.holders[this.holders.length]=holder;
+		}
+		return holder;
+	},
+	trigger:function(element,type,event){
+		var holder=eventHandler.getHolderByElement(element);
+		return holder.trigerEvent.call(holder,type,event);
+	}
+}
+
+eventHolder=function(element){
+	this.element=element;
+	this.listners=Array();
+}
+
+eventHolder.prototype={
+	addListner:function(type,func,arguments){
+		if (type && this.element){
+			if (!this.listners[type]){
+				this.listners[type]=Array();
+				eval("callback=function(event){return holder.trigerEvent.call(holder,'"+type+"',event)}");
+				if (this.element.tagName){//do we have a element (not an named event)
+					var holder=this;
+					//IE doesn't let you set the onload event the regulair way
+					if (type=="onload" && this.element.addEventListener && window.ActiveXObject){
+						this.element.addEventListener(type, callback, false);
+					}else if (type=="onload" && this.element.attachEvent && window.ActiveXObject){
+						this.element.attachEvent(type, callback);
+					}else{
+						eval("this.element."+type+"=function(event){return holder.trigerEvent.call(holder,'"+type+"',event)}");
+					}
+				}else{
+					eval("this.element."+type+"=function(event){return holder.trigerEvent.call(holder,'"+type+"',event)}");
+				}
+			}
+			var i=this.listners[type].length
+			this.listners[type][i]=func;
+			this.listners[type][i].applyArguments=arguments;
+		}else{
+			var i=this.listners.length
+			this.listners[i]=func;
+			this.listners[type][i].applyArguments=arguments;
+		}
+	},
+	trigerEvent:function(type,event){
+		if (type && this.element && this.listners[type]){
+			for (var i=0;i<this.listners[type].length;i++){
+                   if(this.listners[type][i].applyArguments){
+                       return this.listners[type][i].apply(this,this.listners[type][i].applyArguments)
+                   }else{
+                       return this.listners[type][i].call();
+                   }
+			}
+		}else{
+			for (var i=0;i<this.listners.length;i++){
+                return this.listners[i](event);
+			}
+		}
+	},
+	getElement:function(){
+		return this.element;
+	}
+}
+
+document.events=new eventHandler();
+
+Node.prototype.addEvent=function(type,func,arguments){
+    document.events.add(this,type,func,arguments);
+}
\ No newline at end of file
diff --git a/js/lib_files.js b/js/lib_files.js
index 535eacd9790..8f3b9ab0c99 100644
--- a/js/lib_files.js
+++ b/js/lib_files.js
@@ -55,225 +55,16 @@ OC_FILES.getdirectorycontent=function(dir,callback){
    OC_FILES.xmlloader.load('files/get_files.php?dir='+dir);
 }
 
-OC_FILES.showicon=function(filetype){
-   var td=document.createElement('td');
-   var img=document.createElement('img');
-   td.appendChild(img);
-   img.setAttribute('width',16);
-   img.setAttribute('height',16);
-   if(filetype=='dir'){
-      img.src=WEBROOT+'/img/icons/folder.png';
-   }else{
-      img.src=WEBROOT+'/img/icons/other.png';
-   }
-   return td;
-}
-
 OC_FILES.dir='';
-OC_FILES.browser=null;
-OC_FILES.showbrowser=function(dir){
-   dir=(dir)?dir:'';
-   OC_FILES.dir=dir;
-   OC_FILES.getdirectorycontent(dir,OC_FILES.showbrowser_callback);
-}
-
-OC_FILES.showbrowser_callback=function(content){
-    var dir=OC_FILES.dir
-    var dirs=dir.split('/');
-    var tr=null;
-    var td=null;
-    var img=null;
-    
-    body=document.getElementsByTagName('body').item(0);
-    body.setAttribute('onclick',body.getAttribute('onclick')+' ; OC_FILES.hideallactions()');
-    
-    //remove current content;
-    var contentNode=document.getElementById('content');
-    if(contentNode.hasChildNodes()){
-       while(contentNode.childNodes.length >=1){
-          contentNode.removeChild(contentNode.firstChild);
-       }
-    }
-    
-    var browser=document.createElement('div');
-    browser.className='center';
-    var table=document.createElement('table');
-    browser.appendChild(table);
-    
-    // breadcrumb
-    if(dirs.length>0) {
-       table.setAttribute('cellpadding',2);
-       table.setAttribute('cellspacing',0);
-       var tbody=document.createElement('tbody');//some IE versions need this
-       table.appendChild(tbody);
-       tr=document.createElement('tr');
-       tbody.appendChild(tr);
-       td=document.createElement('td');
-       tr.appendChild(td);
-       td.setAttribute('colspan','6');
-       td.className='breadcrumb';
-       var a=document.createElement('a');
-       td.appendChild(a);
-       a.setAttribute('href','#');
-       a.setAttribute('onclick','OC_FILES.showbrowser()');
-       a.appendChild(document.createTextNode('Home'));
-       var currentdir='';
-       for(index in dirs) {
-          d=dirs[index];
-          currentdir+='/'+d;
-          if(d!=''){
-//              td=document.createElement('td');
-//              tr.appendChild(td);
-//              td.className='breadcrumb';
-             a=document.createElement('a');
-             td.appendChild(a);
-             a.setAttribute('href','#'+currentdir);
-             a.setAttribute('onclick','OC_FILES.showbrowser("'+currentdir+'")');
-             img=document.createElement('img');
-             a.appendChild(img);
-             img.src=WEBROOT+'/img/arrow.png';
-             a.appendChild(document.createTextNode(' ' +d));
-          }
-      }
-    }
-
-    // files and directories
-    table.setAttribute('cellpadding',6);
-    table.setAttribute('cellspacing',0);
-    table.className='browser';
-    var tbody=document.createElement('tbody');//some IE versions need this
-    table.appendChild(tbody);
-    var filesfound=false;
-    var sizeTd=null;
-    if(content){
-         tr=document.createElement('tr');
-         tbody.appendChild(tr);
-         tr.className='browserline';
-         td=document.createElement('td');
-         tr.appendChild(td);
-         td.setAttribute('colspan','2');
-         input=document.createElement('input');
-         input.setAttribute('type','checkbox');
-         input.setAttribute('name','fileSelector');
-         input.setAttribute('value','select_all');
-         input.setAttribute('id','select_all');
-         input.setAttribute('onclick','OC_FILES.selectAll()');
-         td.appendChild(input);
-         td=document.createElement('td');
-         tr.appendChild(td);
-         td.setAttribute('colspan','4');
-         dropdown=document.createElement('select');
-         td.appendChild(dropdown);
-         dropdown.setAttribute('id','selected_action');
-         for(index in this.actions_selected){
-            if(this.actions_selected[index].call){
-                option=document.createElement('option');
-                dropdown.appendChild(option);
-                option.setAttribute('value',index);
-                option.appendChild(document.createTextNode(index));
-            }
-         }
-         td.appendChild(document.createTextNode(' selected. '));
-         button=document.createElement('button');
-         td.appendChild(button);
-         button.appendChild(document.createTextNode('Go'));
-         button.setAttribute('onclick','OC_FILES.action_selected()');
-         for(index in content){
-          file=content[index];
-          if(file.name){
-             file.name=file.name.replace('\'','');
-             OC_FILES.files[file['name']]=new OC_FILES.file(dir,file['name'],file['type']);
-             tr=document.createElement('tr');
-             tbody.appendChild(tr);
-             tr.className='browserline';
-             td=document.createElement('td');
-             tr.appendChild(td);
-             input=document.createElement('input');
-             input.setAttribute('type','checkbox');
-             input.setAttribute('name','fileSelector');
-             input.setAttribute('value',file['name']);
-             td.appendChild(input);
-             tr.appendChild(OC_FILES.showicon(file['type']));
-             td=document.createElement('td');
-             tr.appendChild(td);
-             td.className='nametext';
-             td.setAttribute('name',file['name']);
-             td.setAttribute('id',file['name']);
-             a=document.createElement('a');
-             td.appendChild(a);
-             a.appendChild(document.createTextNode(file['name']))
-             if(file['type']=='dir'){
-                a.setAttribute('onclick','OC_FILES.showbrowser("'+dir+file['name']+'")');
-                td.setAttribute('colspan',2);
-                a.setAttribute('href','#'+dir+file['name']);
-             }else{
-                a.setAttribute('href',WEBROOT+'/?dir=/'+dir+'&file='+file['name']);
-                sizeTd=document.createElement('td');
-                tr.appendChild(sizeTd);
-                sizeTd.className='sizetext';
-                sizeTd.appendChild(document.createTextNode(sizeFormat(file['size'])));
-             }
-             a=document.createElement('a');
-             img=document.createElement('img');
-             td.appendChild(img);
-             img.className='file_actions';
-             img.alt=''
-             img.title='actions';
-             img.src=WEBROOT+'/img/arrow_down.png';
-             img.setAttribute('onclick','OC_FILES.showactions(\''+file['name']+'\')')
-             td=document.createElement('td');
-             tr.appendChild(td);
-             td.className='sizetext';
-             td.appendChild(document.createTextNode(file['date']));
-          }
-       }
-    }
-    td=document.createElement('td');
-    tr.appendChild(td);
-    tr=document.createElement('tr');
-    tbody.appendChild(tr);
-    tr.className='utilrow';
-    td=document.createElement('td');
-    tr.appendChild(td);
-    td.className='upload';
-    td.setAttribute('colspan','6');
-    this.showuploader(dir,td,content['max_upload']);
-    contentNode.appendChild(browser);
-}
-
-OC_FILES.showuploader=function(dir,parent,max_upload){
-   this.uploadForm=document.createElement('form');
-   this.uploadForm.setAttribute('target','uploadIFrame');
-   this.uploadForm.setAttribute('action','files/upload.php?dir='+dir);
-   this.uploadForm.method='post';
-   this.uploadForm.setAttribute('enctype','multipart/form-data');
-   this.uploadIFrame=document.createElement('iframe');
-   this.uploadIFrame.className='hidden';
-   this.uploadIFrame.name='uploadIFrame';
-   parent.appendChild(this.uploadIFrame);
-   var input=document.createElement('input');
-   input.setAttribute('type','hidden');
-   input.setAttribute('name','MAX_FILE_SIZE');
-   input.setAttribute('value',max_upload);
-   input.setAttribute('id','max_upload');
-   this.uploadForm.appendChild(input);
-   var file=document.createElement('input');
-   file.name='file';
-   file.setAttribute('id','fileSelector');
-   file.setAttribute('type','file');
-   file.setAttribute('onchange','OC_FILES.upload("'+dir+'")');
-   this.uploadForm.appendChild(document.createTextNode('Upload file: '));
-   this.uploadForm.appendChild(file);
-   parent.appendChild(this.uploadForm);
-}
 
 OC_FILES.upload=function(dir){
    OC_FILES.uploadIFrame.setAttribute('onload',"OC_FILES.upload_callback.call(OC_FILES,'"+dir+"')");
    var fileSelector=document.getElementById('fileSelector');
    var max_upload=document.getElementById('max_upload').value;
    if(fileSelector.files && fileSelector.files[0].fileSize){
-       var size=fileSelector.files[0].fileSize
+       var size=fileSelector.files[0].fileSize;
        if(size>max_upload){
+           new OCNotification('File to large',10000)
            return false;
        }
    }
@@ -281,38 +72,16 @@ OC_FILES.upload=function(dir){
 }
 
 OC_FILES.upload_callback=function(dir){
-   this.showbrowser(dir);
+   this.browser.show(dir);
 }
 
 OC_FILES.rename=function(dir,file){
-   var item=document.getElementById(file);
-   item.oldContent=Array();
-   if(item.hasChildNodes()){
-      while(item.childNodes.length >=1){
-         item.oldContent[item.oldContent.length]=item.firstChild;
-         item.removeChild(item.firstChild);
-      }
-   }
-   var form=document.createElement('form');
-   form.setAttribute('onsubmit','return OC_FILES.do_rename(\''+dir+'\',\''+file+'\')')
-   var input=document.createElement('input');
-   input.setAttribute('type','text');
-   input.setAttribute('name','newname');
-   input.setAttribute('value',file);
-   input.setAttribute('id',file+'_newname')
-   input.setAttribute('onblur','OC_FILES.rename_cancel(\''+file+'\')');
-   form.appendChild(input);
-   item.appendChild(form);
-   input.focus();
-}
-
-OC_FILES.do_rename=function(dir,file){
    var item=document.getElementById(file+'_newname');
    var newname=item.value;
    if(newname==''){
       return false;
    }else if(file==newname){
-      OC_FILES.showbrowser(OC_FILES.dir);
+      OC_FILES.browser.show(OC_FILES.dir);
       return false;
    }
    xmlloader=new OCXMLLoader();
@@ -321,22 +90,9 @@ OC_FILES.do_rename=function(dir,file){
    return false;
 }
 
-OC_FILES.rename_callback=function(req){
-   OC_FILES.showbrowser(OC_FILES.dir);
-}
 
-OC_FILES.rename_cancel=function(file){
-   var item=document.getElementsByName(file).item(0);
-   if(item.hasChildNodes()){
-      while(item.childNodes.length >=1){
-         item.removeChild(item.firstChild);
-      }
-   }
-   for(index in item.oldContent){
-      if(item.oldContent[index].nodeType){
-         item.appendChild(item.oldContent[index]);
-      }
-   }
+OC_FILES.rename_callback=function(req){
+   OC_FILES.browser.show(OC_FILES.dir);
 }
 
 OC_FILES.remove=function(dir,file){
@@ -349,7 +105,7 @@ OC_FILES.remove=function(dir,file){
 }
 
 OC_FILES.remove_callback=function(req){
-   OC_FILES.showbrowser(OC_FILES.dir);
+   OC_FILES.browser.show(OC_FILES.dir);
 }
 
 OC_FILES.getSelected=function(){
@@ -409,7 +165,11 @@ OC_FILES.file=function(dir,file,type){
     this.file=file;
     this.dir=dir;
     this.actions=new Object();
-    this.extention=file.substr(file.indexOf('.'));
+    if(file.lastIndexOf('.')){
+        this.extention=file.substr(file.lastIndexOf('.')+1);
+    }else{
+        this.extention;
+    }
     for(index in OC_FILES.fileActions.all){
         if(OC_FILES.fileActions.all[index].call){
             this.actions[index]=OC_FILES.fileActions.all[index];
@@ -424,11 +184,11 @@ OC_FILES.file=function(dir,file,type){
 }
 
 OC_FILES.file.prototype.showactions=function(){
-    OC_FILES.showactions(this.file);
+    OC_FILES.browser.showactions(this.file);
 }
 
 OC_FILES.file.prototype.hideactions=function(){
-    OC_FILES.showactions(this.file,true);
+    OC_FILES.browser.showactions(this.file,true);
 }
 
 OC_FILES.fileActions=new Object();
@@ -439,71 +199,19 @@ OC_FILES.fileActions.all.remove=function(){
     OC_FILES.remove(this.dir,this.file);
 }
 OC_FILES.fileActions.all.rename=function(){
-    OC_FILES.rename(this.dir,this.file);
+    OC_FILES.browser.show_rename(this.dir,this.file);
 }
 OC_FILES.fileActions.all.download=function(){
     window.location=WEBROOT+'/files/get_file.php?dir='+this.dir+'&files='+this.file;
 }
 
-OC_FILES.showactions=function(file,hide){
-    node=document.getElementById(file);
-    if(node.actionsshown || hide){
-        if(node.actionsdiv){
-            node.removeChild(node.actionsdiv);
-        }
-        node.actionsdiv=null;
-        node.actionsshown=false
-    }else{
-//         OC_FILES.hideallactions();
-        node.actionsshown=true
-        div=document.createElement('div');
-        node.actionsdiv=div;
-        div.className='fileactionlist';
-        table=document.createElement('table');
-        div.appendChild(table);
-        tbody=document.createElement('tbody');
-        table.appendChild(tbody);
-        actions=OC_FILES.files[file].actions;
-        for(name in actions){
-            if(actions[name].call){
-                tr=document.createElement('tr');
-                tbody.appendChild(tr);
-                td=document.createElement('td');
-                tr.appendChild(td);
-                a=document.createElement('a');
-                td.appendChild(a);
-                a.appendChild(document.createTextNode(name));
-                td.setAttribute('onclick','OC_FILES.files[\''+file+'\'].actions[\''+name+'\'].call(OC_FILES.files[\''+file+'\'])');
-            }
-        }
-        node.appendChild(div);
-        OC_FILES.hideallenabled=false;
-        setTimeout('OC_FILES.hideallenabled=true',50);
-    }
-}
+OC_FILES.fileActions.jpg=new Object()
 
-OC_FILES.hideallactions=function(){
-    if(OC_FILES.hideallenabled){
-        for(name in OC_FILES.files){
-            if(OC_FILES.files[name].hideactions){
-                OC_FILES.files[name].hideactions.call(OC_FILES.files[name]);
-            }
-        }
-    }
+OC_FILES.fileActions.jpg.show=function(){
+    window.open(WEBROOT+'/files/open_file.php?dir='+this.dir+'&file='+this.file);
 }
 
-OC_FILES.hideallenabled=true; //used to prevent browsers from hiding actionslists right after they are displayed;
-
-sizeFormat=function(size){
-    var orig=size;
-    var steps=Array('B','KiB','MiB','GiB','TiB');
-    var step=0;
-    while(size>(1024*2)){
-        step++;
-        size=size/1024;
-    }
-    if(size.toFixed){
-        size=size.toFixed(2);
-    }
-    return ''+size+' '+steps[step];
-}
\ No newline at end of file
+OC_FILES.fileActions.jpeg=OC_FILES.fileActions.jpg
+OC_FILES.fileActions.png=OC_FILES.fileActions.jpg
+OC_FILES.fileActions.gif=OC_FILES.fileActions.jpg
+OC_FILES.fileActions.bmp=OC_FILES.fileActions.jpg
\ No newline at end of file
diff --git a/js/lib_notification.js b/js/lib_notification.js
new file mode 100755
index 00000000000..7c19a04b58e
--- /dev/null
+++ b/js/lib_notification.js
@@ -0,0 +1,48 @@
+/**
+ * StarLight - A client side webpage framework
+ *
+ * @package StarLight
+ * @author Icewind <icewind (at) derideal (dot) com>
+ * @copyright 2009
+ * @license http://www.gnu.org/licenses/gpl.html GNU Public License
+ * @url http://blacklight.metalwarp.com/starlight
+ * @version 0.1
+ */
+
+OCNotification=function(text,time){
+	this.text=text;
+	this.time=(time)?time:0;
+	this.notify();
+}
+
+OCNotification.prototype={
+	notify:function(){
+		this.holder=document.getElementById('OCNotificationHolder');
+		if (!this.holder){
+			this.holder=document.createElement('div');
+			this.holder.className='OCNotificationHolder';
+			this.holder.setAttribute('class','OCNotificationHolder');
+			this.holder.setAttribute('id','OCNotificationHolder');
+			document.getElementsByTagName('body').item(0).appendChild(this.holder);
+		}
+		this.notification=document.createElement('div');
+		this.notification.className='OCNotification';
+		this.notification.setAttribute('class','OCNotification');
+		if (document.documentElement.innerHTML){
+			this.notification.innerHTML=this.text;
+		}else{
+			var text=document.createTextNode(this.text);
+			this.notification.appendChild(text);
+		}
+		this.holder.insertBefore(this.notification,this.holder.firstChild);
+		this.notification.addEvent('onclick',new callBack(this.removeNotification,this));
+		if (this.time>0){
+			this.timer = new OCTimer(this.removeNotification, this.time,false,this);
+		}
+	},
+	removeNotification:function(){
+        if(this.notification){
+            this.holder.removeChild(this.notification);
+        }
+	}
+}
\ No newline at end of file
diff --git a/js/lib_timer.js b/js/lib_timer.js
new file mode 100755
index 00000000000..aadea90ba27
--- /dev/null
+++ b/js/lib_timer.js
@@ -0,0 +1,52 @@
+/**
+ * StarLight - A client side webpage framework
+ *
+ * @package StarLight
+ * @author Icewind <icewind (at) derideal (dot) com>
+ * @copyright 2009
+ * @license http://www.gnu.org/licenses/gpl.html GNU Public License
+ * @url http://blacklight.metalwarp.com/starlight
+ * @version 0.1
+ */
+OCTimer=function(callback,time,repeat,object){
+	this.object=(object)?object:false;
+	this.repeat=(!(repeat===undefined))?repeat:true;
+	this.callback=callback;
+	this.time=time;
+	this.timer=0;
+	this.number=OCTimer.count;
+	OCTimer.count++;
+	OCTimer.timers[this.number]=this;
+	if(this.time){
+		this.start();
+	}
+}
+
+OCTimer.count=0;
+OCTimer.timers=Array();
+
+OCTimer.prototype={
+	start:function(){
+		this.running=true;
+		eval('var func=function(){OCTimer.timers['+this.number+'].run();};');
+		if(this.repeat){
+			this.timer = setInterval(func, this.time);
+		}else{
+			this.timer = setTimeout(func, this.time);
+		}
+	},
+	run:function(){
+		if (!this.repeat){
+			this.stop();
+		}
+		if (this.object){
+			this.callback.call(this.object);
+		}else{
+			this.callback.call();
+		}
+	},
+	stop:function(){
+		clearInterval(this.timer);
+		this.running=false;
+	}
+}
\ No newline at end of file