/* Функция которая возвратит обьект CloudCommander
 * @CloudFunc - обьект содержащий общий функционал
 *  клиентский и серверный
 */
var Util, DOM, CloudFunc, $, KeyBinding, CloudCommander;

(function(Util, DOM){
    'use strict';
    
    var Config, Modules, FileTemplate, PathTemplate;
    
    /* Клиентский обьект, содержащий функциональную часть*/
    var CloudCmd = {
        /* Конструктор CloudClient, который выполняет
         * весь функционал по инициализации
         */
        init                    : null, /* start initialization             */
        
        KeyBinding              : null, /* обьект обработки нажатий клавишь */
        KeysPanel               : null, /* panel with key buttons f1-f8     */
        Editor                  : null, /* function loads and shows editor  */
        Storage                 : null, /* function loads storage           */
        Viewer                  : null, /* function loads and shows viewer  */
        Terminal                : null, /* function loads and shows terminal*/
        Menu                    : null, /* function loads and shows menu    */
        GoogleAnalytics         : null,
        
        loadDir                : null, /* Функция привязываеться ко всем ссылкам и
                                        * загружает содержимое каталогов */
        
        /* ОБЬЕКТЫ */
        
        /* ПРИВАТНЫЕ ФУНКЦИИ */
        /* функция загружает json-данные о файловой системе */
        _ajaxLoad               : null,
        
        /* Функция генерирует JSON из html-таблицы файлов */
        _getJSONfromFileTable   : null,
        
        /* функция меняет ссыки на ajax-овые */
        _changeLinks            : null,
        
        /* КОНСТАНТЫ*/
        LIBDIR                  : '/lib/',
        LIBDIRCLIENT            : '/lib/client/',
        JSONDIR                 : '/json/',
        HTMLDIR                 : '/html/',
        /* height of Cloud Commander
        * seting up in init()
        */
        HEIGHT                  : 0,
        MIN_ONE_PANEL_WIDTH     : 1155,
        OLD_BROWSER             : false,
        
        HOST                    :  (function(){
            var lLocation = document.location;
            return lLocation.protocol + '//' + lLocation.host;
        })()
    };
    
    CloudCmd.GoogleAnalytics         = function(){
       DOM.addOneTimeListener('mousemove', function(){
           var lUrl = CloudCmd.LIBDIRCLIENT + 'google_analytics.js';
            
            setTimeout(function(){
                DOM.jsload(lUrl);
            }, 5000);
       });
    };
    
    /**
     * Функция привязываеться ко всем ссылкам и
     *  загружает содержимое каталогов
     * 
     * @param pLink - ссылка
     * @param pNeedRefresh - необходимость обязательной загрузки данных с сервера
     */
    CloudCmd.loadDir                = function(pLink, pNeedRefresh){
        return function(pEvent){
            /* показываем гиф загрузки возле пути папки сверху
             * ctrl+r нажата? */
            
            var lCurrentLink    = DOM.getCurrentLink(),
                lHref           = lCurrentLink.href,
                lLink           = pLink || Util.removeStr(lHref, CloudCmd.HOST);
            
            lLink += '?json';
            
            if(lLink || lCurrentLink.target !== '_blank'){
                DOM.Images.showLoad(pNeedRefresh ? {top:true} : null);
                
                /* загружаем содержимое каталога */
                CloudCmd._ajaxLoad(lLink, { refresh: pNeedRefresh });
            }
            
            DOM.preventDefault(pEvent);
        };
    };
    
    
    /**
     * Function edits file name
     *
     * @param pParent - parent element
     * @param pEvent
     */
    CloudCmd._editFileName           = function(pParent){
        var lA  = DOM.getCurrentLink(pParent),
        lName   = DOM.getCurrentName();
        
        if ( lName !== '..' ){
                
                lA.contentEditable = true;
                KeyBinding && KeyBinding.unSet();
                
                /* setting event handler onclick
                 * if user clicks somewhere keyBinded
                 * backs
                 */
                DOM.addOneTimeListener('click', function(){
                    //lA.contentEditable = false;
                    //KeyBinding && KeyBinding.set();
                });
        }
    };
    
    
    /** функция устанавливает курсор на каталог
     * с которого мы пришли, если мы поднялись
     * в верх по файловой структуре
     * @param pDirName - имя каталога с которого мы пришли
     */
    CloudCmd._currentToParent        = function(pDirName){
        /* убираем слэш с имени каталога */
        pDirName        = Util.removeStr(pDirName, '/');
        
        /* опредиляем в какой мы панели:    *
         * правой или левой                 */
        var lPanel      = DOM.getPanel(),
            lRootDir    = DOM.getById(pDirName + '(' + lPanel.id + ')');
        
        /* if found li element with ID directory name   *
         * set it to current file                       */
        if(lRootDir){
            DOM.setCurrentFile(lRootDir);
            DOM.scrollIntoViewIfNeeded(lRootDir, true);
        }
    };
    
    /**
     * function load modules
     * @pParams = {name, path, func, dobefore, arg}
     */
    function loadModule(pParams){
        if(!pParams) return;
        
        var lName       = pParams.name,
            lPath       = pParams.path,
            lFunc       = pParams.func,
            lDoBefore   = pParams.dobefore;
        
        if( Util.isString(pParams) )
            lPath = pParams;
        
        if(lPath && !lName){
            lName = lPath[0].toUpperCase() + lPath.substring(1);
            lName = Util.removeStr(lName, '.js');
            
            var lSlash = lName.indexOf('/');
            if(lSlash > 0){
                var lAfterSlash = lName.substr(lSlash);
                lName = Util.removeStr(lName, lAfterSlash);
            }
        }
        
        if( !Util.isContainStr(lPath, '.js') )
            lPath += '.js';
        
        if(!CloudCmd[lName])
            CloudCmd[lName] = function(pArg){
                Util.exec(lDoBefore);
                
                return DOM.jsload(CloudCmd.LIBDIRCLIENT + lPath, lFunc ||
                    function(){
                        Util.exec(CloudCmd[lName].init, pArg);
                    });
            };
    }
    /** Конструктор CloudClient, который
     * выполняет весь функционал по
     * инициализации
     */
    CloudCmd.init                    = function(){
        var lCallBack = function(){
                Util.loadOnLoad([
                    initKeysPanel,
                    initModules,
                    baseInit
                ]);
            },
            lFunc = function(pCallBack){
                CloudCmd.OLD_BROWSER = true;
                var lSrc = CloudCmd.LIBDIRCLIENT + 'ie.js';
                
                DOM.jqueryLoad(
                    DOM.retJSLoad(lSrc, pCallBack)
                );
            };
            
        //Util.socketLoad();
        
        Util.ifExec(document.body.scrollIntoViewIfNeeded, lCallBack, lFunc);
    };
    
    function initModules(pCallBack){
        loadModule({
            /* привязываем клавиши к функциям */
            path  : 'keyBinding.js',
            func : function(){            
                KeyBinding  = CloudCmd.KeyBinding;
                KeyBinding.init();
            }
         });
        
        CloudCmd.getModules(function(pModules){
            pModules                = pModules || [];
            
            DOM.addContextMenuListener(function(pEvent){
                CloudCmd.Menu.ENABLED || DOM.preventDefault(pEvent);
            }, document);
            
            var lStorage            = 'storage',
                lShowLoadFunc       = Util.retFunc( DOM.Images.showLoad ),
                
                lDoBefore           = {
                    'editor/_codemirror'    : lShowLoadFunc,
                    'viewer'                : lShowLoadFunc
                },
                
                lLoad = function(pName, pPath, pDoBefore){
                    loadModule({
                        path        : pPath,
                        name        : pName,
                        dobefore    : pDoBefore
                    });
                };
            
            for(var i = 0, n = pModules.length; i < n ; i++){
                var lModule = pModules[i];
                
                if(Util.isString(lModule))
                    lLoad(null, lModule, lDoBefore[lModule]);
            }
            
            var lStorageObj = Util.findObjByNameInArr( pModules, lStorage ),
                lMod        = Util.getNamesFromObjArray( lStorageObj );
                
            for(i = 0, n = lMod.length; i < n; i++){
                var lName = lMod[i],
                    lPath = lStorage + '/_' + lName.toLowerCase();
                
                lLoad(lName, lPath);
            }
            
            
            Util.exec(pCallBack);
    
        });
    }
    
    function initKeysPanel(pCallBack){
        var lKeysPanel = {},
        
            lFuncs =[
                null,
                null,                   /* f1 */
                DOM.renameCurrent,      /* f2 */
                CloudCmd.Viewer,        /* f3 */
                CloudCmd.Editor,        /* f4 */
                DOM.copyCurrent,        /* f5 */
                DOM.moveCurrent,        /* f6 */
                DOM.promptNewFolder,    /* f7 */
                DOM.promptDeleteCurrent,/* f8 */
            ];
        
        for(var i = 1; i <= 8; i++){
            var lButton         = 'f' + i,
                lEl             = DOM.getById('f' + i);
            if( i === 3 || i === 4)
                DOM.addOneTimeListener('click', lFuncs[i], lEl);
            else
                DOM.addClickListener(lFuncs[i], lEl);
            lKeysPanel[lButton] = lEl;
        }
        
        CloudCmd.KeysPanel = lKeysPanel;
        Util.exec(pCallBack);
    }
    
    function baseInit(pCallBack){
        if(window.applicationCache){
            var lFunc = applicationCache.onupdateready;
            
            applicationCache.onupdateready = function(){
                Util.log('app cacheed');
                location.reload();
                
                Util.exec(lFunc);
            };
        }
        
        /* загружаем общие функции для клиента и сервера */
        DOM.jsload(CloudCmd.LIBDIR + 'cloudfunc.js',function(){
            DOM.addListener("popstate", function(pEvent) {
                var lPath   = pEvent.state + '?json';
                
                if(lPath)
                    CloudCmd._ajaxLoad(lPath, {nohistory: true});
                
                return true;
            });
            
            /* берём из обьекта window общий с сервером функционал          */
            CloudFunc = window.CloudFunc;
            
            /* меняем ссылки на ajax'овые                                   */
            CloudCmd._changeLinks(CloudFunc.LEFTPANEL);
            CloudCmd._changeLinks(CloudFunc.RIGHTPANEL);
                    
            /* устанавливаем переменную доступности кэша                    */
            DOM.Cache.isAllowed();
            /* Устанавливаем кэш корневого каталога                         */ 
            var lDirPath = DOM.getCurrentDirPath();
            if( !DOM.Cache.get(lDirPath) )
                DOM.Cache.set(lDirPath, CloudCmd._getJSONfromFileTable());
        });
        
        /* выделяем строку с первым файлом                                  */
        var lFmHeader = DOM.getByClass('fm-header');
        if(lFmHeader && lFmHeader[0]){
            var lCurrent = lFmHeader[0].nextSibling;
            DOM.setCurrentFile(lCurrent);
        }
        
        /* показываем элементы, которые будут работать только, если есть js */
        var lFM = DOM.getById('fm');
        lFM.className='localstorage';
            
        /* устанавливаем размер высоты таблицы файлов
         * исходя из размеров разрешения экрана
         *
         * формируем и округляем высоту экрана
         * при разрешениии 1024x1280:
         * 658 -> 700
         */
        
        var lHeight = window.screen.height;
            lHeight = lHeight - (lHeight/3).toFixed();
        
        lHeight = (lHeight / 100).toFixed() * 100;
        
        CloudCmd.HEIGHT = lHeight;
        
        DOM.cssSet({
            id:'cloudcmd',
            inner:
                '.panel{'                           +
                    'height:' + lHeight +'px;'      +
                '}'
        });
        
        Util.exec(pCallBack);
        CloudCmd.KeyBinding();
    }
    
    
    function getSystemFile(pGlobal, pURL){
        
        function lGetSysFile(pCallBack){
            Util.ifExec(pGlobal, pCallBack, function(pCallBack){
                if(!pGlobal)
                    DOM.ajax({
                        url     : pURL,
                        success : function(pLocal){
                            pGlobal = pLocal;
                            Util.exec(pCallBack, pLocal);
                        }
                    });
            });
        }
        
        return lGetSysFile;
    }
    
    
    
    CloudCmd.getConfig          = getSystemFile(Config,         CloudCmd.JSONDIR + 'config.json');
    CloudCmd.getModules         = getSystemFile(Modules,        CloudCmd.JSONDIR + 'modules.json');
    CloudCmd.getFileTemplate    = getSystemFile(FileTemplate,   CloudCmd.HTMLDIR + 'file.html');
    CloudCmd.getpPathTemplate   = getSystemFile(PathTemplate,   CloudCmd.HTMLDIR + 'path.html');
    
    CloudCmd.execFromModule         = function(pModuleName, pFuncName, pParams){
        var lObject     = CloudCmd[pModuleName];
        Util.ifExec('init' in lObject,
            function(){
                var lObj = CloudCmd[pModuleName];
                Util.exec( lObj[pFuncName], pParams);
            },
            
            function(pCallBack){
                Util.exec(lObject, pCallBack);
            });
    };
    
    
    /* функция меняет ссыки на ajax-овые */
    CloudCmd._changeLinks            = function(pPanelID){
        /* назначаем кнопку очистить кэш и показываем её */
        var lClearcache = DOM.getById('clear-cache');
            DOM.addClickListener(DOM.Cache.clear, lClearcache);
            
        /* меняем ссылки на ajax-запросы */
        var lPanel  = DOM.getById(pPanelID),
            a       = DOM.getByTag('a', lPanel),
            
            /* right mouse click function varible */
            lOnContextMenu_f = function(pEvent){
                var lReturn_b = true;
                
                KeyBinding && KeyBinding.unSet();
                
                /* getting html element
                 * currentTarget - DOM event
                 * target        - jquery event
                 */
                var lTarget = pEvent.currentTarget || pEvent.target;
                DOM.setCurrentFile(lTarget);
                
                if(Util.isFunction(CloudCmd.Menu) ){
                    CloudCmd.Menu({
                        x: pEvent.clientX,
                        y: pEvent.clientY
                    });
                    
                    /* disabling browsers menu*/
                    lReturn_b = false;
                    DOM.Images.showLoad();
                }        
                
                return lReturn_b;
            },
            
        /* drag and drop function varible
         * download file from browser to descktop
         * in Chrome (HTML5)
         */
            lOnDragStart_f = function(pEvent){
                var lElement    = pEvent.target,
                    lLink       = lElement.href,
                    lName       = lElement.textContent;
                
                /* if it's directory - adding json extension */
                if( DOM.isCurrentIsDir() ){
                    lName       += '.json';
                    lLink       += '?json';
                }
                
                pEvent.dataTransfer.setData("DownloadURL",
                    'application/octet-stream'  + ':' +
                    lName                       + ':' + 
                    lLink);
            },
            
            lSetCurrentFile_f = function(pEvent){
                var pElement    = pEvent.target,
                    lTag        = pElement.tagName;
                
                if(lTag !== 'LI')
                    do{
                        pElement    = pElement.parentElement;
                        lTag        = pElement.tagName;
                    }while(lTag !== 'LI');
                
                DOM.setCurrentFile(pElement);
            },
            
            lUrl                = CloudCmd.HOST,
            lLoadDirOnce        = CloudCmd.loadDir();
            
        CloudCmd.refresh    =  function(){
            var lNEEDREFRESH    = true,
                lPath           = DOM.getCurrentDirPath(),
                lLink           = CloudFunc.FS + lPath,
                lNotSlashlLink  = CloudFunc.removeLastSlash(lLink),
                lLoad           = CloudCmd.loadDir(lNotSlashlLink, lNEEDREFRESH);
            lLoad();
        };
        
        /* ставим загрузку гифа на клик*/
        DOM.addClickListener( CloudCmd.refresh, a[0].parentElement );
        
        /* start from 1 cous 0 is a path and it's setted up */
        for(var i = 1, n = a.length; i < n ; i++){
            /* убираем адрес хоста*/
            var ai              = a[i],
                lLink           = Util.removeStr(ai.href, lUrl),
                lLoadDir        = CloudCmd.loadDir(lLink),
                /* устанавливаем обработчики на строку
                 * на двойное нажатие на левую кнопку мышки */
                lLi = ai.parentElement.parentElement;
            
            /* if we in path - set click event */
            if (lLi.className === 'path')
                DOM.addClickListener( lLoadDir, ai );
            else {
                DOM.addClickListener( DOM.preventDefault, lLi);
                DOM.addListener('mousedown', lSetCurrentFile_f, lLi);
                DOM.addListener('dragstart', lOnDragStart_f, ai);
                /* if right button clicked menu will
                 * loads and shows
                 */
                DOM.addListener('contextmenu', lOnContextMenu_f, lLi);
                
                /* если ссылка на папку, а не файл */
                if(ai.target !== '_blank'){
                    DOM.addListener('dblclick', lLoadDirOnce, lLi);
                    DOM.addListener('touchend', lLoadDirOnce, lLi);
                }
                
                lLi.id = (ai.title ? ai.title : ai.textContent) +
                    '(' + pPanelID + ')';
            }
        }
    };
    
    /**
     * Функция загружает json-данные о Файловой Системе
     * через ajax-запрос.
     * @param path - каталог для чтения
     * @param pOptions
     * { refresh, nohistory } - необходимость обновить данные о каталоге
     */
    CloudCmd._ajaxLoad               = function(pPath, pOptions){
        if(!pOptions)
            pOptions    = {};
        
        /* Отображаем красивые пути */
        var lSLASH      = '/',
            lFSPath     = decodeURI(pPath),
            lNOJSPath   = Util.removeStr( lFSPath, '?json' ),
            lCleanPath  = Util.removeStr( lNOJSPath, CloudFunc.FS   ) || lSLASH,
            
            lOldURL = window.location.pathname;
        
        if(lCleanPath === lSLASH)
            lNOJSPath = lSLASH;
        
        Util.log ('reading dir: "' + lCleanPath + '";');
        
        if(!pOptions.nohistory)
            DOM.setHistory(lNOJSPath, null, lNOJSPath);
        
        DOM.setTitle( CloudFunc.getTitle(lCleanPath) );
        
        var lPanel = DOM.getPanel().id;
         /* если доступен localStorage и
          * в нём есть нужная нам директория -
          * читаем данные с него и
          * выходим
          * если стоит поле обязательной перезагрузки - 
          * перезагружаемся
          */ 
        var lRet = pOptions.refresh;
        if(!lRet){
            var lJSON = DOM.Cache.get(lCleanPath);
            
            if (lJSON){
                /* переводим из текста в JSON */
                lJSON = Util.parseJSON(lJSON);
                CloudCmd._createFileTable(lPanel, lJSON);
            }
            else
                lRet = true;
        }
        
        if(lRet)
            DOM.getCurrentFileContent({
                url     : lFSPath,
                
                error   : function(){
                    DOM.setHistory(lOldURL, null, lOldURL);
                },
                
                success : function(pData){
                    CloudCmd._createFileTable(lPanel, pData);
                    
                    /* переводим таблицу файлов в строку, для   *
                     * сохранения в localStorage                */
                    var lJSON_s = Util.stringifyJSON(pData);
                    Util.log(lJSON_s.length);
                    
                    /* если размер данных не очень бошьой       *
                     * сохраняем их в кэше                      */
                    if(lJSON_s.length < 50000 )
                        DOM.Cache.set(lCleanPath, lJSON_s);
                }
            });
    };
    
    /**
     * Функция строит файловую таблицу
     * @param pEleme - родительский элемент
     * @param pJSON  - данные о файлах
     */
    CloudCmd._createFileTable        = function(pElem, pJSON){
        var lElem           = DOM.getById(pElem),
            /* getting current element if was refresh */
            lPath           = DOM.getByClass('path', lElem),
            
            lCurrent        = DOM.getCurrentFile(),
            lCurrentLink = DOM.getCurrentLink(lCurrent),
            lParent         = lCurrentLink.textContent,
            lDir            = DOM.getCurrentDirName(),
            
            lName           = DOM.getCurrentName(lName),
            lWasRefresh_b   = lPath[0].textContent === pJSON[0].path;
        
        CloudCmd.getFileTemplate(function(pTemplate){
            CloudCmd.getpPathTemplate(function(pPathTemplate){
                /* очищаем панель */
                var i = lElem.childNodes.length;
                
                while(i--)
                    lElem.removeChild(lElem.lastChild);
                
                lElem.innerHTML = CloudFunc.buildFromJSON(pJSON, pTemplate, pPathTemplate);
                
                /* если нажали на ссылку на верхний каталог*/
                var lFound;
                /* searching current file */
                if(lWasRefresh_b){
                    var n = lElem.childNodes.length;
                    for(i = 2; i < n ; i++){
                        var lVarCurrent = lElem.childNodes[i],
                            lVarName    = DOM.getCurrentName(lVarCurrent);
                        
                        lFound = lVarName === lName;
                        
                        if(lFound){
                            lCurrent    = lElem.childNodes[i];
                            break;
                        }
                    }
                }
                if(!lFound) /* .. */
                    lCurrent = lElem.childNodes[2];
                
                DOM.setCurrentFile(lCurrent);
                
                CloudCmd._changeLinks(pElem);
                
                if(lParent === '..' && lDir !== '/')
                    CloudCmd._currentToParent(lDir);
            });
         });
    };
    
    /**
     * Функция генерирует JSON из html-таблицы файлов и
     * используеться при первом заходе в корень
     */
    CloudCmd._getJSONfromFileTable   = function(){
        var lLeft       = DOM.getById('left'),
            lPath       = DOM.getByClass('path')[0].textContent,
            
            lFileTable  = [{
                path    : lPath,
                size    : 'dir'
            }],
            
            lLI         = lLeft.getElementsByTagName('li'),
            i, n, j     = 1;      /* счётчик реальных файлов */
            
        /* счётчик элементов файлов в DOM
         * Если путь отличный от корневного
         * второй элемент li - это ссылка на верхний
         * каталог '..'
         */
         
        /* пропускам Path и Header*/
        for(i = 2, n = lLI.length; i < n; i++){
            var lCurrent    = lLI[i],
                lName       = DOM.getCurrentName(lCurrent),
                lSize       = DOM.getCurrentSize(lCurrent),
            /* переводим права доступа в цыфровой вид
             * для хранения в localStorage
             */
            lMode           = DOM.getCurrentMode(lCurrent);
            lMode           = CloudFunc.getNumericPermissions(lMode);
            
            if(lName !== '..')
                lFileTable[ j++ ] = {
                    name: lName,
                    size: lSize,
                    mode: lMode
                };
        }
        return Util.stringifyJSON(lFileTable);
    };
    
    CloudCommander = CloudCmd;
    
    DOM.addOneTimeListener('load', function(){
        /* базовая инициализация*/
        CloudCmd.init();
        
        /* загружаем Google Analytics */
        CloudCmd.GoogleAnalytics();
    });
})(Util, DOM);