﻿// jQuery File Tree Plugin
//
// Version 1.01
//
// Cory S.N. LaViska
// A Beautiful Site (http://abeautifulsite.net/)
// 24 March 2008
//
// Visit http://abeautifulsite.net/notebook.php?article=58 for more information
//
// Usage: $('.fileTreeDemo').fileTree( options, callback )
//
// Options:  root           - root folder to display; default = /
//           script         - location of the serverside AJAX file to use; default = jqueryFileTree.php
//           folderEvent    - event to trigger expand/collapse; default = click
//           expandSpeed    - default = 500 (ms); use -1 for no animation
//           collapseSpeed  - default = 500 (ms); use -1 for no animation
//           expandEasing   - easing function to use on expand (optional)
//           collapseEasing - easing function to use on collapse (optional)
//           multiFolder    - whether or not to limit the browser to one subfolder at a time
//           loadMessage    - Message to display while initial tree loads (can be HTML)
//
// History:
//
// 1.01 - updated to work with foreign characters in directory/file names (12 April 2008)
// 1.00 - released (24 March 2008)
//
// TERMS OF USE
// 
// This plugin is dual-licensed under the GNU General Public License and the MIT License and
// is copyright 2008 A Beautiful Site, LLC.
//
var droppagesize=12;
var hdnid = '';
var flag = '';
var temppostid = '';
var hdnidPostBack = ''; 
var root = 0;
var script = 'webservices/webservice.asmx/ShowTree';
var folderEvent = 'click';
var expandSpeed = 500;
var collapseSpeed = 500;
var expandEasing = null;
var collapseEasing = null;
var multiFolder = true;
var loadMessage = 'Loading...';
var ItemType = 'Images';
var PageNo = '1';
var PageSize = '12';

if (jQuery) (function($) {

    $.extend($.fn, {
        fileTree: function(o, h) {
            // Defaults ShowTreeFolder
            if (!o) var o = {};
            if (o.root == undefined) o.root = 0;
            if (o.flag != "Popup") {
                if (o.script == undefined) o.script = 'webservices/webservice.asmx/ShowTree';
            }
            else {
                if (o.script == undefined) o.script = 'webservices/webservice.asmx/ShowTreeFolder';
            }
            if (o.folderEvent == undefined) o.folderEvent = 'click';
            if (o.expandSpeed == undefined) o.expandSpeed = 500;
            if (o.collapseSpeed == undefined) o.collapseSpeed = 500;
            if (o.expandEasing == undefined) o.expandEasing = null;
            if (o.collapseEasing == undefined) o.collapseEasing = null;
            if (o.multiFolder == undefined) o.multiFolder = true;
            if (o.loadMessage == undefined) o.loadMessage = 'Loading...';
            if (o.ItemType == undefined) o.ItemType = 'Images';

            if (!0) {

                root = o.root;
                script = o.script;
                folderEvent = o.folderEvent;
                expandSpeed = o.expandSpeed;
                collapseSpeed = o.collapseSpeed;
                expandEasing = o.expandEasing;
                collapseEasing = o.collapseEasing;
                multiFolder = o.multiFolder;
                loadMessage = o.loadMessage;
                ItemType = o.ItemType;
            }

            $(this).each(function() {

                function showTree1(c, p, it) {
                    showTree(c, p, it, o.PageNo, o.PageSize);
                }

                function bindTree(t) {
                    bindTree(t);
                }
                // Loading message

                $(this).html('<ul class="jqueryFileTree start"><li class="wait">' + o.loadMessage + '<li></ul>');

                // Get the initial file list
                showTree1($(this), escape(o.root), o.ItemType, o.PageNo, o.PageSize);
                
            });
        }
    });

})(jQuery);



