epgd.pages.editChannels = {
    /* $.get("http://wwwa.tvmovie.de/static/tvghost/html/onlinedata/cftv520/datainfo.txt").done(function(data){console.log(data)}) */

    render: function () {
        if (!(epgd.login.rights & epgd.rights.umConfigEdit) == epgd.rights.umConfigEdit) return epgd.utils.popup(epgd.tr.error.forbidden, { title: epgd.tr.error.error });
        var tr = epgd.tr.pages.editChannels,
            $panel = epgd.$con,
            $but,
            lis='',
            vdrs= '',
            merge,
            src, id, plg, uuid,ch;
        for (id in epgd.channels.list) {
            ch = epgd.channels.list[id];
            merge = [];
            for (plg in ch.sources) {
                src = ch.sources[plg];
                merge[src.merge] = '<li><u>' + plg + '</u> <input type="text" readonly value="' + src.extid + '" /></li>';
            }
            //merge[99] = '<li>dvb</li>';
            lis+='<li><em class="i-check' + (ch.visible & 1 ? '' : '-empty')
                + '"></em><em style="display:none" class="i-check' + (ch.visible & 2 ? '' : '-empty')
                + '"></em><span>' + id + '</span><input type="text" value="' + (ch.name || '') + '" />'
                //+ '<ol>' + merge.join('') + '</ol>'
                + '</li>';
        };
        for (uuid in epgd.vdrs.list) 
            vdrs += '<li data-url="vdr&uuid=' + uuid + '">' + epgd.vdrs.list[uuid].name + '</li>';
        
        /*
                merge = [];
                merge[1] = '<li><u>tvm</u> <input type="text" value="enter id" /></li>';
                merge[2] = '<li><u>epgdata</u> <input type="text" value="enter id" /></li>';
                //merge[99] = '<li>dvb</li>';
                <a class="ui-icon ui-icon-trash">Trash</a>
        */
        $but = $panel.html('<div class="ui-widget"><div class="ui-state-highlight ui-corner-all" style="padding: 0.3em 0.7em; font-size:0.9em">'
             + '<button class="iAsButton i-down-dir">' + tr.menu.channelList + '</button> '
             + '<span class="i-info-circled" style="display:inline-block"></span>' + epgd.tr.pages.editChannels.headline
            + '</div></div>'
            + '<div class="pageEditChannels" id="pageEditChannelsHead"><div class="selMarkBlock"><b title="' + epgd.tr.markAll + '" class="selected" data-t="1"></b><b title="' + epgd.tr.markNone
            + '" data-t="0"></b><b title="' + epgd.tr.markToggle + '"><b class="selected"></b></b></div><div class="selMarkBlock" data-index="0" title="' + epgd.tr.pages.editChannels.checkWeb
            + '">Web<em title="' + epgd.tr.markAll + '" class="iAsButton i-check"></em><em title="' + epgd.tr.markNone
            + '" class="iAsButton i-check-empty"></em></div>'
            //+ '<div data-index="1" title="' + epgd.tr.pages.editChannels.checkVDR
            //+ '">VDR<em title="' + epgd.tr.markAll + '" class="iAsButton i-check"></em><em title="' + epgd.tr.markNone
            //+ '" class="iAsButton i-check-empty"></em></div>'
            + '<span><input type="text"/>channel-id</span><span><input type="text"/>channel-name</span>'
            //+ '<div>merging</div>'
            + '</div>'
            ).find('button');

        $but.click(function () {
            var $menu = this.$menu.show();
            $(document).bind("click.ui_menu", function (ev) {
                if (!$(ev.target).closest(".ui-menu").length) {
                    $menu.hide();
                    $(this).unbind("click.ui_menu");
                }
            });
            return false;
        })[0].$menu = $('<ul style="font-size:0.8em; width:200px;position:absolute">'
            + '<li data-id="loadList"><a>' + tr.menu.referenceList + '</a><ul style="width:100px">'
                + '<li data-id="channelpedia"><a>channelpedia</a></li>'
                + ( vdrs ? '<li><a>VDR</a><ul>' + vdrs + '</ul></li>' : '')
                + '<li data-id="insertList"><a>' + tr.menu.insertAsText + '</a></li>'
              + '</ul></li>'
            + '<li data-id="getChannelNames"><a>' + tr.menu.extentEmptyChannelNames + '</a></li>'
            + '<li data-id="getAllChannelNames"><a>' + tr.menu.applyAllChannelNames + '</a></li>'
            + '<li data-id="getOrder"><a>' + tr.menu.applyChannelSort + '</a></li></ul>').hide().insertAfter($but).menu({
                select: function (ev, ui) {
                    var $li = ui.item,
                        ul, path,
						filter = '';
                    if (!$li.attr('data-id'))
                        $li = $li.parents('li[data-id]:first');
                    switch ($li.attr('data-id')) {
                        case 'getChannelNames':
						    filter= '[value=""]';
						case 'getAllChannelNames':
                            epgd.utils.loader.process(function () {
                                var list = [];
                                $('#pageEditChannelsSource li').each(function () {
                                    list[this.lastChild.innerHTML] = this.firstChild.innerHTML;
                                })
                                $('#pageEditChannels > li > input' + filter).each(function () {
                                    this.value = list[this.previousSibling.innerHTML] || this.value;
                                });
                            }); 
                            break;
                        case 'getOrder':
                            epgd.utils.loader.process(function () {
                                var $list = $('#pageEditChannels'),
                                    $span;
                                $($('#pageEditChannelsSource span').get().reverse()).each(function () {
                                    $span = $list.find('> li > span:contains(' + this.innerHTML + ')');
                                    if ($span.length)
                                        $span.parent().prependTo($list);
                                });
                            });
                            break;
                        case 'insertList':
                            $('<div title="channel.conf"><p>' + tr.desc_insertList + ' <a href="http://channelpedia.yavdr.com/gen/DVB-S/S19.2E/S19.2E_complete_sorted_by_groups.channels.conf" target="forList">channelpedia.yavdr.com</p><textarea style="width:100%; height:60%"></textarea><button>ok</button></div>').dialog({
                                modal: true,
                                width: 500,
                                height: 400
                            }).find('textarea').change(function () {
                                epgd.pages.editChannels.insertReferenceList(this.value);
                                $(this).parent().dialog('destroy');
                            });
                            break;
                        case 'loadList':
                            if (ui.item.attr('data-url')) {
                                epgd.ajax({url:epgd.login.url + 'data/proxy?id=' + ui.item.attr('data-url'), dataType: "html", contentType: "text/plain; charset=utf-8"},epgd.pages.editChannels.insertReferenceList);
                                break;
                            }
                        case 'channelpedia':
                            ul = $('<ul style="width:100px" />').appendTo(ui.item)[0];
                            epgd.ajax({url:epgd.login.url + 'data/proxy?id=channelpedia', dataType: "html", contentType: "text/plain; charset=utf-8"},function (data) {
                                $li.attr('data-id', '');
                                var $ul = $(data.replace(/<img [^>]+>/g, '')).find('.entryMenu > ul:first');
                                $ul.find('br').remove();
                                $ul.find('a').each(function () {
                                    this.parentNode.setAttribute('data-url', this.getAttribute("href"));
                                    this.removeAttribute('href');
                                });
                                $ul.find('>li').each(function () {
                                    $('<li data-id="channelpediaList"><a>' + this.firstChild.innerHTML + '</a></li>').append($(this).next('ul').width(400)).appendTo(ul);
                                });
                                $(ev.target).menu("refresh").menu("expand");
                            });
                            return true;
                        case 'channelpediaList':
                            path = ui.item.attr('data-url');
                            $li.attr('data-id', 'loadList');
                            ui.item.removeAttr('data-url');
                            epgd.ajax({ url: epgd.login.url + 'data/proxy?id=channelpedia&path=' + path, dataType: "html", contentType: "text/plain; charset=utf-8" }, function (data) {
                                var $ul = $('<ul />');
                                $(data).find('.singleSourceMainMenu li:contains("channels.conf")').each(function () {
                                    var $this = $(this);
                                    $('<li title="' + $this.find('.description').text() + '" data-url="channelpedia&path='
                                        + path + $this.find('.button a').attr('href') + '"><a>'
                                        + $this.find('.caption').text() + '</a></li>').appendTo($ul);
                                });
                                $ul.appendTo(ui.item);
                                $(ev.target).menu("refresh").menu("expand");
                            });
                            return true;
                        default:
                            return false;
                    }
                    $(document).trigger("click.ui_menu");
                }
            }).position({
                my: "left top",
                at: "left bottom",
                of: $but[0]
            });
        $('<button class="iAsButton i-save">' + epgd.tr.save + '</button>').insertAfter($but).click(function () {
            var data = {};
            $('#pageEditChannels > li').each(function (index) {
                var $this = $(this),
                    sources = {};
                merge = {};
                $this.find('>ol>li').each(function (index) {
                    var $this = $(this),
                        extid = $this.find('input').val();
                    sources[$this.find('u').text()] = merge = { merge: index };
                    if (extid) merge.extid = extid;
                });
                data[$this.find('span').text()] = {
                    name: $this.find('input').val(),
                    visible: $this.find('em:eq(0)').hasClass('i-check') * 1 + $this.find('em:eq(1)').hasClass('i-check') * 2,
                    order: index + 1,
                    sources: sources
                }
            });
            epgd.ajax({
                url: epgd.login.url + 'data/save-channels',
                type: 'post',
                data: JSON.stringify({ "channels": data })
            },function (data) {
                    data = data.result;
                    if (data.state == 200) {
                        epgd.utils.popup(epgd.tr.dataSaved);
                        epgd.channels.isDirty = true;
                    }
                    else
                        epgd.utils.popup(data.message);
                });
        });

        $('<ol id="pageEditChannels" class="pageEditChannels">' + lis + '</ol>').appendTo($panel).sortable({
            revert: 'invalid',
            handle: ':not(em)'
        }).click(function (ev) {
            if (ev.target.nodeName == "EM")
                $(ev.target).toggleClass('i-check i-check-empty');
            else {
                $li = $(ev.target).closest('li');
                if ($li.parent('#pageEditChannels').length) {
                    $li.toggleClass('selected');
                    if (ev.shiftKey && this.lastSel) {
                        var $lastSel = $(this.lastSel),
                            delta = $li.index() - $lastSel.index();
                        if (delta > 0)
                            $lastSel.nextAll(':lt(' + delta + '):not(.filterHide)').toggleClass('selected', $lastSel.hasClass('selected'));
                        else
                            $lastSel.prevAll(':lt(' + -delta + '):not(.filterHide)').toggleClass('selected', $lastSel.hasClass('selected'));
                    }
                    else
                        this.lastSel = $li[0];
                }
            }
        });
        $('<ol id="pageEditChannelsSource" class="pageEditChannels"></ol>').appendTo($panel).sortable({
            connectWith: '#pageEditChannels',
            revert: "invalid",
            remove: function (e, ui) {
                $('<li><em class="i-check"></em>'
                    //+ '<em class="i-check"></em>'
                    + '<span>' + ui.item.find('span').text()
                    + '</span><input type="text" value="' + ui.item.find('i').text()  + '" />'
                    //+ '<ol></ol>'
                    +'</li>').insertAfter(ui.item);
                return false;
            },
        }).hide();
        $panel.append('<br clear="all" />');
        $(window).bind("resize.editChannels", function () {
            var h = $(window).height() - $('#pageEditChannels').offset().top -20;
            if ($('#pageEditChannelsSource:visible').length == 0 || ($panel.width() - $('#pageEditChannels').width() - $('#pageEditChannelsSource').width() - 80) > 0)
                $('#pageEditChannels,#pageEditChannelsSource').css({ height: h });
            else {
                $('#pageEditChannels').height(h*0.66);
                $('#pageEditChannelsSource').height(h * 0.33);
            }
        }).trigger('resize');
        $(window).bind("epgd_close.editChannels", function () {
            $(window).unbind(".editChannels");
            epgd.channels.load();
        });

        /*
                    .find('ol').sortable({
                    connectWith: "#mergeSrc"
                });
        */
        /*,
            cancel: ???
            accept: function (event, ui) {
                console.log(ui);
                return $(event.target).html().indexOf('>' + ui.item.find('u').text()  + '<') > 0;
            }*/
        /*
                $('#mergeSrc').droppable({
                    accept: "#pageEditChannels ol li",
                    drop: function (event, ui) {
                        $(ui.draggable).remove();
                    }
                }).find('li').draggable({
                    connectToSortable: "#pageEditChannels ol",
                    helper: "clone",
                });
        */

        $('#pageEditChannelsHead em').click(function () {
            var $sel = null,
                 $lis;
            try {
                $sel = $(window.getSelection().getRangeAt(0).cloneContents()).children();
            } catch (e) { $sel = null; }
            if (!$sel || !$sel.length) {
                $lis = $('#pageEditChannels > li');
                $sel = $lis.filter('.selected');
                if (!$sel.length)
                    $sel = $lis;
            }

            $sel.find('> em:eq(' + this.parentNode.getAttribute('data-index') + ').i-check' + (this.className.indexOf('i-check-empty') > 0 ? '' : '-empty')).toggleClass('i-check i-check-empty');
        });

        $('#pageEditChannelsHead b').click(function () {
            var t = this.getAttribute('data-t');
            $('#pageEditChannels > li').toggleClass('selected', t == 1 ? true : t == 0 ? false : undefined);
            return false;
        });
        this.inp_ChID = $('#pageEditChannelsHead input:eq(0)').keyup(this.filter)[0];
        this.inp_ChName = $('#pageEditChannelsHead input:eq(1)').keyup(this.filter)[0];
    },
    filter: function () {
        var id = epgd.pages.editChannels.inp_ChID.value.toLowerCase(),
            name = epgd.pages.editChannels.inp_ChName.value.toLowerCase();
        $('#pageEditChannels > li').each(function () {
            var $li = $(this);
            if ((!id || $li.find('span').text().toLowerCase().indexOf(id) >= 0) && (!name || $li.find('input').val().toLowerCase().indexOf(name) >= 0))
                $li.removeClass('filterHide');
            else
                $li.addClass('filterHide');
        });
    },
    insertReferenceList: function (data) {
        var html = '',
            terms;
        $(data.split('\n')).each(function () {
            terms = this.split(':');
            if (terms[0])
                html += '<li><i>' + terms[0].split(/,|;/)[0] + '</i><span>' + terms[3] + '-' + terms[10] + '-' + terms[11] + '-' + terms[9] + '</span></li>';
        })
        $('#pageEditChannelsSource').show().html(html);
        $(window).trigger("resize.editChannels");
    }
};