/*  dynamicCSS.js v1.0 <http://www.bobbyvandersluis.com/articles/dynamicCSS.php>
  Copyright 2005 Bobby van der Sluis
  This software is licensed under the CC-GNU LGPL <http://creativecommons.org/licenses/LGPL/2.1/>
*/

function createStyleRule(selector, declaration) {
  if (!document.getElementsByTagName || !(document.createElement || document.createElementNS)) return;
  var agt = navigator.userAgent.toLowerCase();
  var is_ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
  var is_iewin = (is_ie && (agt.indexOf("win") != -1));
  var is_iemac = (is_ie && (agt.indexOf("mac") != -1));
  if (is_iemac) return; // script doesn't work properly in IE/Mac
  var head = document.getElementsByTagName("head")[0]; 
  var style = (typeof document.createElementNS != "undefined") ?  document.createElementNS("http://www.w3.org/1999/xhtml", "style") : document.createElement("style");
  if (!is_iewin) {
    var styleRule = document.createTextNode(selector + " {" + declaration + "}");
    style.appendChild(styleRule); // bugs in IE/Win
  }
  style.setAttribute("type", "text/css");
  style.setAttribute("media", "screen"); 
  head.appendChild(style);
  if (is_iewin && document.styleSheets && document.styleSheets.length > 0) {
    var lastStyle = document.styleSheets[document.styleSheets.length - 1];
    if (typeof lastStyle.addRule == "object") { // bugs in IE/Mac and Safari
      lastStyle.addRule(selector, declaration);
    }
  }
}

/*  DOM manipulation functions;
  Can only be used after a page has fully loaded
*/

function setElementStyleById(id, propertyName, propertyValue) {
  if (!document.getElementById) return;
  var el = document.getElementById(id);
  if (el) el.style[propertyName] = propertyValue;
}

function setElementStyle(element, propertyName, propertyValue) {
  if (!document.getElementsByTagName) return;
  var el = document.getElementsByTagName(element);
  for (var i = 0; i < el.length; i++) {
    el[i].style[propertyName] = propertyValue;
  }
}

function setElementStyleByClassName(cl, propertyName, propertyValue) {
  if (!document.getElementsByTagName) return;
  var re = new RegExp("(^| )" + cl + "( |$)");
  var el = document.all ? document.all : document.getElementsByTagName("body")[0].getElementsByTagName("*"); // fix for IE5.x
  for (var i = 0; i < el.length; i++) {
    if (el[i].className && el[i].className.match(re)) {
      el[i].style[propertyName] = propertyValue;
    }
  }
}