function showTree(c, p, it, pageno, pagesize) {
    $(c).addClass('wait');
    $(".jqueryFileTree.start").remove();

    //    var paramlist = '';
    //    paramlist += '"parentid":"' + dirid + '"';
    //    paramlist += ',"itemtype":"' + itemType + '"';
    //    paramlist = '{' + paramlist + '}';

    var paramRequestFid = "";
    paramRequestFid=$('#' + HiddenRequestFId).val();
   
    var pagePath = window.location.pathname;
    $.ajax({
        type: "POST",
        url: script,
        data: "{ 'parentid':'" + p + "','itemtype':'" + it + "','RequestFid':'" + paramRequestFid + "','PageNo':'" + pageno + "','PageSize':'" + pagesize + "'}",
        contentType: "application/json; charset=utf-8",
        async: false,
        dataType: "json",
        success: function(data) {
            $(c).find('.start').html('');
            $(c).removeClass('wait').append(data.d);
            if (root == p) $(c).find('UL:hidden').show(); else $(c).find('UL:hidden').slideDown({ duration: expandSpeed, easing: expandEasing });
            bindTree(c);
        },
        error: function(err) { alert(err); }
    });
   
}


function bindTree(t) {
    $(t).find('LI A').bind(folderEvent, function() {
    bind(this, 1, droppagesize);
    });
    $(t).find('LI').bind(folderEvent, function() {
    bind($(this).find('A'), 1, droppagesize);
    });
//    $(t).find('A').bind(folderEvent, function() {
//        bind(this);
//    });
    // Prevent A from triggering the # on non-click events
    if (folderEvent.toLowerCase != 'click') $(t).find('LI A').bind('click', function() { return false; });
    if (folderEvent.toLowerCase != 'click') $(t).find('LI').bind('click', function() { return false; });
}

