﻿SetStyle();

function SetStyle() {
  var spanColl = document.getElementsByTagName("span");
  for (var i = 0; i < spanColl.length; i++) {
    var cssClass = GetCssClass(spanColl[i]);
    if (cssClass) {
      spanColl[i].className = cssClass;
      if (spanColl[i].parentNode.className.indexOf("bkg_triangle_green") != -1) {
        spanColl[i].parentNode.className = ""
      }
    }
    var relative 
  }
  
  var linkColl = document.getElementsByTagName("a");
  for (var i = 0; i < linkColl.length; i++) {
    var cssClass = GetCssClass(linkColl[i]);
    if (cssClass) {
      linkColl[i].className = cssClass;
    }
  }
}

function GetCssClass(element) {
  var cssclass;
  if (element.className) {
    if (element.className != "bkg_triangle_green_12" &&
      element.className != "bkg_triangle_green_12_new" &&
      element.className != "bkg_triangle_green_13" &&
      element.className != "link_green_arrow" &&
      element.className.indexOf("bkg_triangle_green") != -1 &&
      element.className.indexOf("simple-slide") < 0) {
      var sizeString = getFontSize(element)
      var sizeIndex = sizeString.indexOf("px");
      if (sizeIndex != -1) {
        var size = sizeString.substring(0, sizeIndex);        
        if (size <= 10 || size == 11) {
          cssclass = "bkg_triangle_green_1";
        }
        else if (size == 12 || size == 13) {
          cssclass = "bkg_triangle_green_2";
        }
        else if (size == 14 || size == 15) {
          cssclass = "bkg_triangle_green_3";
        }
        else if (size == 16 || size == 17) {
          cssclass = "bkg_triangle_green_4";
        }
        else if (size == 18 || size == 19) {
          cssclass = "bkg_triangle_green_5";
        }
        else if (size == 20 || size == 21) {
          cssclass = "bkg_triangle_green_6";
        }
        else if (size == 22 || size == 23) {
          cssclass = "bkg_triangle_green_7";
        }
        else if (size == 24 || size == 25) {
          cssclass = "bkg_triangle_green_8";
        }
        else if (size == 26 || size == 27) {
          cssclass = "bkg_triangle_green_9";
        }
        else if (size == 28 || size == 29) {
          cssclass = "bkg_triangle_green_10";
        }
        else if (size == 30 || size >= 31) {
          cssclass = "bkg_triangle_green_11";
        }
      }
    }
  }

  return cssclass;
}

function getFontSize(el) {
  if (el.currentStyle) {
    var y = el.currentStyle['fontSize'];
  }
  else if (window.getComputedStyle) {
    var y = document.defaultView.getComputedStyle(el, null).getPropertyValue('font-size');
  }
  return y;
}