/*******************************************************************************

* KindEditor - WYSIWYG HTML Editor for Internet

* Copyright (C) 2006-2011 kindsoft.net

*

* @author Roddy <luolonghao@gmail.com>

* @site http://www.kindsoft.net/

* @licence http://www.kindsoft.net/license.php

*******************************************************************************/



KindEditor.plugin('filemanager', function(K) {

	var self = this, name = 'filemanager',

		fileManagerJson = K.undef(self.fileManagerJson, self.basePath + 'php/file_manager_json.php'),

		imgPath = self.pluginsPath + name + '/images/',

		lang = self.lang(name + '.');

	function makeFileTitle(filename, filesize, datetime) {

		return filename + ' (' + Math.ceil(filesize / 1024) + 'KB, ' + datetime + ')';

	}

	function bindTitle(el, data) {

		if (data.is_dir) {

			el.attr('title', data.filename);

		} else {

			el.attr('title', makeFileTitle(data.filename, data.filesize, data.datetime));

		}

	}

	self.plugin.filemanagerDialog = function(options) {

		var width = K.undef(options.width, 650),

			height = K.undef(options.height, 510),

			dirName = K.undef(options.dirName, ''),

			viewType = K.undef(options.viewType, 'VIEW').toUpperCase(), // "LIST" or "VIEW"

			clickFn = options.clickFn;

		var html = [

			'<div style="padding:10px 20px;">',

			// header start

			'<div class="ke-plugin-filemanager-header">',

			// left start

			'<div class="ke-left">',

			'<img class="ke-inline-block" name="moveupImg" src="' + imgPath + 'go-up.gif" width="16" height="16" border="0" alt="" /> ',

			'<a class="ke-inline-block" name="moveupLink" href="javascript:;">' + lang.moveup + '</a>',

			'</div>',

			// right start

			'<div class="ke-right">',

			lang.viewType + ' <select class="ke-inline-block" name="viewType">',

			'<option value="VIEW">' + lang.viewImage + '</option>',

			'<option value="LIST">' + lang.listImage + '</option>',

			'</select> ',

			lang.orderType + ' <select class="ke-inline-block" name="orderType">',

			'<option value="NAME">' + lang.fileName + '</option>',

			'<option value="SIZE">' + lang.fileSize + '</option>',

			'<option value="TYPE">' + lang.fileType + '</option>',

			'</select>',

			'</div>',

			'<div class="ke-clearfix"></div>',

			'</div>',

			// body start

			'<div class="ke-plugin-filemanager-body"></div>',

			'</div>'

		].join('');

		var dialog = self.createDialog({

			name : name,

			width : width,

			height : height,

			title : self.lang(name),

			body : html

		}),

		div = dialog.div,

		bodyDiv = K('.ke-plugin-filemanager-body', div),

		moveupImg = K('[name="moveupImg"]', div),

		moveupLink = K('[name="moveupLink"]', div),

		viewServerBtn = K('[name="viewServer"]', div),

		viewTypeBox = K('[name="viewType"]', div),

		orderTypeBox = K('[name="orderType"]', div);

		function reloadPage(path, order, func) {

			var param = 'path=' + path + '&order=' + order + '&dir=' + dirName;

			dialog.showLoading(self.lang('ajaxLoading'));

			K.ajax(K.addParam(fileManagerJson, param + '&' + new Date().getTime()), function(data) {

				dialog.hideLoading();

				func(data);

			});

		}

		var elList = [];

		function bindEvent(el, result, data, createFunc) {

			var fileUrl = K.formatUrl(result.current_url + data.filename, 'absolute'),

				dirPath = encodeURIComponent(result.current_dir_path + data.filename + '/');

			if (data.is_dir) {

				el.click(function(e) {

					reloadPage(dirPath, orderTypeBox.val(), createFunc);

				});

			} else if (data.is_photo) {

				el.click(function(e) {

					clickFn.call(this, fileUrl, data.filename);

				});

			} else {

				el.click(function(e) {

					clickFn.call(this, fileUrl, data.filename);

				});

			}

			elList.push(el);

		}

		function createCommon(result, createFunc) {

			// remove events

			K.each(elList, function() {

				this.unbind();

			});

			moveupLink.unbind();

			viewTypeBox.unbind();

			orderTypeBox.unbind();

			// add events

			if (result.current_dir_path) {

				moveupLink.click(function(e) {

					reloadPage(result.moveup_dir_path, orderTypeBox.val(), createFunc);

				});

			}

			function changeFunc() {

				if (viewTypeBox.val() == 'VIEW') {

					reloadPage(result.current_dir_path, orderTypeBox.val(), createView);

				} else {

					reloadPage(result.current_dir_path, orderTypeBox.val(), createList);

				}

			}

			viewTypeBox.change(changeFunc);

			orderTypeBox.change(changeFunc);

			bodyDiv.html('');

		}

		function createList(result) {

			createCommon(result, createList);

			var table = document.createElement('table');

			table.className = 'ke-table';

			table.cellPadding = 0;

			table.cellSpacing = 0;

			table.border = 0;

			bodyDiv.append(table);

			var fileList = result.file_list;

			for (var i = 0, len = fileList.length; i < len; i++) {

				var data = fileList[i], row = K(table.insertRow(i));

				row.mouseover(function(e) {

					K(this).addClass('ke-on');

				})

				.mouseout(function(e) {

					K(this).removeClass('ke-on');

				});

				var iconUrl = imgPath + (data.is_dir ? 'folder-16.gif' : 'file-16.gif'),

					img = K('<img src="' + iconUrl + '" width="16" height="16" alt="' + data.filename + '" align="absmiddle" />'),

					cell0 = K(row[0].insertCell(0)).addClass('ke-cell ke-name').append(img).append(document.createTextNode(' ' + data.filename));

				if (!data.is_dir || data.has_file) {

					row.css('cursor', 'pointer');

					cell0.attr('title', data.filename);

					bindEvent(cell0, result, data, createList);

				} else {

					cell0.attr('title', lang.emptyFolder);

				}

				K(row[0].insertCell(1)).addClass('ke-cell ke-size').html(data.is_dir ? '-' : Math.ceil(data.filesize / 1024) + 'KB');

				K(row[0].insertCell(2)).addClass('ke-cell ke-datetime').html(data.datetime);

			}

		}

		function createView(result) {

			createCommon(result, createView);

			var fileList = result.file_list;

			for (var i = 0, len = fileList.length; i < len; i++) {

				var data = fileList[i],

					div = K('<div class="ke-inline-block ke-item"></div>');

				bodyDiv.append(div);

				var photoDiv = K('<div class="ke-inline-block ke-photo"></div>')

					.mouseover(function(e) {

						K(this).addClass('ke-on');

					})

					.mouseout(function(e) {

						K(this).removeClass('ke-on');

					});

				div.append(photoDiv);

				var fileUrl = result.current_url + data.filename,

					iconUrl = data.is_dir ? imgPath + 'folder-64.gif' : (data.is_photo ? fileUrl : imgPath + 'file-64.gif');

				var img = K('<img src="' + iconUrl + '" width="80" height="80" alt="' + data.filename + '" />');

				if (!data.is_dir || data.has_file) {

					photoDiv.css('cursor', 'pointer');

					bindTitle(photoDiv, data);

					bindEvent(photoDiv, result, data, createView);

				} else {

					photoDiv.attr('title', lang.emptyFolder);

				}

				photoDiv.append(img);

				div.append('<div class="ke-name" title="' + data.filename + '">' + data.filename + '</div>');

			}

		}

		viewTypeBox.val(viewType);

		reloadPage('', orderTypeBox.val(), viewType == 'VIEW' ? createView : createList);

		return dialog;

	}



});