function bind(aobj, PageNo, PageSize) {
    droppagesize = PageSize;
    if (PageNo == '1') {
        if ($(aobj).attr('id') == 'anImage') {
            $('#' + temppostid).val('anImage');
            __doPostBack(hdnidPostBack, "");
        }
        else if ($(aobj).attr('id') == 'anAudio') {
            $('#' + temppostid).val('anAudio');
            __doPostBack(hdnidPostBack, "");
        }
        else if ($(aobj).attr('id') == 'anVideo') {
            $('#' + temppostid).val('anVideo');
            __doPostBack(hdnidPostBack, "");
        }
        else if ($(aobj).attr('id') == 'anDocuments') {
            $('#' + temppostid).val('anDocuments');
            __doPostBack(hdnidPostBack, "");
        }
        else if ($(aobj).attr('id') == 'anMisc') {
            $('#' + temppostid).val('anMisc');
            __doPostBack(hdnidPostBack, "");
        }
        if ($(aobj).parent().hasClass('directory')) {
           
            if ($(aobj).parent().attr("class") == 'directory collapsed') {
                // Expand 
                if (!multiFolder) {
                    $(aobj).parent().parent().find('UL').slideUp({ duration: collapseSpeed, easing: collapseEasing });
                    $(aobj).parent().parent().find('LI.directory').removeClass('expanded').addClass('collapsed');

                }
                $(aobj).parent().find('UL').remove(); // cleanup
                //showTree($(aobj).parent(), escape($(aobj).attr('rel').match(/.*\//)), $(aobj).attr('relid'), ItemType);
                showTree($(aobj).parent(), escape($(aobj).parent().attr("parentid")), ItemType, PageNo, PageSize);

                //--Customize the code to make the postback to bind the grid

                flag = $("#ctlhdnPopup").val();
                if (flag != "Popup") {
                    $('#lblFoldername').html("Move To");
                    $('#' + HiddenTreeValId).val(escape($(aobj).parent().attr("parentid")));

                    __doPostBack(hdnid, ""); //todo customize
                    //---
                }
                else {
                    var Hid = $(aobj).parent().attr("parentid");
                    $('#lblFoldername').html('Move To ' + $('#an' + Hid).html());
                    $("#ctlHtnMoveTo").val(Hid);
                    $('#' + HiddenTreeValId).val(escape($(aobj).parent().attr("parentid")));

                }
                $(aobj).parent().removeClass('collapsed').addClass('expanded');
                if (escape($(aobj).parent().attr("parentid")) == 1) {
                    $(aobj).parent().attr('style', 'background:url(images/Image_expand.png) left top no-repeat');
                }
                else if (escape($(aobj).parent().attr("parentid")) == 2) {
                    $(aobj).parent().attr('style', 'background:url(images/Video_expand.png) left top no-repeat');
                }
                else if (escape($(aobj).parent().attr("parentid")) == 3) {
                    $(aobj).parent().attr('style', 'background:url(images/Audio_expand.png) left top no-repeat');
                }
                else if (escape($(aobj).parent().attr("parentid")) == 4) {
                    $(aobj).parent().attr('style', 'background:url(images/Document_expand.png) left top no-repeat');
                }


            } else {
                // Collapse
                $(aobj).parent().find('UL').slideUp({ duration: collapseSpeed, easing: collapseEasing });

                $(aobj).parent().removeClass('expanded').addClass('collapsed');
                if (escape($(aobj).parent().attr("parentid")) == 1) {
                    $(aobj).parent().attr('style', 'background:url(images/Image_collapsed.png) left top no-repeat');
                }
                else if (escape($(aobj).parent().attr("parentid")) == 2) {
                    $(aobj).parent().attr('style', 'background:url(images/Video_collapsed.png) left top no-repeat');
                }
                else if (escape($(aobj).parent().attr("parentid")) == 3) {
                    $(aobj).parent().attr('style', 'background:url(images/Audio_collapsed.png) left top no-repeat');
                }
                else if (escape($(aobj).parent().attr("parentid")) == 4) {
                    $(aobj).parent().attr('style', 'background:url(images/Document_collapsed.png) left top no-repeat');
                }
            }
        } else {
        
        }
        return false;
    }
    else {
        $(aobj).parent().find('UL').remove(); 
        showTree($(aobj).parent(), escape($(aobj).parent().attr("parentid")), ItemType, PageNo,PageSize);

    }
}
function bind2(aobj, PageNo, PageSize) {
    droppagesize = PageSize;
    if (PageNo == '1') {
        if ($(aobj).attr('id') == 'anImage') {
            $('#' + temppostid).val('anImage');
            __doPostBack(hdnidPostBack, "");
        }
        else if ($(aobj).attr('id') == 'anAudio') {
            $('#' + temppostid).val('anAudio');
            __doPostBack(hdnidPostBack, "");
        }
        else if ($(aobj).attr('id') == 'anVideo') {
            $('#' + temppostid).val('anVideo');
            __doPostBack(hdnidPostBack, "");
        }
        else if ($(aobj).attr('id') == 'anDocuments') {
            $('#' + temppostid).val('anDocuments');
            __doPostBack(hdnidPostBack, "");
        }
        else if ($(aobj).attr('id') == 'anMisc') {
            $('#' + temppostid).val('anMisc');
            __doPostBack(hdnidPostBack, "");
        }
        if ($(aobj).parent().hasClass('directory')) {

            
                // Expand 
                if (!multiFolder) {
                    $(aobj).parent().parent().find('UL').slideUp({ duration: collapseSpeed, easing: collapseEasing });
                    $(aobj).parent().parent().find('LI.directory').removeClass('expanded').addClass('collapsed');

                }
                $(aobj).parent().find('UL').remove(); // cleanup
                //showTree($(aobj).parent(), escape($(aobj).attr('rel').match(/.*\//)), $(aobj).attr('relid'), ItemType);
                showTree($(aobj).parent(), escape($(aobj).parent().attr("parentid")), ItemType, PageNo, PageSize);

                //--Customize the code to make the postback to bind the grid

                flag = $("#ctlhdnPopup").val();
                if (flag != "Popup") {
                    $('#lblFoldername').html("Move To");
                    $('#' + HiddenTreeValId).val(escape($(aobj).parent().attr("parentid")));

                    __doPostBack(hdnid, ""); //todo customize
                    //---
                }
                else {
                    var Hid = $(aobj).parent().attr("parentid");
                    $('#lblFoldername').html('Move To ' + $('#an' + Hid).html());
                    $("#ctlHtnMoveTo").val(Hid);
                    $('#' + HiddenTreeValId).val(escape($(aobj).parent().attr("parentid")));

                }
                $(aobj).parent().removeClass('collapsed').addClass('expanded');
                if (escape($(aobj).parent().attr("parentid")) == 1) {
                    $(aobj).parent().attr('style', 'background:url(images/Image_expand.png) left top no-repeat');
                }
                else if (escape($(aobj).parent().attr("parentid")) == 2) {
                    $(aobj).parent().attr('style', 'background:url(images/Video_expand.png) left top no-repeat');
                }
                else if (escape($(aobj).parent().attr("parentid")) == 3) {
                    $(aobj).parent().attr('style', 'background:url(images/Audio_expand.png) left top no-repeat');
                }
                else if (escape($(aobj).parent().attr("parentid")) == 4) {
                    $(aobj).parent().attr('style', 'background:url(images/Document_expand.png) left top no-repeat');
                }


           
        } else {

        }
        return false;
    }
    else {
        $(aobj).parent().find('UL').remove();
        showTree($(aobj).parent(), escape($(aobj).parent().attr("parentid")), ItemType, PageNo, PageSize);

    }
}

