/*
	DevSaver Web Framework
	Copyright (c) 2013-2018 DevSaver. 
	All rights reserved.
		web:  www.devsaver.com
		mail: support@devsaver.com				
*/

var STBGlobalSVG = Object.create(STBModule.prototype);

STBGlobalSVG.name = "GlobalSVG";
STBGlobalSVG.initPlugin = function () {

	var elements = $('img[src*=".svg"]:not(.dont-load)');

	if (elements.length) {
		elements.each(function() {

            var $img = $(this);
            var imgID = $img.attr('id');
            var imgClass = $img.attr('class');
            var imgURL = $img.attr('src');

			if (imgURL.indexOf("svgicons") === -1) {

				$.get(imgURL, function(data) {
					// Get the SVG tag, ignore the rest
					var $svg = $(data).find('svg');

					// Add replaced image's ID to the new SVG
					if(typeof imgID !== 'undefined') {
						$svg = $svg.attr('id', imgID);
					}
					// Add replaced image's classes to the new SVG
					if(typeof imgClass !== 'undefined') {
						$svg = $svg.attr('class', imgClass+' replaced-svg');
					}

					// Remove any invalid XML tags as per http://validator.w3.org
					$svg = $svg.removeAttr('xmlns:a');

					// Replace image with new SVG
					$img.replaceWith($svg);

				}, 'xml');
			}

		});
	}
}


STBGlobalSVG.runOnReady = function() {
	STBGlobalSVG.initPlugin();
}


STBGlobalSVG.runOnContentUpdate = function() {
	STBGlobalSVG.initPlugin();
}

site.registerModule(STBGlobalSVG);