/**
*  Klasa generująca przeglądarkę plików znajdujących się na serwerze.
*		
* 				   (c) 2008 by Marcin Wrzyciel  
**/
var fb = null;
var FileBrowserEx = new Class({
	options:{
		path: "",
		base_path: "", // musi kończyć się slashem
		write_dir: "",
		type: "list",
		allowFolderSelect: false,
		showFoldersOnly: false,
		multipleSelect: false,
		onSelect: Class.empty(),
		access_rights: 0
	},
	
	initialize: function(options){
		this.setOptions(options)
		this.dialog = new MooDialog()
		this.dialog.setWidth('812px')
		this.dialog.setHeight('544px')
		
	},
	
	show: function(){
		/* wyświetla filebrowsera wraz z całą zawartością */
		this.dialog.getHandle().innerHTML = this.__headerAndFooter()
		var top=window.getScrollTop()+350;
                this.dialog.getHandle().setStyle( 'top',top+'px');
		$('fb_close_btn').addEvent('click', this.hide.bind(this))
		$('fb_change_view').addEvent('click', this.change_view.bind(this))
		if((this.options.access_rights&2)>0){
			$('fb_add_folder').addEvent('click', this.add_folder.bind(this))
			$('fb_add_file').addEvent('click', this.add_file.bind(this))
		}
		if(this.options.multipleSelect)	$('fb-btn-wstaw-zaznaczone').addEvent('click', this.insert_selected.bind(this))
			
		this.fc_iframe = new Element( 'iframe', {
			'styles' :{ 'display' : 'none'},
			'src' : 'js/explorer/addFile.php?path='+this.options.base_path+this.options.path,
			'frameborder': "no", 'scroling': 'no'
		})
		
		//$('fb-file-folder').appendChild(this.fc_iframe);
		this.fc_iframe.setStyle('display', '') 		
		
		this.dialog.show()
		this.update()
	},
	
	hide: function(){
		this.dialog.hide()
	},
	
	go: function(folder){
		if(folder == ".."){
			for (var pI = this.options.path.length - 1; pI >= 0; pI--) {
				if((this.options.path.charAt(pI) == '/') || (this.options.path.charAt(pI) == '\\')) break;
			}
			this.options.path = this.options.path.substring(0, pI);
		}else{
			if(folder != '.')
				this.options.path += '/' + folder;
		}
		this.update()
	},
	
	update: function(){
		/* aktualizuje zawartośc filebrowsera */
		url = 'js/explorer/explorer.php?path='+this.options.base_path+this.options.path;
		$('fb_path').innerHTML = this.options.path;
		o = this
		$('fb-file-folder').empty();
		$('fb-content').empty().addClass('fex-load')
		new Ajax(url, {
			method: 'get',
			onSuccess:  function(response){
				eval("objects = ("+response+")");
				o.is_writable = (o.options.base_path+o.options.path.substr(1)).indexOf(o.options.write_dir);
				if(0 != o.is_writable && ((this.options.access_rights&2)>0)){
					$('fb_add_folder').setStyle('display', 'none');
					$('fb_add_file').setStyle('display', 'none');
				}else{
					$('fb_add_folder').setStyle('display', '');
					$('fb_add_file').setStyle('display', '');
				}
				
				if(o.options.type == 'thumb'){
					o._showThumb(objects)
				}else{
					o._showList(objects)
				}
			}
		}).request();
	},
	
	change_view: function() {
		if(this.options.type == 'list') this.options.type = "thumb"; else this.options.type = "list"
		this.update() 
	},
	
	add_folder: function(){
		$('fb-file-folder').innerHTML = '<form action="js/explorer/addFolder.php?path='+this.options.base_path+this.options.path+'" class="flol ffoladd" id="fb-form-newfolder">' +
				'<label>Stwórz nowy folder:</label> <input id="fb-faddinput" name="name" class="width200px text" type="text"> <input class="submit" value="zapisz" type="button" onclick="$(\'fb-form-newfolder\').send({onComplete:function(){fb.update(); $(\'fb-faddinput\').value = \'\'; }});">' +
				'</form>'
	},
	
	add_file : function(){
		$('fb-file-folder').empty()
		$('fb-file-folder').innerHTML='<form enctype="multipart/form-data" action="js/explorer/addFile.php?path='+this.options.base_path+this.options.path+'" class="flol ffoladd" target="upload_target" method="post" id="add_file_form">' +
				'<label>Dodaj nowy plik:</label> <input type="file" name="file"/> <input value="zapisz" class="submit" type="submit" id="btn_add_file_fire" onclick="$(\'fb-content\').empty().addClass(\'fex-load\');$(\'add_file_form\').send({onComplete:function(){fb.update();}});">&nbsp;&nbsp;' +
				'</form><iframe id="upload_target" name="upload_target" src="" style="width:0px;height:0px;border:0px solid #fff;display:none;"></iframe>';
		
	},
	
	uploadFile: function(){
		alert('aaa');
		$('btn_add_file_fire').send({onComplete:function(){this.update();}});
	},
	
	insert_selected: function(){
		$$('input.mftp_chx').filterByAttribute("checked").each(function(e,i){
			this.options.onSelect(e.value)
		}.bind(this))
		this.hide()
	},
	
	/** metody prywatne **/
	__headerAndFooter: function(){
		html = '<div class="mftpt"><div class="bgmp p5 borb">'
			html += '<img src="'+gfx_path+'gfx/ik-zawartosc.gif" alt="" class="flol mt10 mr10">' +
					'<p class="flol f17 pt10">MENADŻER PLIKÓW</p>' +
					'<p class="prawa mb5"><a href="javascript:;" id="fb_close_btn">zamknij</a></p>'

			html += '<div id="fb-file-folder"></div>'
			html += '<p class="prawa mr6"><a id="fb_change_view" href="javascript:;"><img src="'+gfx_path+'gfx/ik-zpodgl.gif" alt="" /></a>';
			html +='<a id="fb_add_folder" href="javascript:;">';
			if((this.options.access_rights&2)>0){
				html +='<img src="'+gfx_path+'gfx/ik-addfolder.gif" alt="">'
			}
			html += '</a> <a id="fb_add_file" href="javascript:;">'
			if((this.options.access_rights&2)>0){
				html += '<img src="'+gfx_path+'gfx/ik-addfile.gif" alt="">'
			}
			html += '</a>'
			html+= '</p>'
		html+= '</div>'
		
		html+= '<div class="p5"><p id="fb_path" class="sciezka">tutaj jesteś: '+this.options.path+ '</p>'//'<a href="">kat. główna</a> » <a href="">folder</a> » <a href="">folder</a> » <a href="">podfolder</a></p>'
		
		if(this.type == 'list'){
			html+= '<table class="mftptbl mt5">'
				html+= '<tbody><tr class="nag">'
				html+= '<td class="kol1"></td>'
				html+= '<td class="kol2">typ</td>'
				html+= '<td class="kol3">nazwa</td>'
				//html+= '<td class="kol4">opis</td>'
				html+= '<td class="kol5">rozmiar</td>'
				html+= '<td class="kol6">data</td>'
				html+= '<td class="kol7">akcja</td>'
			html+= '</tr></tbody></table>'
		}
		
		html+= '<div id="fb-content" class="tscroll"></div>'
		if(this.options.multipleSelect){
			html+= '<p class="flol mt5 mb5"><img class="ml8ie" src="'+gfx_path+'gfx/ik-up2.gif" alt="" /> <a href="javascript:void(setAllChxByClassName(\'mftp_chx\',true))">zaznacz wszystkie</a> | <a href="javascript:void(setAllChxByClassName(\'mftp_chx\',\'inverse\'))">odwróć zaznaczenie</a></p>'
			html+= '<p class="flop mt5 mb5"><a class="btn hand" id="fb-btn-wstaw-zaznaczone" >wstaw zaznaczone</a>'
			// <a class="btn hand {bgcolor}">usuń zacznaczone</a></p>'
		}
		html+= '</div>'
		html+= '</div>'

		return html;
	},
	
	_showList: function(objects){
		// code 2 - details
		code = '<form action="" name="" class="fmftp">'
		code+= '<table class="mftptbl">'
		code+= '<tbody>'
				
		for(i=0;i<objects.folders.length;i++){
			if(objects.folders[i] == '..'){
				code+= '<tr onclick="javascript:void(fb.go(\'..\'))" onmouseover="onRowOver(this)">'
				if(this.options.multipleSelect) code+= '   <td class="kol1"></td>'
				code+= '   <td class="kol2"><img src="'+gfx_path+'gfx/file_browser/ik-dir-up.gif" alt=""></td>'
				code+= '   <td class="kol3">..</td>'
				//code+= '   <td class="kol4"></td>'
				code+= '   <td class="kol5"></td>'
				code+= '   <td class="kol6"></td>'
				code+= '   <td class="kol7"></td>'
				code+= '</tr>'
			}else{
				code+= '<tr onmouseover="onRowOver(this)">'
				if(this.options.multipleSelect) code+= '   <td class="kol1"><input name="" type="checkbox" class="mftp_chx" value="'+this.options.path+'/'+objects.folders[i].name+'"></td>'
				code+= '   <td class="kol2" onclick="javascript:void(fb.go(\''+objects.folders[i].name+'\'))"><img src="'+gfx_path+'gfx/file_browser/ik-dir.gif" alt=""></td>'
				code+= '   <td class="kol3" onclick="javascript:void(fb.go(\''+objects.folders[i].name+'\'))">'+objects.folders[i].name+'</td>'
				//code+= '   <td class="kol4"></td>'
				code+= '   <td class="kol5"></td>'
				code+= '   <td class="kol6">'+objects.folders[i].date+'</td>'
				code+= '   <td class="kol7">'
				if(this.options.allowFolderSelect) code+='<a class="btn hand" onclick="fb.options.onSelect(\''+this.options.path+'/'+objects.folders[i].name+'\');fb.hide();">wstaw</a>';
				//code+= ' <a class="btn hand">usuń</a></td>'
				code+= '</tr>'
			}
		}
		
		if(!this.options.showFoldersOnly){
			for(i=0;i<objects.files.length;i++){
				code+= '<tr onmouseover="onRowOver(this)">'
				if(this.options.multipleSelect) code+= '   <td class="kol1"><input name="" type="checkbox" class="mftp_chx" value="'+this.options.path+'/'+objects.files[i].name+'"></td>'
				code+= '   <td class="kol2" onclick=""><img src="'+gfx_path+'gfx/file_browser/ik-'+objects.files[i].type+'.gif" alt=""></td>'
				code+= '   <td class="kol3" onclick="">'+objects.files[i].name+'</td>'
				//code+= '   <td class="kol4"><a class="btn hand {bgcolor}">pl</a> <a class="btn hand {bgcolor}">en</a></td>'
				code+= '   <td class="kol5">'+objects.files[i].size+'</td>'
				code+= '   <td class="kol6">'+objects.files[i].date+'</td>'
				code+= '   <td class="kol7"><a class="btn hand " onclick="fb.options.onSelect(\''+this.options.path+'/'+objects.files[i].name+'\');fb.hide();">wstaw</a> ';
			//		code+= '<a class="btn hand">usuń</a></td>'
				code+= '</tr>'
			}
		}
		code += "</table></form>"
		$('fb-content').setHTML(code).removeClass('fex-load');
	},
	
	/** metody chronione **/
	_showThumb: function(objects){ 
		// code 1 - thumb
		code = '<table class="mmtbl">'
		last=0
		
		for(i=0;i<objects.folders.length;i++){
			if(objects.folders[i] == '..'){
				if(i%5 == 0) { code+= '<tr class="mm" >'; code_2ln = '<tr class="mp">'; }
				code+= '   <td><a href="javascript:void(fb.go(\'..\'))"><img src="'+gfx_path+'gfx/file_browser/big/ico-folder-up.jpg" alt=""></a></td>'
				code_2ln+= '<td><p class="podpis">..</p></td>'
				last = i%5
				if(last == 4) {code+= '</tr>'; code_2ln += '</tr>'; code+= code_2ln;}
			}else{
				if(i%5 == 0) { code+= '<tr class="mm" >'; code_2ln = '<tr class="mp">'; }
				code+= '   <td ><a href="javascript:void(fb.go(\''+objects.folders[i].name+'\'))"><img src="'+gfx_path+'gfx/file_browser/big/ico-folder.jpg" alt=""></a></td>'
				code_2ln+= '<td><p class="podpis"> <a class="btn2 hand" onclick="fb.options.onSelect(\''+this.options.path+'/'+objects.folders[i].name+'\');fb.hide();">+</a> '
				if(this.options.multipleSelect) code_2ln+= '<input type="checkbox" name="" value="'+this.options.path+'/'+objects.folders[i].name+'" class="mftp_chx"/> '
				
				code_2ln+= ((objects.folders[i].name.length > 15) ? objects.folders[i].name.substring(0,12)+'...' : objects.folders[i].name)+'</p></td>'
				last = i%5
				if(last == 4) {code+= '</tr>'; code_2ln += '</tr>'; code+= code_2ln;}
			}
		}		

		if(!this.options.showFoldersOnly){
			if(objects.files.length >0) last+=1
			shift = last
			for(i=0;i<objects.files.length;){
				last = (i+shift)%5
				
				if(last == 0) { code+= '<tr class="mm" >'; code_2ln = '<tr class="mp">'; }
				t = objects.files[i].type
				if(t!= 'jpg' && t!= 'gif' && t!= 'png'){
					code+= '   <td><a href="javascript:;"><img src="'+gfx_path+'gfx/file_browser/big/ico-'+objects.files[i].type+'.jpg" alt=""></a></td>'
				}else{
					code+= '   <td><a href="javascript:;" onclick="Lightbox.show(\''+abs_path+'thumb.php?file=media/'+this.options.base_path.replace(/\s/g,'+').replace(/\(/g, '%28').replace(/\)/g, '%29')+this.options.path.replace(/\s/g,'+').replace(/\(/g, '%28').replace(/\)/g, '%29')+'/'+objects.files[i].name.replace(/\s/g,'+').replace(/\(/g, '%28').replace(/\)/g, '%29')+'&w=800&h=600&exact=&comp=50\', \'\')"><img src="'+abs_path+'thumb.php?file=/media'+this.options.base_path+this.options.path+'/'+objects.files[i].name+'&w=100&h=70&exact=1&comp=50" alt=""></a></td>'
				}
				code_2ln+= '<td><p class="podpis"><a class="btn2 hand"  onclick="fb.options.onSelect(\''+this.options.path+'/'+objects.files[i].name+'\');fb.hide();">+</a>&nbsp;'
				if(this.options.multipleSelect) code_2ln+= '<input type="checkbox" name="" class="mftp_chx" value="'+this.options.path+'/'+objects.files[i].name+'"/>'
				code_2ln+=((objects.files[i].name.length > 15) ? objects.files[i].name.substring(0,12)+'...':objects.files[i].name)+'</p></td>'
				if(last == 4) {code+= '</tr>'; code_2ln += '</tr>'; code+= code_2ln;}
				i++
			}
		}
		
		if(last != 4){
			// uzupełnienie listy do końca tabelki
			for(i=last+1;i<5;i++){
				code+= '<td></td>'
				code_2ln+= '<td></td>';
			}
			code+= '</tr>';
			code_2ln+= '</tr>'
			code+= code_2ln;
		}
		code += "</table>"
		$('fb-content').setHTML(code).removeClass("fex-load");
	}
	
});
FileBrowserEx.implement(new Options)

window.addEvent('domready', function(){ fb = new FileBrowserEx })