function bind_topnav(aobj) {
 
    if ($(aobj).parent().hasClass('directory')) {
        if ($(aobj).parent().hasClass('expanded')) {
            // Expand
            if (!multiFolder) {
                $(aobj).parent().parent().find('UL').slideUp({ duration: collapseSpeed, easing: collapseEasing });
                $(aobj).parent().parent().find('LI.directory').removeClass('expanded').addClass('collapsed');
                
            }
            $(aobj).parent().find('UL').remove(); // cleanup
            //showTree($(aobj).parent(), escape($(aobj).attr('rel').match(/.*\//)), $(aobj).attr('relid'), ItemType);
            showTree($(aobj).parent(), escape($(aobj).parent().attr("parentid")), ItemType, 1, droppagesize);
            //--Customize the code to make the postback to bind the grid
            $('#' + HiddenTreeValId).val(escape($(aobj).parent().attr("parentid")));

            __doPostBack(hdnid, ""); //todo customize
            //---

            //  $(aobj).parent().removeClass('collapsed').addClass('expanded');
        }
        else {
                $(aobj).parent().parent().find('UL').slideUp({ duration: collapseSpeed, easing: collapseEasing });
                $(aobj).parent().parent().find('LI.directory').removeClass('collapsed').addClass('expanded');
            $(aobj).parent().find('UL').remove(); // cleanup
            //showTree($(aobj).parent(), escape($(aobj).attr('rel').match(/.*\//)), $(aobj).attr('relid'), ItemType);
            showTree($(aobj).parent(), escape($(aobj).parent().attr("parentid")), ItemType);
            //--Customize the code to make the postback to bind the grid
            $('#' + HiddenTreeValId).val(escape($(aobj).parent().attr("parentid")));

            __doPostBack(hdnid, ""); //todo customize
        }
    } else {
        // h($(aobj).attr('rel'));
    }
    return false;

}


//function expandFileTree_topnav(parentFolderId) {
//    id = parentFolderId;
//    alert('parentfolderids');
//    alert(parentFolderId);
//    if (parentFolderId == 0) {
//        $('#<%=ctlHdnTreeParentId.ClientID %>').val('0');
//        fnShowTreeItems($('#<%=ctlHdnTreeTabVal.ClientID %>').val());
//        __doPostBack("ctl00$ContentPlaceHolder1$FileBrowsing1$ctlBtnHdn1", "");
//    }
//    else {
//        bind_topnav($('#fileTree #an' + parentFolderId));
//    }
//}

