
var bm = bm || {}; // get the apps namespace

bm.preloadSvg = (function ($) {

    var allreadyLoaded = [];
    var addSvgImage = function(data){
        var div = document.createElement("div");
        // hide Element
        $(div).css({position:'absolute', top:'-9999px', left:'-9999px'});
        // add svg to wrapper
        div.innerHTML = new XMLSerializer().serializeToString(data.documentElement);
        $('body').append(div);
        //document.body.insertBefore(div, document.body.childNodes[0]);
    }

    var loadSvg = function(url){
        if (allreadyLoaded.indexOf(url) >= 0) return false;

        allreadyLoaded.push(url);

        $.get(url, function(data) {
            addSvgImage(data);
            cleanUp(url);
        });
    }
    var cleanUp = function(url){
        //$('svg[data-src="'+url+'"]').removeAttribute('data-src');
    }
    var collectSvg = function(){
        $('svg[data-src].js-svg-preload').each(function(){
            var url = $(this).data('src');
            loadSvg(url);
        });
    }
    return {
        preload:collectSvg
    }


}(jQuery));


(function($){
    $(document).ready(function(){
        bm.preloadSvg.preload();
    });

    $(window).on('content.changed',function(){
        bm.preloadSvg.preload();
    });
})(jQuery);
