// JavaScript Document -  changing textsize on article page

/* add / remove styles to an element*/
function addCSSClass(obj,css) {
   if(obj.className.indexOf(css) != -1) return;
   if(obj.className == null || obj.className == "") obj.className = css;
   else obj.className += (" " + css);
}

function removeCSSClass(obj, css) {
   if(obj.className.indexOf(css) > 0) obj.className = obj.className.replace(" " + css, "");
   else obj.className = obj.className.replace(css, "");
}

function replaceCSSClass(obj, css) {
   obj.className = css;
}

function textsizeChange(size) {
   var cssTextsize = "textsize-" + size;
   replaceCSSClass($("article-column"), cssTextsize); // sets the size of the text

   var cssIcon = "icon-textsize-" + size + " textsize";
   var elements = document.getElementsByClassName("textsize");
   for (var i = 0; i < elements.length; i++) {
      replaceCSSClass(elements[i], cssIcon); // changes the selected icon
   }
   
   Cookie.set("textsize", size, 1000);
}