ing-web-es 1.0.0

package/brandportal.ing.com/scripts/assets.js

@@ -0,0 +1,1223 @@
+var scrollTimer = false;
+var speed = 10;
+$(document).off('ajaxSuccess.getpage-filtering').on('ajaxSuccess.getpage-filtering', function(event, jqXHR, options, data) {
+    var tags = $.getHashParameter('tag');
+    if (tags != '') {
+        tags = tags.split(',');
+    } else {
+        tags = [];
+    }
+    $.each(tags, function(id, keyword) {
+        if ($('.filter_fid_' + keyword + '-keyword').length > 0) {
+            $('.filter_fid_' + keyword + '-keyword').prop('checked', 'checked');
+            $.uniform.update($('.filter_fid_' + keyword + '-keyword'));
+        }
+    });
+    var filterData = data
+    if (data == null) {
+        return;
+    }
+    if (typeof filterData !== 'object') {
+        try {
+            filterData = $.parseJSON(data);
+        } catch (e) {}
+    }
+    if (filterData.hasOwnProperty('filtering') === false) {
+        return;
+    }
+    if (filterData.filtering.length === 0) {
+        $('.asset-filter-counter').text('');
+        return;
+    }
+    var filtering = filterData.filtering || {};
+    var filters = $('.filter_views input[id^="filter_fid_"]');
+    filters.each(function() {
+        var id = $(this).attr('id');
+        var name = $(this).attr('name').replace(/(\?)/g, '\\$1');
+        if ($('.asset-filter-counter', '.filter_title_' + name).length == 0) {
+            $('.filter_title_' + name).append('<span class="asset-filter-counter"></span>');
+        }
+        if (filtering.hasOwnProperty(id)) {
+            $('.filter_title_' + name + ' .asset-filter-counter').html('&nbsp;(' + filtering[id].count + ')');
+        } else {
+            $('.filter_title_' + name + ' .asset-filter-counter').html('&nbsp;(0)');
+        }
+    });
+    $('ul.generic-filter-column').each(function() {
+        $('.asset-filter-counter', this).show();
+    });
+    $('ul.generic-filter-column:has(input:checked)').each(function() {
+        $('.asset-filter-counter', this).hide();
+    });
+});
+var assetchanged = false;
+var page_resize = false;
+var winWidth = $(window).width(),
+    winHeight = $(window).height();
+$(document).ready(function() {
+    var hash = location.hash;
+    var vars = $.getUrlVars();
+    var hashes = hash.slice(1).split('&');
+    $.each(hashes, function(i, hash) {
+        hash = hash.split('=');
+        vars[hash[0]] = hash[1];
+    });
+    ajax_asset_handler(vars);
+    jQuery(window).bind('hashchange', function(e) {
+        var vars = $.getUrlVars();
+        ajax_asset_handler(vars);
+    });
+    t = false;
+    $(document).ajaxSend(function(a, b, senddata) {
+        if (typeof senddata.showLoader === 'undefined' || senddata.showLoader === true) {
+            $.blockUI({
+                css: {
+                    backgroundColor: ''
+                },
+                overlayCSS: {
+                    backgroundColor: '#ccc',
+                    opacity: 0
+                },
+                message: ''
+            });
+            if (t == false) {
+                t = setTimeout('showLoaderOverlay()', 700);
+            }
+        }
+    }).ajaxStop(function() {
+        $.unblockUI();
+        hideLoaderOverlay();
+        clearTimeout(t);
+        t = false;
+    });
+});
+
+function showLoader() {
+    $.blockUI({
+        css: {
+            background: 'none!important',
+            backgroundColor: 'none!important',
+            border: 'none!important'
+        },
+        overlayCSS: {
+            backgroundColor: '#fff',
+            opacity: 0.5
+        },
+        message: $('<div id="ajax_load_message" style=""><img src="/images/file_type_previews/loading.svg"></div>')
+    });
+}
+var hasharray = [];
+
+function ajax_asset_handler(obj) {}
+$.extend({
+    setAssetPaginator: function() {
+        $('.paginator-wrapper').hide();
+        var current_page = current_assets_cnt;
+        if (current_page > number_of_assets) {
+            current_page = number_of_assets;
+        }
+        $('.paginator').paginator({
+            'data': {
+                current_page: current_page > 0 ? current_page : 1,
+                total_pages: number_of_assets,
+                items_per_page: 1
+            },
+            'callback': function() {}
+        });
+    },
+    recreatePreview: function(id) {
+        $.ajax({
+            url: '/api/&request=asset.request',
+            type: 'POST',
+            global: false,
+            async: true,
+            data: {
+                'action': 'asset.recreatePreview',
+                'requestkey': $('#registrykey').val(),
+                'asset_id': id
+            }
+        });
+        $('#fw-dialog-main').dialog({
+            "width": 325,
+            buttons: [{
+                text: translations[0]['asset/button/okay'],
+                click: function() {
+                    $(this).dialog("close");
+                }
+            }]
+        });
+        $('#fw-dialog-main').html(assetTranslations.asset_message_recreate_preview).dialog('open');
+        $('#fw-dialog-main').css('height', 'auto');
+    },
+    setGridPaginator: function() {
+        $('.paginator-wrapper').show();
+        var current_page = parseInt($.getHashParameter('page'));
+        var aid = parseInt($.getHashParameter('id'));
+        var ipr = $.getHashParameter('itemsperpage');
+        if (ipr == 0) {
+            ipr = $.getHashParameter('ipr') * $.getHashParameter('rows');
+        }
+        if (current_page > Math.ceil(number_of_assets / ipr)) {
+            $.setParameterAndLoad('page', Math.ceil(number_of_assets / ipr));
+            current_page = Math.ceil(number_of_assets / ipr);
+        }
+        assetPages = Math.ceil(number_of_assets / ipr);
+        $('.paginator').paginator({
+            'data': {
+                current_page: current_page > 0 ? current_page : 1,
+                total_pages: Math.ceil(number_of_assets / ipr),
+                items_per_page: number_of_assets
+            },
+            'callback': function() {
+                $.setParameterAndLoad('page', paginator.data.current_page);
+            }
+        });
+    },
+    unlockAssets: function(ids) {
+        if (!$.isArray(ids)) {
+            var ids = [ids];
+        }
+        $.ajax({
+            url: '/api/&request=asset.request',
+            type: 'POST',
+            global: false,
+            async: true,
+            data: {
+                'action': 'asset.unlockAssets',
+                'requestkey': $('#registrykey').val(),
+                'asset_ids': ids
+            }
+        });
+    },
+    setParameterAndLoad: function(parameter, value, target) {
+        $.setHashParameter(parameter, value);
+        $.doRequest(target);
+    },
+    setFilterAndLoad: function(obj) {
+        filter = $.getHashParameter('filter');
+        if (filter != '') {
+            filter = filter.split(',');
+        } else {
+            filter = [];
+        }
+        f = obj.attr('id').replace('filter_fid_', '');
+        if (obj.is(':checked')) {
+            filter.push(f);
+            $.setParameterAndLoad('filter', filter.join(','));
+        } else {
+            fi = [];
+            c = 0;
+            jQuery.each(filter, function() {
+                if (this != f) {
+                    fi[c] = this;
+                    c++;
+                }
+            });
+            $.setParameterAndLoad('filter', fi.join(','));
+        }
+    },
+    reset_categories: function() {
+        if ($.isFunction($.removeHashParameter) && $.isFunction($.doRequest)) {
+            $.removeHashParameter('category');
+            $.doRequest();
+        }
+    },
+    filterTag: function(obj, tagid) {
+        if ($(obj).is(':checked')) {
+            $.setTagAndLoad(tagid);
+        } else {
+            $.removeTagAndLoad(tagid);
+        }
+    },
+    setTagAndLoad: function(tagid) {
+        tag = $.getHashParameter('tag');
+        if (tag != '') {
+            tag = tag.split(',');
+        } else {
+            tag = [];
+        }
+        tag.push(tagid);
+        var tagArray = [];
+        for (var i = 0; i < tag.length; i++) {
+            if ((jQuery.inArray(tag[i], tagArray)) == -1) {
+                tagArray.push(tag[i]);
+            }
+        }
+        $.setParameterAndLoad('tag', tagArray.join(','));
+        $.clearLiveSearch();
+    },
+    removeTagAndLoad: function(tagid) {
+        tag = $.getHashParameter('tag');
+        if (tag != '') {
+            tag = tag.split(',');
+        } else {
+            tag = [];
+        }
+        var tagArray = [];
+        c = 0;
+        jQuery.each(tag, function() {
+            if (this != tagid) {
+                tagArray[c] = this;
+                c++;
+            }
+        });
+        $.setParameterAndLoad('tag', tagArray.join(','));
+        $.clearLiveSearch();
+    },
+    removeCountryFilterAndLoad: function(tagid) {
+        tag = $.getHashParameter('filter');
+        if (tag != '') {
+            tag = tag.split(',');
+        } else {
+            tag = [];
+        }
+        var tagArray = [];
+        c = 0;
+        jQuery.each(tag, function() {
+            if (this != tagid) {
+                tagArray[c] = this;
+                c++;
+            }
+        });
+        $.setParameterAndLoad('filter', tagArray.join(','));
+        $.clearLiveSearch();
+    },
+    setSearchTermAndLoad: function(searchTermText) {
+        searchTerm = (searchTerm + '').replace(/%20/g, " ").replace(/,/g, " ");
+        if (searchTerm == false || searchTerm == 'false') {
+            searchTerm = '';
+        }
+        searchTermText = decodeURIComponent(searchTermText);
+        searchTermText = (searchTermText + '').replace(/%20/g, " ");
+        if (searchTerm != '') {
+            searchTerm = searchTerm.split(' ');
+        } else {
+            searchTerm = [];
+        }
+        if (searchTermText != '') {
+            searchTermText = searchTermText.split(' ');
+        } else {
+            searchTermText = [];
+        }
+        jQuery.each(searchTermText, function(key, value) {
+            if (value == 'false' || value == false) {} else {
+                searchTerm.push(value);
+            }
+        });
+        searchTerm = array_unique(searchTerm);
+        searchTerm = implode(' ', searchTerm);
+        searchTerm = encodeURIComponent(decodeURIComponent(searchTerm));
+        $.setParameterAndLoad('searchTerm', searchTerm);
+        $.clearLiveSearch();
+    },
+    removeSearchTermAndLoad: function(searchTermText) {
+        searchTerm = $.getHashParameter('searchTerm');
+        searchTerm = (searchTerm + '').replace(/%20/g, " ");
+        if (searchTerm == false || searchTerm == 'false') {
+            searchTerm = '';
+        }
+        if (searchTerm != '') {
+            searchTerm = searchTerm.split(' ');
+        } else {
+            searchTerm = [];
+        }
+        var searchTermArray = [];
+        c = 0;
+        jQuery.each(searchTerm, function(key, value) {
+            if (value != searchTermText) {
+                searchTermArray[c] = value;
+                c++;
+            }
+        });
+        $.setParameterAndLoad('searchTerm', encodeURIComponent(decodeURIComponent(searchTermArray.join(' '))));
+        $.clearLiveSearch();
+    },
+    setAdvancedSearchField: function(el) {
+        asearch = [];
+        $(el).parents('#advanced_search').find('.search-line').each(function() {
+            var type = $(this).find(".as_field").val();
+            var operator = $(this).find("select.as_match").val();
+            var value;
+            var inputWrapper = $(this).find('.input-wrapper');
+            switch ($(this).data('input-type')) {
+                case 'select':
+                case 'input-select':
+                case 'multiselect':
+                case 'input-multi-select':
+                    value = inputWrapper.find('select').val();
+                    break;
+                case 'text':
+                case 'username':
+                    value = inputWrapper.find('input').val();
+                    break;
+                case 'radio':
+                case 'input-radio':
+                    operator = '__eq__';
+                    value = inputWrapper.find('input[type=radio]:checked').val();
+                    break;
+                case 'textarea':
+                    value = inputWrapper.find('textarea').val();
+                    break;
+                case 'date':
+                    var date = moment(inputWrapper.find('input').val(), 'DD MMMM YYYY');
+                    value = date.format('YYYY-MM-DD');
+                    break;
+            }
+            asearch.push({
+                type: type,
+                operator: operator,
+                value: value
+            });
+        });
+        $('#advanced_search').trigger('asearch', {
+            search: asearch
+        });
+    },
+    doRequest: function(target) {
+        $.setHashParameter('m', 'asset');
+        url = urlhash.replace('#', '');
+        $('[id^="par_"]:not(option)').each(function(i, ui) {
+            url = $.setHashParameter($(ui).attr('name'), $(ui).val());
+        });
+        if (target != undefined) {
+            $('#' + target).attr('src', '/#' + url);
+        } else {
+            document.location = '#' + url;
+            $('link[type*=icon]').detach().appendTo('head');
+        }
+    },
+    getHashUrl: function() {
+        url = urlhash.replace('#', '');
+        $.setHashParameter('m', 'asset');
+        $('[id^="par_"]:not(option)').each(function(i, ui) {
+            url = $.setHashParameter($(ui).attr('name'), $(ui).val());
+        });
+        return url;
+    },
+    getUrlVars: function() {
+        var vars = {};
+        var hash = location.hash;
+        var hashes = hash.slice(1).split('&');
+        $.each(hashes, function(i, hash) {
+            hash = hash.split('=');
+            vars[hash[0]] = hash[1];
+        });
+        return vars;
+    },
+    resetSearch: function() {
+        $.removeHashParameter('searchTerm');
+        $('#assetSearchBox').val('');
+        $.switchToGrid();
+        $('[class^="filter_fid_"]').removeAttr('checked');
+        $.removeHashParameter('filter');
+        $.removeHashParameter();
+        $.uniform.update();
+    },
+    reloadGrid: function() {
+        $.setParameterAndLoad('reloadgrid', Math.floor(Math.random() * 10000000));
+    },
+    setDefaultPreviewPeriod: function(obj) {
+        $('[id^=asset_line_] .default_preview_from').show();
+        $('[id^=asset_line_] .default_preview_till').show();
+        $('.previous_preview_id').val(obj.val());
+        $('#asset_line_' + obj.val() + ' .default_preview_from').datepicker("setDate", 0).hide();
+        $('#asset_line_' + obj.val() + ' .default_preview_till').datepicker("setDate", 0).hide();
+    },
+    errorHandling: function(jsxmltype, type, id, data) {
+        switch (type) {
+            case 'savedone':
+                $('#fw-dialog-main').html(translations[0]['asset/save/error']);
+                $('#fw-dialog-main').dialog({
+                    "width": 325,
+                    buttons: [{
+                        text: translations[0]['asset/button/okay'],
+                        click: function() {
+                            $(this).dialog("close");
+                        }
+                    }]
+                });
+                $('#fw-dialog-main').dialog('open');
+                $('#fw-dialog-main').css('height', 'auto');
+                break;
+        }
+    },
+    assetAfterSave: function(jsxmltype, type, id, data) {
+        switch (type) {
+            case 'nothing':
+                $('#fw-dialog-main').html(data);
+                $('#fw-dialog-main').dialog({
+                    "width": 325
+                });
+                $('#fw-dialog-main').dialog('open');
+                $('#fw-dialog-main').css('height', 'auto');
+                return;
+                break;
+            case 'submit_for_approval':
+                $.reloadGrid();
+                return;
+                break;
+            case 'delete-asset':
+                $.reloadGrid();
+                return;
+                break;
+            case 'savedone':
+                $('#fw-dialog-main').html(data);
+                $('#fw-dialog-main').dialog({
+                    "width": 325
+                });
+                $('#fw-dialog-main').dialog('open');
+                $('#fw-dialog-main').css('height', 'auto');
+                $.displayAssetDetails(id);
+                return;
+                break;
+        }
+        $.reloadGrid();
+        switch (jsxmltype) {
+            case 'order':
+                $('#mainDialog').dialog({
+                    dialogClass: 'customdialog',
+                    buttons: [{
+                        text: "Oke",
+                        click: function() {
+                            $(this).dialog("close");
+                        }
+                    }],
+                    width: 400,
+                    height: 200
+                });
+                $('#mainDialog').html($('#message_admin_order').html());
+                $('#mainDialog').dialog('open');
+                $.switchToGrid();
+                break;
+            default:
+                $.setParameterAndLoad('a', 'details');
+                break;
+        }
+    },
+    addToCart: function(id, type) {
+        $.ajax({
+            url: '/api/&request=asset.request',
+            type: 'POST',
+            data: {
+                'action': 'asset.addtocart',
+                'requestkey': $('#registrykey').val(),
+                'assettype': type,
+                'location': window.location.href,
+                'asset_id': id
+            }
+        }).done(function(data, status) {
+            obj = $.parseJSON(data);
+            if (obj.code == 200) {
+                $('#asset_' + id + ' .selected').addClass('view');
+                $('#cartCounter').html(obj.cart_items);
+                $('#footercartCounter').html(obj.cart_items);
+                if (obj.cart_content != '') {
+                    $('.asset-cart-wrapper-outer').fadeIn('slow');
+                    $('.asset-cart-wrapper-inner .content').html(obj.cart_content);
+                    $('.asset-cart-wrapper-outer').fadeOut('slow');
+                }
+                if (obj.cart_bar_content != '') {
+                    $('#footerCart').slideDown('slow');
+                    $('#footerWrapper').addClass('cartBarVisible');
+                    $('#footerCart #footerCartBar ul').html(obj.cart_bar_content);
+                    var cartBarUlWidth = 0;
+                    $('#footerCartBar img').each(function() {
+                        cartBarUlWidth += $(this).width() + 7;
+                    });
+                    $('#footerCart #footerCartBar ul').css('width', cartBarUlWidth);
+                    $('#footerCart').slideUp('slow');
+                    $('#footerWrapper').removeClass('cartBarVisible');
+                }
+            } else if (obj.code == 400) {
+                alert(obj.message);
+            } else {
+                return false;
+            }
+        });
+        return false;
+    },
+    removeFromCart: function(id, type) {
+        if (type != '') {
+            $('.asset-cart-wrapper-outer #cart_item_' + id + '_' + type).remove();
+            $('#footerCart #footerCartBar ul #cart_item_' + id + '_' + type).remove();
+        } else {
+            $('.asset-cart-wrapper-outer #cart_item_' + id).remove();
+            $('#footerCart #footerCartBar ul #cart_item_' + id).remove();
+        }
+        $('#check_' + id + '_' + type).removeAttr('checked');
+        $('#check_' + id + '_' + type).removeClass('incart');
+        $.uniform.update($('#check_' + id + '_' + type));
+        if ($('.scrollview .cart_item').length == 0) {
+            $('.cart_order_button').hide();
+        }
+        $.ajax({
+            url: '/api/&request=asset.request',
+            type: 'POST',
+            data: {
+                'action': 'asset.removefromcart',
+                'location': window.location.href,
+                'assettype': type,
+                'requestkey': $('#registrykey').val(),
+                'asset_id': id
+            }
+        }).done(function(data, status) {
+            obj = $.parseJSON(data);
+            if (obj.code == 200) {
+                $('#cartCounter').html(obj.cart_items);
+                if (obj.incart == 0) {
+                    $('#asset_' + id + ' .selected').removeClass('view');
+                }
+            }
+        });
+    },
+    emptyCart: function() {
+        $('.cart_order_button').hide();
+        $.ajax({
+            url: '/api/&request=asset.request',
+            type: 'POST',
+            data: {
+                'action': 'asset.emptycart',
+                'location': window.location.href,
+                'requestkey': $('#registrykey').val(),
+            }
+        }).done(function(data, status) {
+            var obj = $.parseJSON(data);
+            if (obj.code == 200) {
+                $('#cartCounter').html(obj.cart_items);
+                $('.asset-cart-wrapper-inner .content').html(obj.cart_content);
+                $('[id^="asset_"] .selected').removeClass('view');
+            }
+        });
+    },
+    createFilterData: function() {
+        var filterdata = new Array;
+        $('[id^="filter_"]:not(option)').each(function(i, ui) {
+            if ($(ui).attr('type') == 'checkbox') {
+                filterdata.push($(ui).attr('name') + "=" + ($(ui).attr('checked') == "checked" ? "1" : "0"));
+            } else {
+                filterdata.push($(ui).attr('name') + "=" + $(ui).attr('value'));
+            }
+        });
+        return escape(filterdata.join('&'));
+    },
+    createFilterUrl: function() {
+        var filterdata = new Array;
+        $('[id^="filter_"]:not(option)').each(function(i, ui) {
+            filterdata.push($(ui).attr('name') + "=" + $(ui).attr('value'));
+        });
+        return filterdata.join('&');
+    },
+    groupLineDetails: function(obj) {
+        obj.closest('.asset_line').find('.line_opened').toggle();
+        obj.closest('.asset_line').find('.line_closed').toggle();
+    },
+    removeAssetLine: function(obj, assetIdClass, assetLineClass, confirmationTranslation) {
+        var assetIdClass = undefined != assetIdClass ? assetIdClass : 'asset_relation_ids';
+        var assetLineClass = undefined != assetLineClass ? assetLineClass : 'asset_line';
+        var confirmationTranslation = undefined != confirmationTranslation ? confirmationTranslation : 'asset/info/disconnect_child';
+        id = obj.closest('.' + assetLineClass + '_row').attr('id').replace(assetLineClass + '_', '');
+        child_ids = $('.' + assetIdClass).attr('orgval').split(',');
+        if ($.inArray(id, child_ids) != -1) {
+            $('#fw-dialog-main').dialog({
+                buttons: [{
+                    text: translations[0]['asset/button/cancel'],
+                    click: function() {
+                        $(this).dialog("close");
+                    }
+                }, {
+                    text: translations[0]['asset/button/okay'],
+                    click: function() {
+                        $('#' + obj.target).html(obj.html);
+                        var s = $('.' + assetIdClass).val().split(',');
+                        s.splice($.inArray(id, s), 1);
+                        $('.' + assetIdClass).val(s.join(','));
+                        obj.closest('.' + assetLineClass + '_row').remove();
+                        $(this).dialog("close");
+                    }
+                }],
+                width: 470,
+                'min-height': 270
+            });
+            $('#fw-dialog-main').html(translations[0][confirmationTranslation]);
+            $('#fw-dialog-main').dialog('open');
+        } else {
+            var s = $('.' + assetIdClass).val().split(',');
+            s.splice($.inArray(id, s), 1);
+            $('.' + assetIdClass).val(s.join(','));
+            obj.closest('.' + assetLineClass + '_row').remove();
+        }
+    },
+    promoteToChild: function(obj) {
+        var assetIdClass = undefined != assetIdClass ? assetIdClass : 'asset_version_ids';
+        var assetLineClass = undefined != assetLineClass ? assetLineClass : 'asset_line';
+        id = obj.closest('.' + assetLineClass + '_row').attr('id').replace(assetLineClass + '_', '');
+        $.ajax({
+            url: '/api/&request=asset.request',
+            type: 'POST',
+            data: {
+                'asset_id': id,
+                'xmlset': 'assetChildEdit',
+                'action': 'asset.getrelationline',
+                'asset_line_type': 'child',
+                'target': 'asset_lines',
+                'requestkey': $('#registrykey').val()
+            }
+        }).done(function(data, status) {
+            obj = $.parseJSON(data);
+            s = $('.asset_relation_ids').val();
+            if (s == '') {
+                s = id;
+            } else {
+                s = s.split(',')
+                s[s.length] = id;
+                s = s.join(',');
+            }
+            $('.asset_relation_ids').val(s);
+            $(obj.html).appendTo($('.asset_lines').find('.asset_line').parent());
+            var c = $('.asset_version_ids').val().split(',');
+            c.splice($.inArray(id, c), 1);
+            $('.asset_version_ids').val(c.join(','));
+            $('#asset_line_' + id).remove();
+        });
+        return;
+    },
+    promoteToVersion: function(obj) {
+        var assetIdClass = undefined != assetIdClass ? assetIdClass : 'asset_relation_ids';
+        var assetLineClass = undefined != assetLineClass ? assetLineClass : 'asset_line';
+        id = obj.closest('.' + assetLineClass + '_row').attr('id').replace(assetLineClass + '_', '');
+        $.ajax({
+            url: '/api/&request=asset.request',
+            type: 'POST',
+            data: {
+                'asset_id': id,
+                'xmlset': 'assetVersionEdit',
+                'action': 'asset.getrelationline',
+                'asset_line_type': 'version',
+                'target': 'version_asset_lines',
+                'requestkey': $('#registrykey').val()
+            }
+        }).done(function(data, status) {
+            obj = $.parseJSON(data);
+            var s = $('.asset_version_ids').val();
+            if (s == '') {
+                s = id;
+            } else {
+                s = s.split(',');
+                s[s.length] = id;
+                s = s.join(',');
+            }
+            $('.asset_version_ids').val(s);
+            $(obj.html).appendTo($('.version_asset_lines').find('.version_asset_line').parent());
+            var c = $('.asset_relation_ids').val().split(',');
+            c.splice($.inArray(id, c), 1);
+            $('.asset_relation_ids').val(c.join(','));
+            $('#asset_line_' + id).remove();
+        });
+        return;
+    },
+    goPageRequest: function(page) {
+        $.ajax({
+            url: '/api/&request=asset.request',
+            type: 'POST',
+            data: {
+                'action': 'asset.gopage',
+                'location': window.location.href,
+                'filter': $.createFilterData(),
+                'requestkey': $('#registrykey').val()
+            }
+        }).done(function(data, status) {
+            obj = $.parseJSON(data);
+            if (obj.code == 200) {
+                $('[toolbox]').qtip('destroy')
+                $('#' + obj.target).html(obj.html);
+                $('[toolbox]').toolBox();
+            } else {
+                alert(obj.message);
+            }
+        });
+    },
+    setPageTitle: function(title, title2) {
+        if (title2) {
+            title2 = '</div><div style="overflow: hidden" class="assetnumber">' + title2;
+            style2 = '';
+        } else {
+            title2 = '';
+            style2 = ' padding-bottom: 10px;';
+        }
+        $('.page_heading_spacer').html('<div style="overflow: hidden;' + style2 + '" class="assettitle">' + title + title2 + '</div>');
+        Cufon.replace('.page_heading_spacer div.assettitle', {
+            fontFamily: 'Rockwell'
+        });
+        Cufon.replace('.page_heading_spacer div.assetnumber', {
+            fontFamily: 'Rockwell-light'
+        });
+    },
+    editCategory: function(obj) {
+        var id = $(obj).closest('form').attr('object').replace('id_', '');
+        $.ajax({
+            url: '/api/&request=asset.request',
+            type: 'POST',
+            data: {
+                'action': 'asset.getcategorybrowser',
+                'requestkey': $('#registrykey').val(),
+                'location': window.location.href,
+                'asset_id': id
+            }
+        }).done(function(data, status) {
+            $('#fw-dialog-main').dialog({
+                buttons: [{
+                    text: assetTranslations.asset_button_cancel,
+                    click: function() {
+                        $(this).dialog("close");
+                    }
+                }, {
+                    text: assetTranslations.asset_button_save,
+                    click: function() {
+                        $.saveCategories();
+                    }
+                }],
+                width: 725,
+                height: 500
+            });
+            var obj = $.parseJSON(data);
+            if (obj.code == 200) {
+                $('#fw-dialog-main').html(obj.html);
+                $('#fw-dialog-main').dialog('open');
+                if (obj.hasOwnProperty('target') && obj.target.length > 0) {
+                    $('#' + obj.target).html(obj.html);
+                }
+            } else {
+                alert(obj.message);
+            }
+            return false;
+        });
+    },
+    performAdvancedSearch: function() {},
+    previewRelationAsset: function(id) {
+        $(".grid_detail div[class*='asset_preview_div_']").hide().addClass('hidden');
+        $('.grid_detail .asset_preview_div_' + id).first().show().removeClass('hidden');
+    }
+});
+if (!$('div#debug-dialog').length) {
+    var debug_dialog = $('<div id="debug-dialog"></div>');
+    $('body').append(debug_dialog);
+    var debug_dialog_opener = $('<a id="debug-dialog-opener">&nbsp;</a>');
+    $('body').append(debug_dialog_opener);
+    debug_dialog_opener.on('click', function() {
+        try {
+            console.log(this);
+        } catch (e) {}
+        debug_dialog.dialog('open');
+    });
+    debug_dialog_opener.css({
+        'position': 'absolute',
+        'left': '0',
+        'top': '0',
+        'display': 'block',
+        'width': '10px',
+        'text-align': 'center',
+        'z-index': 100000
+    });
+}
+var dialog_main_options = $('#fw-dialog-main').dialog('option') || {};
+var options = $.extend(dialog_main_options, {
+    width: 500,
+    minHeight: 200,
+    maxHeight: 400,
+    modal: false,
+    draggable: true,
+    resizable: true,
+    position: ['left', 'top'],
+    title: 'debug'
+});
+$('div#debug-dialog').dialog(options);
+$(function() {
+    $(document).ajaxSuccess(function(event, xhr, settings) {
+        if ($('#asset_bank_container').hasClass('ui-selectable') && $('#wrapper').length) {
+            debug_dialog.append('<p>' + Date() + ' asset_bank_container.ui-selectable: ' + $('#asset_bank_container.ui-selectable').length + '</p>');
+            $('#wrapper').css({
+                'background-color': 'rgba(255,255,255,0)'
+            })
+            $('#wrapper').selectable({
+                filter: 'div.asset-thumb-container-wrapper',
+                cancel: '.asset_detail_row,[class*="-wrapper-outer"] *, #asset_content_detail_container_overlay,[onclick],.asset-thumb-action,.paginator *,.assetadvancedsearch-wrapper-outer *, .batch_transfer_ownership',
+                stop: function(event, ui) {
+                    $('div.asset-thumb-container-wrapper.ui-draggable:not(.ui-selected)', this).draggable('destroy');
+                    try {
+                        debug_dialog.append('<p>' + Date() + ' item(s) selected: ' + $('.ui-selected').length + '</p>');
+                    } catch (e) {}
+                    $('div.asset-thumb-container-wrapper.ui-selected:not(.ui-draggable)', this).draggable({
+                        appendTo: 'body',
+                        containment: false,
+                        helper: function(event) {
+                            var quantity = 0;
+                            $('.ui-selected').each(function() {
+                                var total = parseInt($('[data-total]', this).data('total'));
+                                if (total != NaN) {
+                                    quantity += total;
+                                }
+                            });
+                            return $('<div class="asset-selection-dragger">-</div>').html(quantity);
+                        },
+                        cursor: 'cell',
+                        distance: 5,
+                        cursorAt: {
+                            top: 40,
+                            left: -40
+                        },
+                        start: function() {
+                            $('.asset-selection-droppable').addClass('accept-mode')
+                            $('.asset-selection-button-wrapper').addClass('asset-selection-button-wrapper-drag-accept')
+                        },
+                        stop: function() {
+                            $('.asset-selection-droppable').removeClass('accept-mode')
+                            $('.asset-selection-button-wrapper').removeClass('asset-selection-button-wrapper-drag-accept')
+                        },
+                    });
+                },
+                start: function() {
+                    try {
+                        debug_dialog.append('<p>' + Date() + ' start dragging</p>');
+                    } catch (e) {}
+                }
+            });
+            $('.asset-selection-droppable, .asset-selection-button-wrapper').droppable({
+                drop: function(event, ui) {
+                    var ids = new Array();
+                    var type = $(this).data('type');
+                    var reference = $(this).data('reference');
+                    $('div.asset-thumb-container-wrapper.ui-selected.ui-draggable').each(function() {
+                        var id = $('.asset_thumb_container:first', this).data('id');
+                        if (id != undefined) {
+                            ids.push(id);
+                        }
+                    });
+                    switch (type) {
+                        case 'batchedit':
+                            break;
+                        default:
+                            $(this).addToSelection(ids, type, reference);
+                            break;
+                    }
+                },
+                over: function(event, ui) {}
+            });
+        }
+        $('.asset-thumb-actions .asset-thumb-action:not(.asset-thumb-action-bind)').each(function() {
+            $(this).addClass('asset-thumb-action-bind').on('click', function() {
+                var id = $(this).data('id');
+                var type = $(this).data('type');
+                var reference = $(this).data('reference');
+                switch (type) {
+                    case 'info':
+                        alert('open details, asset.js (1065)');
+                        break;
+                    default:
+                        $(this).addToSelection([id], type, reference);
+                        break;
+                }
+                $('.asset-selections-wrapper').trigger('selectionAmountChanged');
+            });
+        });
+    });
+});
+$.fn.extend({
+    selectionContainer: function(action, option) {
+        var sliderWrapperClass = 'asset-selection-slider-wrapper';
+        var sliderWrapperClassActive = 'asset-selection-slider-wrapper-active';
+        var sliderButtonClassActive = 'asset-selection-button-wrapper-active';
+        var visible = false;
+        switch (action) {
+            case 'init':
+                var $frames = $('.frame', this);
+                var $wrappers = $(this);
+                $wrappers.each(function() {
+                    var $frame = $('.frame', this);
+                    var $slidee = $frame.find('ul').eq(0);
+                    var $wrap = $frame.parent();
+                    $frame.sly({
+                        horizontal: 1,
+                        itemNav: 'basic',
+                        smart: 1,
+                        activateOn: 'click',
+                        mouseDragging: 1,
+                        touchDragging: 1,
+                        releaseSwing: 1,
+                        startAt: 3,
+                        scrollBar: $wrap.find('.scrollbar'),
+                        scrollBy: 1,
+                        pagesBar: $wrap.find('.pages'),
+                        activatePageOn: 'click',
+                        speed: 300,
+                        elasticBounds: 1,
+                        easing: 'easeOutExpo',
+                        dragHandle: 1,
+                        dynamicHandle: 1,
+                        clickBar: 1,
+                    });
+                    $frame.sly('toEnd');
+                    $wrap.addClass(sliderWrapperClass);
+                    var reference = $(this).data('reference');
+                    var button = $('[data-reference="' + reference + '"].asset-selection-button-wrapper');
+                    var buttons = $('[data-reference].asset-selection-button-wrapper');
+                    button.hoverIntent(function(e) {
+                        e.stopPropagation();
+                        $wrappers.not($wrap).selectionContainer('hide', 'fast');
+                        $wrap.selectionContainer('show', 'slow');
+                    }, function() {});
+                });
+                $(this).hover(function() {}, function(e) {
+                    e.stopPropagation();
+                    $wrappers.selectionContainer('hide', 800)
+                });
+                break;
+            case 'refresh':
+                $(this).each(function() {
+                    if ($(this).is(':visible')) {
+                        $('.asset-selection-droppable', this).sly('reload').sly('toEnd');
+                    } else {
+                        $(this).css({
+                            'display': 'inline',
+                            'visibility': 'hidden',
+                        });
+                        $('.asset-selection-droppable', this).sly('reload').sly('toEnd');
+                        $(this).css({
+                            'display': 'none',
+                            'visibility': 'visible',
+                        });
+                    }
+                });
+                break;
+            case 'show':
+                $(this).each(function() {
+                    $(this).slideDown(option == undefined ? 'slow' : option);
+                    $(this).addClass(sliderWrapperClassActive);
+                    var reference = $(this).data('reference');
+                    var button = $('[data-reference="' + reference + '"].asset-selection-button-wrapper');
+                    button.addClass(sliderButtonClassActive);
+                    var buttons = $('[data-reference].asset-selection-button-wrapper');
+                    buttons.not(button).removeClass(sliderButtonClassActive);
+                });
+                break;
+            case 'hide':
+                $(this).each(function() {
+                    $(this).slideUp(option == undefined ? 'slow' : option);
+                    $(this).removeClass(sliderWrapperClassActive);
+                    var buttons = $('[data-reference].asset-selection-button-wrapper');
+                    buttons.removeClass(sliderButtonClassActive);
+                });
+                break;
+        }
+    },
+    removeFromSelection: function(id, type, reference) {
+        $.ajax({
+            url: '/api',
+            type: 'POST',
+            dataType: 'json',
+            global: false,
+            context: $(this),
+            data: {
+                'action': 'asset.removeFromSelection',
+                'requestkey': $('#registrykey').val(),
+                'request': 'asset.request',
+                'id': id,
+                'type': type,
+                'reference': reference,
+                'location': window.location.href
+            }
+        }).done(function(data) {
+            if (data.code == 200) {
+                var wrapper = $('[data-reference="' + reference + '"].asset-selection-droppable');
+                $('li[data-item-asset-type="' + type + '"][data-item-asset-id="' + id + '"]', wrapper).remove();
+                if (!$('li[data-item-asset-id="' + id + '"]').length) {
+                    $('#asset_' + id + ' .selected').removeClass('view');
+                }
+                if (!$('li[data-item-asset-id="' + id + '"]', wrapper).length) {
+                    $('#asset_' + id + ' [data-reference="' + reference + '"].iconSmall').removeClass('asset-selected');
+                }
+                if (data.hasOwnProperty('reference') && data.hasOwnProperty('items')) {
+                    $('.footer-counter[data-reference=' + data.reference + ']').html(data.items);
+                    if ($.isFunction($.showNumberOfFavorites)) {
+                        $.showNumberOfFavorites(data.items, data.reference);
+                    }
+                }
+            } else if (data.code == 400) {
+                alert(data.message);
+            } else {
+                return false;
+            }
+        });
+        return false;
+    },
+    addToSelection: function(ids, type, reference) {
+        var button = $(this);
+        var isActive = button.hasClass('btn-active-selection');
+        if (!$.isArray(ids)) {
+            var ids = [ids];
+        }
+        $(this).addClass('posting-selection');
+        $.ajax({
+            url: '/api',
+            type: 'POST',
+            dataType: 'json',
+            global: false,
+            context: $(this),
+            data: {
+                'action': (isActive ? 'asset.removeFromSelectionMulti' : 'asset.addToSelection'),
+                'requestkey': $('#registrykey').val(),
+                'request': 'asset.request',
+                'ids': ids.join(','),
+                'type': type,
+                'reference': reference,
+                'location': window.location.href
+            }
+        }).done(function(data) {
+            !isActive ? button.addClass('btn-active-selection') : button.removeClass('btn-active-selection');
+            $(this).removeClass('posting-selection');
+            if (data.hasOwnProperty('code') && data.code == 200) {
+                if (isActive) {
+                    button.removeClass('btn-active-selection');
+                }
+                if (data.hasOwnProperty('added') && !isActive) {
+                    $.each(data.added, function(key, value) {
+                        $('#asset_' + value + ' .selected').addClass('view');
+                        $('#asset_' + value + ' [data-reference="' + reference + '"].iconSmall').addClass('asset-selected');
+                        $('.asset-actions [data-id="' + value + '"][data-reference="' + reference + '"]').addClass('btn-active-selection');
+                    });
+                }
+                if (data.hasOwnProperty('reference') && data.hasOwnProperty('items')) {
+                    $('.footer-counter[data-reference=' + data.reference + ']').html(data.items);
+                    if ($.isFunction($.showNumberOfFavorites)) {
+                        $.showNumberOfFavorites(data.items, data.reference);
+                    }
+                }
+                if (data.hasOwnProperty('reference') && data.hasOwnProperty('html')) {
+                    $('.asset-selection-droppable-wrapper[data-reference!=' + data.reference + ']').selectionContainer('hide', 'fast');
+                    $('.asset-selection-droppable-wrapper[data-reference=' + data.reference + ']').selectionContainer('show');
+                    $('.asset-selection-droppable[data-reference=' + data.reference + '] ul').append(data.html);
+                    $('.asset-selection-droppable-wrapper[data-reference=' + data.reference + ']').selectionContainer('refresh');
+                    setTimeout(function() {
+                        $('.asset-selection-droppable-wrapper[data-reference=' + data.reference + ']').selectionContainer('refresh');
+                    }, 500);
+                }
+            } else if (data.code == 400) {
+                alert(data.message);
+            } else {
+                return false;
+            }
+        });
+        return false;
+    },
+    getSelection: function(reference) {
+        $.ajax({
+            url: '/api',
+            type: 'POST',
+            dataType: 'json',
+            global: false,
+            context: $(this),
+            data: {
+                'action': 'asset.getSelection',
+                'requestkey': $('#registrykey').val(),
+                'request': 'asset.request',
+                'reference': reference,
+                'location': window.location.href
+            }
+        }).done(function(data) {
+            if (data.code == 200) {
+                if (data.reference && data.items) {
+                    $('.footer-counter[data-reference=' + data.reference + ']').html(data.items);
+                }
+                if (data.reference && data.html) {
+                    $('.asset-selection-droppable[data-reference=' + data.reference + '] ul').append(data.html);
+                }
+                $('.asset-selection-droppable-wrapper').css({
+                    'display': 'inline',
+                    'visibility': 'hidden',
+                });
+                $('.asset-selection-droppable-wrapper').selectionContainer('refresh');
+                $('.asset-selection-droppable-wrapper').css({
+                    'display': 'none',
+                    'visibility': 'visible',
+                });
+            } else if (data.code == 400) {
+                alert(data.message);
+            } else {
+                return false;
+            }
+        });
+        return false;
+    },
+    rejectUpload: function(obj) {
+        $(this).attr('disabled', 'disabled');
+        $('#fw-dialog-main').dialog({
+            title: assetTranslations.asset_reject_title,
+            buttons: [{
+                text: assetTranslations.asset_button_cancel,
+                click: function() {
+                    $(this).dialog("close");
+                }
+            }, {
+                text: assetTranslations.asset_button_reject,
+                click: function() {
+                    if ($("#asset_reject_reason").val().trim() == "") {
+                        $('#fw-dialog-alert').dialog({
+                            title: assetTranslations.asset_reject_alert_enter_message,
+                            'width': 400,
+                            'buttons': [{
+                                'id': 'ok',
+                                'text': assetTranslations.asset_button_ok,
+                                'click': function() {
+                                    $(this).dialog('close');
+                                }
+                            }]
+                        }).dialog('open');
+                    } else {
+                        $('.row_approval_remarks textarea').val($("#asset_reject_reason").val().replace(/(?:\r\n|\r|\n)/g, '<br />'));
+                        $('.row_approval_remarks input').val($("#asset_reject_reason").val().replace(/(?:\r\n|\r|\n)/g, '<br />'));
+                        $(this).dialog("close");
+                        obj.save(obj, 'reject_asset');
+                    }
+                }
+            }],
+            width: 470,
+            'min-height': 270
+        });
+        $('#fw-dialog-main').html(assetTranslations.asset_reject_text + '<br/><div><textarea id="asset_reject_reason"></textarea>');
+        $('#fw-dialog-main').dialog('open');
+        $(this).removeAttr('disabled');
+    }
+});
+$(document).ready(function() {
+    $('.searchBoxContainerInput .autocomplete').each(function() {
+        var atype = $(this).attr("autotype");
+        $(this).autocomplete({
+            minLength: 3,
+            source: function(request, response) {
+                btype = atype;
+                $.ajax({
+                    url: '/api/&request=asset.autocompleter',
+                    type: 'POST',
+                    dataType: 'json',
+                    data: {
+                        featureClass: "P",
+                        style: "full",
+                        maxRows: 12,
+                        type: btype,
+                        requestkey: $('#registrykey').val(),
+                        term: request.term
+                    },
+                    success: function(data) {
+                        response($.map(data[btype], function(item) {
+                            return {
+                                label: item.value,
+                                value: item.value,
+                                id: item.id
+                            }
+                        }));
+                    }
+                });
+            },
+            delay: 750
+        });
+    });
+});